Process Interaction - How to Keep Audio From Overlapping?

Aug 07, 2019

Andrea Stewart
By Andrea Stewart

I'm working on a training course and I have a process interaction slide that explains each term when the buttons are clicked (four buttons). Clicking on each button brings up a layer that explains the term, complete with audio.

I'm trying to stop the trainee from clicking on another button before the audio on the one they've clicked on is already finished. Any suggestions on how I would go about doing this? Right now the trainee can click on the buttons in quick succession, and the audio files just play over each other.

I've figured I could set variables so that the trainee cannot click on the next button until the audio on the previous one is complete. However, ideally I'd like the trainee to be able to click on the buttons out of order.

2 Replies
Jerry Beaucaire
over 4 years ago08/07/19 at 10:20 pm (UTC)

One idea,

  1. Put a semi-transparent white box (or whatever color that matches the background) over all the clickable buttons so they look disabled.
  2. Set this box to hidden so all looks like it did before the box was created.
  3. Now, add a trigger to all your buttons that sets this box to NORMAL when the buttons are first clicked.
  4. Now set triggers to hide the box again when the media completes.

That should do it.

Jerry Beaucaire
over 4 years ago08/07/19 at 10:24 pm (UTC)

A similar idea is to use layers for a similar effect but an enhanced visual:

  1. Create a layer for the first button's content
  2. Add a semi-transparent grey background so the base layer is still visible but now looks "dimmed".   Make sure the layer option "prevent user from clicking on base layer" is checked
  3. Add an interesting image related to this button
  4. Move the audio for the button to this layer and set it to play when the timeline starts.
  5. Set the layer to hide itself when the timeline ends or when the audio completes

  6. Repeat this process with each button.

  7. Final idea, add a "visited" state to each of the buttons so as they are clicked they change color slightly to reinforce the ones that have been clicked already.

This discussion is closed. You can start a new discussion or contact Articulate Support.