Embedding a storyline into a custom web application
Mar 01, 2017
I have a web application that needs to embed an Articulate Storyline 360 learning object. The learning object has been created by another developer, and I don't have insight into the content, however I shouldn't need it.
I've been given a folder with an assortment of items in it, specifically:
- A html5 folder
- A mobile folder
- A story_content folder
- A story_html5.html file
- A few other files
I've created a page in my application that will display the learning object, and I'm using the story_html5.html file as the base for that page. When I first loaded the page, I received quite a few 404 errors indicating JavaScript files located in the html5/data/js folder could not be found. I noticed that in story_html5.html there exists a DATA_PATH_BASE field, and after setting it to the relative location of where I put the folder defined above, most of these 404 errors were removed. However I'm still getting a 404 for one of the files in the html5/data/js folder.
I'm having trouble debugging since the JS code is optimized/minified - is this a configuration issue?
3 Replies
Is there a story.html in the file package as well? If yes, I would try using that file as the base URL.
Hi Tim,
Have you uploaded the same folder structure into your server?
Everything must be uploaded into one folder.
Are you using iFrame in embedding the Storyline Learning Object into your custom web application?
Thank you Michael! That was the problem.
I do have a followup regarding best practices for embedding this into my application... See the attached image for context.
I have a typical MVC application. Each view has it's own header, footer, sidebar etc... In the content area of one of my views (i.e. My Articulate/Index.cshtml), I'd like to insert the Articulate HTML. My initial thought was to copy/paste what was in story.html and put it in articulate.cshtml, however it seems like there is some code that redirects the user to a different HTML page. Is it really best practice to embed story.html into an iframe inside of articulate.cshtml?
This discussion is closed. You can start a new discussion or contact Articulate Support.