What exactly are you looking to add? A Flash movie with AS3 - that's no problem. HTML5 as a web object should work too. As long as your browser supports HTML5, you should be good. Let us know...
As far as I can tell the Widget concept from Captivate isn't possible. You can embed html web objects in Storyline. You can also add Flash(AS3) swfs as layers (and as layers in the timeline.)
The tight integration between Adobe products is what makes Widgets possible. I don't think you can use AS3 to directly communicate with the project timelines in Storyline.
There might be ways to achieve what you want without widgets though... not sure what widgets you are using.
Thank-you Peter and Magda for your replies and your time .
We have created/use widgets for
- dressing games,
- find hidden object games
- flash movies with simple animation
- 360 degree product viewers
- drag and drop games
- skeleton and muscle movement
With html5 we were trying to do similar content for ipad/ios development
Our concerns with moving to Storyline is how much rework will we have to do AND whether certain things are possible. We want to have Flash to interact with Storyline as follows
- If the user hits a button then an flash movie plays
- x seconds into a slide play this movie
- if the user pauses/restarts a slide then the movie pauses/restarts ( so somehow Storyline through an API or similar gives feedback to the movie)
Peters link concerned me because the movie seemed independent "If your SWF file contains interactive elements, you will probably want to use the Insert > Flash option described below, which will play the SWF file independently of the slide."
Sounds like everything you just mentioned can be done in Storyline with triggers, layers, variables, etc. Create your animations in Flash and import them into Storyline. Add the interactivity in Storyline. I have been using swfs, but as you mentioned, those don't play on iPads.
You might want to investigate some of the features of FlashCS6 to iOS or html5 if you need to target iPads and include animation. You can also export a series of images from an animated movie clip in Flash and import them into Storyline.
For the purposes of figuring out the best way to switch from Flash to HTML5, I've created some sample animations using Edge Animate and published them locally. When I embed them as a web object and test, they work fine. But when I publish, nothing appears. Files have been re-named index.htm and all other files/folders are present.
Ok, I can get the html5 anims to appear if I run the story_html5.html file ... but not if I run story.html. I thought the latter would still trigger the html5 compliance in my browser and play any html5 content naturally?
Hey Simon! Thanks for the discussion on this. Had a good chat with Justin G. about your scenario and this what we think is happening:
1. Definitely, if you call story_html5.html, it will NOT fall back to Flash. The story.html file is the file that contains the logic to detect the browser and play the appropriate content, and this logic is not built into the HTML5 file.
2. It sounds like you are essentially embedding HTML5 content inside a Flash presentation and expecting an HTML5-compatible browser to detect that content and play it. We can't foresee this working, since at that point the content is in the Flash Player's hands. It's hard to imagine Chrome reaching into the Flash content and playing the HTML5, for example.
3. And if you'd like a firm answer on how it should work, please feel free to submit the file to support for testing. It would be nice to get this documented somewhere, as this article only really gets the tip of the iceberg.
Hope that helps bring a little clarity to what might be going on, and we'll look forward to getting to work with your file, if possible. Thanks for all of your help around here!
I hear ya, Simon. I think we're all chomping at the bit for a more seamless HTML5 experience. Thanks again for your help around here and for any updates you share in the future.
10 Replies
Hey Paul, welcome to Heroes!
What exactly are you looking to add? A Flash movie with AS3 - that's no problem. HTML5 as a web object should work too. As long as your browser supports HTML5, you should be good. Let us know...
As far as I can tell the Widget concept from Captivate isn't possible. You can embed html web objects in Storyline. You can also add Flash(AS3) swfs as layers (and as layers in the timeline.)
The tight integration between Adobe products is what makes Widgets possible. I don't think you can use AS3 to directly communicate with the project timelines in Storyline.
There might be ways to achieve what you want without widgets though... not sure what widgets you are using.
Anyone else know?
Hi,
Thank-you Peter and Magda for your replies and your time .
We have created/use widgets for
- dressing games,
- find hidden object games
- flash movies with simple animation
- 360 degree product viewers
- drag and drop games
- skeleton and muscle movement
With html5 we were trying to do similar content for ipad/ios development
Our concerns with moving to Storyline is how much rework will we have to do AND whether certain things are possible. We want to have Flash to interact with Storyline as follows
- If the user hits a button then an flash movie plays
- x seconds into a slide play this movie
- if the user pauses/restarts a slide then the movie pauses/restarts ( so somehow Storyline through an API or similar gives feedback to the movie)
Peters link concerned me because the movie seemed independent "If your SWF file contains interactive elements, you will probably want to use the Insert > Flash option described below, which will play the SWF file independently of the slide."
With Storyline are these things possible ?
rgds Paul
Sounds like everything you just mentioned can be done in Storyline with triggers, layers, variables, etc. Create your animations in Flash and import them into Storyline. Add the interactivity in Storyline. I have been using swfs, but as you mentioned, those don't play on iPads.
You might want to investigate some of the features of FlashCS6 to iOS or html5 if you need to target iPads and include animation. You can also export a series of images from an animated movie clip in Flash and import them into Storyline.
Animation is Storyline's weakest spot so far.
For the purposes of figuring out the best way to switch from Flash to HTML5, I've created some sample animations using Edge Animate and published them locally. When I embed them as a web object and test, they work fine. But when I publish, nothing appears. Files have been re-named index.htm and all other files/folders are present.
Am I doing something wrong?
FTR, I've followed the instructions here.
Ok, I can get the html5 anims to appear if I run the story_html5.html file ... but not if I run story.html. I thought the latter would still trigger the html5 compliance in my browser and play any html5 content naturally?
Hey Simon! Thanks for the discussion on this. Had a good chat with Justin G. about your scenario and this what we think is happening:
1. Definitely, if you call story_html5.html, it will NOT fall back to Flash. The story.html file is the file that contains the logic to detect the browser and play the appropriate content, and this logic is not built into the HTML5 file.
2. It sounds like you are essentially embedding HTML5 content inside a Flash presentation and expecting an HTML5-compatible browser to detect that content and play it. We can't foresee this working, since at that point the content is in the Flash Player's hands. It's hard to imagine Chrome reaching into the Flash content and playing the HTML5, for example.
3. And if you'd like a firm answer on how it should work, please feel free to submit the file to support for testing. It would be nice to get this documented somewhere, as this article only really gets the tip of the iceberg.
Hope that helps bring a little clarity to what might be going on, and we'll look forward to getting to work with your file, if possible. Thanks for all of your help around here!
Thanks Peter!
I've not had much joy with HTML5 output so far so I'll put some more time aside to investigate. Will post updates here.
I hear ya, Simon. I think we're all chomping at the bit for a more seamless HTML5 experience. Thanks again for your help around here and for any updates you share in the future.
This discussion is closed. You can start a new discussion or contact Articulate Support.