How to Hack Storyline 3/360 HTML5 Output
In case you missed my Free Webinar, or just want to go back to relive the awesomeness :-) We put the recording on YouTube: https://youtu.be/fjf0VbZJVM8
And here is my intro with the links to stuff mentioned in the webinar
Today I want to pull back the curtain a bit and show you some of the tools and processes I use to build custom JS solutions for Storyline. Really I use the same stuff for Captivate, Lectora, etc as well.
It has been possible to create awesome JS solutions for Storyline’s HTML5 output since SL1 the HTML5 was output has always been somewhat limited compared to the Flash output. And it always had a Flash output. That meant trying to build two solutions.
But now the HTML5 out is very robust and stable. And you can choose to only publish to HTML5. This opens the door to all kinds of customizations.
I doubt any of you will run out and implement most of the hacks I demonstrate today. Some are a bit silly. But I choose these to illustrate the process and power of hacking SL’s HTML5 Output
Sublime Text https://www.sublimetext.com/
JS Beautifier http://jsbeautifier.org/
W3 Schools https://www.w3schools.com/jquery
Find elements by aria-label: http://elearningbrothers.com/emphasis-articulate-storyline-animations/
Random User https://randomuser.me/
Free eLearning Brothers Library http://elearningbrothers.com/free-elearning-templates/
Free 30 Trial of ReviewMyElearning https://www.reviewmyelearning.com