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

 

Links:

Sublime Text https://www.sublimetext.com/

JS Beautifier http://jsbeautifier.org/

jQuery https://jquery.com/

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