Volume control button now on the right of the player Jun 07, 2021 By P Bryant Is there a way to place the volume button back to the left of the seekbar in the player? It looks like with the latest update of SL3 the volume control button is now on the right in Storyline 3.
Math Notermans Reply Deleted almost 3 years ago06/08/21 at 5:32 am (UTC) Not in the player as is...that i have to agree upon Matthew... but as you can see here..https://360.articulate.com/review/content/09f0702d-36cb-4835-b7ff-3a83d5554b8f/reviewit is possible to change the position of the volume control button in the modern player to wherever you want.Based upon a print solution ( click the image for that ) Owen Holt showed here ( https://community.articulate.com/discussions/building-better-courses/print-anything-in-storyline ) i quickly added a position change for the volume control button in there.Basically its simple...First use a selector to get your volume control...var volumeButton = document.querySelector("#volume");Then in Storyline360 you can use the buildin GSAP library to set or animate the volumeButton.gsap.to(volumeButton, {duration:5,height:'30px', x: 50, y: -30, zIndex: 1200, borderColor: "#B1B1B1"});If you prefer not animating it, but immediately setting it to a specified position.. use setgsap.set(volumeButton, {height:'30px', x: 50, y: -30, zIndex: 1200, borderColor: "#B1B1B1"}); Attaching the sampleKind regards,Math PositionAudioControl.story
1 Reply
Not in the player as is...that i have to agree upon Matthew... but as you can see here..
https://360.articulate.com/review/content/09f0702d-36cb-4835-b7ff-3a83d5554b8f/review
it is possible to change the position of the volume control button in the modern player to wherever you want.
Based upon a print solution ( click the image for that ) Owen Holt showed here ( https://community.articulate.com/discussions/building-better-courses/print-anything-in-storyline ) i quickly added a position change for the volume control button in there.
Basically its simple...
First use a selector to get your volume control...
var volumeButton = document.querySelector("#volume");
Then in Storyline360 you can use the buildin GSAP library to set or animate the volumeButton.
gsap.to(volumeButton, {
duration:5,
height:'30px',
x: 50,
y: -30,
zIndex: 1200,
borderColor: "#B1B1B1"
});
If you prefer not animating it, but immediately setting it to a specified position.. use set
gsap.set(volumeButton, {
height:'30px',
x: 50,
y: -30,
zIndex: 1200,
borderColor: "#B1B1B1"
});
Attaching the sample
Kind regards,
Math