Audio-Button functions and states within selfbuild WBT menue and options

Hi everyone, 

currently I am working on a selfbuild WBT menue with own options on buttons (like refresh, fullscreen, turn on/off subtitles, etc.). This also includes a button for un/muting audio. (Screenshot "Menue 1")

Until now I tried a lot; made my way through own ideas, tutorials in various forum posts or videos, asked colleagues, tried prompts in Copilot and so on.

The thing is, I always get stuck evertime at the same point. Therefore, I am reaching out to you in hope that you can help me out.

 

My setup is the following - first slide in master slide view: 

I have a button that consists of these elements grouped together: a circular “Ellipse” element, and above it a vector graphic of an ear. This vector graphic has the normal state (regular ear Icon) and the state selected (ear Icon crossed out). (Screenshot Icon states)

The Ellipse has also a second state for hovering with a slight shadow around the circle. 

Then, to make things even a little bit more complicated, when the user can either click this button directly from the side menue. But if they navigate to the "Menue"-Button, the side menue will expand, laid out on another layer (Screenshot "Menue 2 Expanded"). 

Next to each button is a section reading the function of the button and thanks to a hotspot over each section, it is also clickable. So the button must be functioning and changing it's states in both ways: regular menue and expanded menue - and from the expanded menue as well.

 

Goal; what should be the effects by clicking the Audio button?

1. As soon as the user clicks on the button group, the audio on the slide should be muted and the state of the vector graphic should change: an ear crossed out.
2. When the user clicks this button again, the audio should be unmuted, and the vector graphic should return to its original state (the normal ear). So, the audio should not be stopped and resumed: The audio should be "playing" without sound in the background with continuous timeline. 

3. A slide can also contain multiple consecutive audio files that play one after the other. The audio button un/mutes all of them when the user clicks the button. 

4. And when the user moves to the next slide, the WBT should remember that the selected function (audio is turned off/on) and show the ear icon accordingly (as crossed out/normal).

5. Point 3 and 4 shall also apply for the audios of videos: So the video-part is still going on while the audio can be muted/unmuted. --> To make it trickier: This should also work for the case when there are audios and videos on one slide.

 

Hay anyone an idea how to solve this riddle and incorporate all the required speficiations?

I would be beyond grateful. 

Thanks in advance

Best regards