Forum Discussion
Remove Sound Icon/Volume Control from any slide
Finally, I have found the solution for how to remove the sound icon/volume icon in any slide.
36 Replies
Thanks Perry for that code but it didn't work for me. I'm using Storyline 3 and have only one slide with audio. We have a new requirement to include the volume button on the player so I just need that icon for the one slide only. I put your java to hide the volume in a trigger on the first slide of the project [$(".cs-icon.volume-icon").hide();] and then the java to add it back in on the slide with audio [$(".cs-icon.volume-icon").show();] and then again inhibit it on the slide following the one slide with audio.
Maybe this doesn't work in Storyline 3? (Sadly I'm unable to share the file)
Hi, this solution unfortunately is for Storyline 360, not Storyline 3.
Perry
for every script where you see the "$" char in the code, you need the library "jQuery"
jQuery is not included in Storyline anymore, since
- January 21, 2020 (Storyline 360)
- June 16, 2020 (Storyline 3)
but jQuery is not needed, you can do it with pure javascript
hide volume button
document.getElementsByClassName("cs-volume")[0].classList.add("hidden");show volume button
document.getElementsByClassName("cs-volume")[0].classList.remove("hidden");tested with modern player and classic player - so it should work with Storyline 3
Do you know what the value would be to hide the closed caption button?
Another vote for this feature. Actually a bit frustrating that you cannot remove icon from specific slides, would have thought this would have been added by now?
You can remove the seekbar etc. from individual slides, why can't the audio icon work the same way?
After ALL THESE YEARS, is there a plan to implement this? Is it even on the roadmap?
We can do it by JavaScript
Thanks, but I am getting sick and tired of all the workarounds required for Articulate products just to get a basic 'feature' implemented.
I already use scripting to remove the default Rise headers. That's a pain in itself, having to edit code every time I publish.
There really is no excuse for Articulate to keep ignoring it's PAYING customers. This request is over 5 yrs old!
EDIT: Over 6 years old!
Doesn't seem to work in the Modern Player, unfortunately.
In addition to hiding the volume icon on one slide, I needed to hide the "playback speed" icon.
Here's the javascript to use to hide/unhide that icon.
HIDE:
document.getElementsByClassName("cs-settings")[0].classList.add("hidden");
SHOW:
document.getElementsByClassName("cs-settings")[0].classList.remove("hidden");
I would like to add my vote to being able to hide the play button and volume button on individual slides after turning them on in the player. I just had a blind person review my course for accessibility adherence and the fact that these buttons were on every slide (because there are a few slides that do have videos/sound) was confusing to them.
