Before I get started on a very large project for creating audiovisual presentations in html5, I just wanted to check in with SO to see if there were any recommendations. My company has a ton of fairly large flash videos that are essentially a person speaking while words appear on the screen with some animation that moves the words around. Each video also has a menu that lists each part, a slider, and play/pause buttons (here is an example: http://www.gleim.com/accounting/cpa/tutorial.php )
In order to move toward supporting mobile browsers, we’d like the videos to be in something other than flash. The idea we came up with was having an <audio> tag to play the audio and having the storyboard of the text/images and their timing decide what appeared on the screen (this would be handled by <canvas> or straight up DOM manipulation, etc.). The problem is that we would not be able to simply convert our existing flash files to this format, we would only be able to use it from now on (this is not a dealbreaker). The html5 version does not need to be at quite the same level of precision in terms of audio to visual timing either.
Using <video>s is out of the question.
So my question is:
- Is there a simple way to convert flash
swfpresentation-like files into html5? - Failing that, is there an existing framework to essentially make html5 animate slideshows with sound?
- Is there some other alternative to this conversion that I have not considered.
- If I have to roll my own, are there any suggestions?
Swiffy is one option (as above, note that it only supports a subset of Flash Player 8 and AS2), and Adobe Wallaby is another, which is somewhat similarly limited – can only convert a subset of timeline animations (no AS2 or AS3 code) from a source FLA – http://labs.adobe.com/wiki/index.php/Wallaby#Features_and_Support. Going forward, however, Adobe has been working on HTML5 tools like Adobe Edge that are purposed with (one day) equaling Flash’s interactivity and animation capabilities with HTML5.