Adding HTML/JS/CSS attachments to Storyline 360
Jun 20, 2019
By
Eric Madsen
I'm moving from Lectora to Storyline and one thing I cannot seem to find an equivalent functionality to, is attaching external HTML/JS/Other resources to be packaged with my course.
Specifically I have a zipped video player (JWPlayer) which when unpacked in Lectora accepts custom JS code that accepts URI encoded attributes from my video content management system. I iFrame / embed this local player in my course so that media can be loaded into it from the external VCM without an additional authentication.
Is there a way to import my zipped player, unpack it in storyline, then add an iFrame to point to that player?
thank you,
Eric
10 Replies
I believe the Insert Web Object functionality in Storyline will accomplish what you want to do.
https://community.articulate.com/series/articulate-storyline-360/articles/articulate-storyline-360-user-guide-how-to-add-web-objects
Thanks Michael - I didn't realize there was a browse button in there! I'll work with this and see if I can get it working. Much appreciated!
Very welcome, I think that will do what you need.
You might also look at using the VideoJS player instead of JWplayer. It's used by some of the big players like BrightCove.
We will likely be switching to VideoJS over the next months - mostly due to benefits outside the SCORM world. IMO they are both quality players.
Very good.
Michael, now that I've been able to upload my player I can't seem to be able to pass any URL parameters to it. Here's an example -
player_folder/index.html?path=//myserver.com/cms/media&v=1915/video.mp4&p=1916/video.jpg&cc=1917/video.vtt
I'd like to load the player_folder once and reuse it for all the videos in a particular course. The content is all loaded from a server (AWS) with whitelisting enabled for our LMS(s) domains.
I'm thinking that the local web object (player) isn't going to let me add these URL parameters. Is that the case?
Thanks,
Eric
No, you can't change the URL of the web object with any supported method (there's always a way to do anything) but you could have some javascript in your web object that checks for a variable in Storyline that contains the data you want to pass to it.
I generally use a setInterval to check the Storyline variable every 500ms or so. There are more elegant methods but they are not supported, such as referencing functions within the WO. You could probably also locate the iframe of the WO and change it's URL on the fly.
I like Michael's suggestion :-)
Thanks Phil, that really does mean a lot coming from you. I've learned a lot from you and others here. I do try to go for solutions that aren't too outside the box, so thing don't suddenly break down the road.
This discussion is closed. You can start a new discussion or contact Articulate Support.