writing custom jQuery/Javascript to manipulate slide assets-HTML5

Mar 25, 2013

I want to know what approach I should take if I wanted to write custom jQuery/JavaScript to manipulate the assets on each slide of my Storyline presentation. I like the built-in JavaScript triggers but it's not enough for what I want to do. I've looked at the published code and it seems that all of the asset names are located in frame.xml and get parsed by storyline_compiled.js. I would love to be able to hijack those assets (images, audio, buttons, etc) and do custom programming on them. What would your advice be on this?  

I hear there is an SDK in the works but it's not ready yet obviously, so I have to go the custom route. Also, I should say that my project will be output to HTML5, not the Mobile Player or Flash.  I'm not concerned with any limitation of Flash or Mobile Player output; only HTML5. Thanks!

10 Replies
David Burton

Jason,

It would be hard for me to point you in the right direction without knowing or having an example of what you are attempting to do. Since Articulate does not support "hijacking" or manipulating the code beyond what it was designed for, again, it would be hard to suggest something outside of our support policy. Are you absolutely certain Storyline can't already do what you want it to without having to hijack?

Jason Johnson

David:

I would like to be able to do something very similar to the following examples:

http://razorjack.net/quicksand/

http://demo.tutorialzine.com/2010/02/photo-shoot-css-jquery/demo.html

It would seem to me, if Storyline is publishing to HTML5, any asset (image, audio, etc) would have to be placed in an HTML tag somewhere that I could manipulate however I choose. Is there some other non-HTML5 magic going on in the background that I'm not aware of? Thoughts? 

Thanks in advance!

David Burton

Jason,

There is nothing special happening with the html5 content outside of what is expected. In theory, you can manipulate the Articulate published html5 content anyway you choose, however, this might not a straight forward as you would hope. Currently, there is no SDK, so access to some of the functionality you are looking to tap into might not be possible, without some major "hacking".

Based on the examples you have forwarded, you might have your work cut out for you. I wish I could give you more information, but can't due to the size of your request. I look forward to seeing what you come up with.

Good luck.

Jason Johnson

I don't mind the "hacking" but can you just tell me where I would expect to find an image for a particular slide within the HTML (or Javascript parsing equivalent)? If this is simply HTML5 output, it has to be placed within a tag at some point. From the looks of the code, it's processing those tags through JavaScript as opposed to a traditional, straight-forward HTML page.

In other news, I hear an SDK is planned...any word on a timeline?

This discussion is closed. You can start a new discussion or contact Articulate Support.