Blurred Backgrounds Effects in E-Learning #366: Challenge | Recap
Design Visually Rich Backgrounds Using This Simple Effect
Background images are one of the best ways to add visual intere...
Published 3 years ago
Version 1.0
Blog Post
Thanks to Fotor for the free easy blur on this image. Decided to put Deshaun at a concert where he's trying to have a phone conversation. What I WANTED to do was trigger a volume change in the music when you view the blurred background, but had to settle for pausing the media instead on that layer. The music volume change, of course, is supposed to represent clarity of the text. Maybe a stretch?
https://360.articulate.com/review/content/80ad1079-7f7a-4dad-ae06-1e82d31fce7e/review
https://360.articulate.com/review/content/80ad1079-7f7a-4dad-ae06-1e82d31fce7e/review
This is cool - linking the audio volume to the blur effect is a neat idea. A trigger / variable to control this based on the user's action would be a great addition. A little like being able to switch the Closed Captions on or off without relying on the default player button.
- I deleted my silly answer for you, Jonathan, and also deleted your own answer by accident. Of course, it was obvious that you knew exactly how to manage closed captions (I was surprised). I completely misunderstood what you were saying. Sorry.
- Ha! No worries. I often explain what I'd like to see in terms of what we can already do, so I appreciate the opportunity to clarify and discuss. That's what we're all here for!
- Great idea, Jonathan! I've seen some pretty cool uses of dials and sliders for blurring, so I could incorporate something like that to control the audio files. I just wish that Storyline offered a little more in terms of volume control for the files, but that's probably a pretty heavy ask for software that is not, at its heart, DAW software. Thanks for the feedback!
- I almost found the Holy Grail, Peter. (about dynamic sound control, of course). And, Glory to him!, is a cleaver JS trigger solution from Math Notermans. No issues with track alignment as there is only one track and the JS triggers handle the entire volume level. His file.story is here:
https://community.articulate.com/discussions/articulate-storyline/how-to-create-a-sound-volume-button
Thanks to him.
I recreated your demo with a very-very simplified copy of Math's solution.
https://360.articulate.com/review/content/10efc235-0853-49e2-9ccf-3b76b9e9281e/review)
I only kept two buttons: high volume and clear volume. These are the same buttons for blurring and unblurring the background so you have both effects at the same time. Of course, JS triggers don't work in Review, so you need to download the .story file here:
https://www.course-design.fr/download
Then click on the story.html file to see the demo in action or open the .story file and export for web. It works well. Let me know.
AND, I'm also answering Jonathan by adding buttons to manage captions without relying on the default player button (as captions are enabled or disabled by changing the built-in variable "Player.DisplayCaptions" (false or true ), it's easy to create buttons to change the variable as you need).- Thierry, thanks so much for the insights! I REALLY need to learn more about and better understand some of these javascript mechanisms. Looks like that's the way to program this feature in. Thanks for sharing!
