Custom Play/Pause Button in Storyline
Hi all. I'm trying to customize a button that switches between play and pause when it's selected. Just a little guff on my end, accessibility rules dictate that audio should not automatically play when a learner lands on a page. One reason is that those using a screen reader will be bombarded with audio. Learners must have manual control. I don't understand why videos don't auto start but audio does by default. Anyway, since I have to add a button to control when the audio plays, I would like it to both play and pause an audio file.
I've attached a demo page and I was wondering if anyone had time to take a look and let me know why the triggers aren't working and/or what I'm doing wrong. I have a Normal state with a play audio icon, I created a custom Pause state that has the pause icon, and there are six triggers.
Thanks so much!
There is only one default "Hover" state, but I wouldn’t use it in this case as it may interfere with the "Normal" and "Selected" states. Instead, you can create a "hover" effect using another element that shows or hides when you hover over the Listen button. For example, you could add a glow or shadow effect by placing a shape under the Listen button to achieve the desired effect. A cursor change would be sufficient as well.