35 Replies
Lesa  Black

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)

Jürgen Schoenemeyer

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

 

S T

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!

John-Paul Ballard

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");