Forum Discussion
Importing interactive HTML5 content to Storyline2 (e.g. from Adobe Animate CC)
A SWF/HTML issue from another perspective ...
I have always looked upon Articulate products as perfect for scalable solution. Interactivity that could not be achieved in Presenter or frame based animations in combination with Storyline could be produces in other programs and embedded in the Articulate tool as swf files. Thus more complex content could be used when necessary.
Is it possible to produce frame based animations and interactive parts in, for instance Adobe Animate CC, publish it from Animate CC as HTML5 and then embed it into a Storyline production. The result should then show the animations, let the user interact whit it in a controlled way as is possible with imported swf inte Storyline today.
I would be most grateful for any advice in this matter.
You can use the Html 5 or swiffy for embedding into a course, but in order to have data pass between the two. (ie. press an html5 button to tell storyline to progress is a little more difficult) So if you don't mind your animated content to be asyncronous, you can very easily put it into webObjects, and it will look great. Otherwise you will have to have to do some level of Javascripting in Flash, storyline and edited HTML5 to get a var to pass from HTML5 to Storyline . Hope this helps.
Hi Yazmin,
Good to hear from you. I have tried explaining the process in the attached doc. Hope it is clear. If not, feel free to let me know.
Thanks,
Joy
You're very kind, it worked well. Thank you very much. It's good to find people like you. :)
Glad to know that it worked.
Thanks Joy! This is AWESOME!
Hi P-O E,
Coming in here a bit late. I did try bringing in animation from Animate CC into Storyline and it worked wonderfully. The vector quality is maintained. The file size is low. I am simply loving the combination of the two.
Attached is an example of the integration.
Once unzipped.
1. Open the folder "Storyline..."
2. Click on "story_html5".
Whatever you see there is 100% vector.
Thanks,
Joy
Hi Joy Konsam,
I'm from Colombia, I do not know English very well, I hope I apologize. I would like to know how did you do to embed animation Animate cc to Articulate storyline. That would help me a lot.
Thank you very much.Looks Great Man.
Hi Joy,
Could you please explain how did you bring in the animation from Animate CC into Storyline without using web object?
Awaiting your reply.
You can display any external HTML/HTML5 content in a Storyline web object.
Hi P-O E!
Looks like Michael is assisting you here, but I wanted to share our documentation:
Web objects are a powerful way to leverage web-based resources by embedding them right in your Articulate Storyline courses. To learn how to use web objects, see this tutorial.
Thanks a lot for your replies!!
Thanks for popping in to share Joy :)
My pleasure:)
Hi Yazmin and welcome to E-Learning Heroes :)
Hopefully Joy is still subscribed to the thread here, but if you do not here back soon you are welcome to utilize the 'Contact Me' option on the user profile to reach out directly.
Thanks so much for popping back in to share that Joy - very generous :)
Pleasure always:)
Thank you Joy! This was just what I was looking for :)
