Convert Swf to Html5

With the decline in operating system and browser support for Flash movies (SWF file format), there is a need to understand how to convert existing Flash movies into the new animation standard which is Html5. The main obstacle in converting a SWF file into Html5 is that Flash functionality far exceeds native Html5 functionality. Flash supports frames, position and color morphing, vector shape morphing, motion paths, components, movie clips, filter/blend effects on movie clips, buttons with button state actions and sounds, masking, and action scripting which can interact with elements like dynamic text and movie clips. Native Html5 doesn't support any of this functionality. There are javascript libraries which provide piecemeal some of this functionality but not in an integrated package like Flash.

This article gives a good overview of methods for conversion and the problems involved:

If your Flash movie is simple (text, images, and shapes with basic morphing), conversion to Html5 has a high likelihood of success. If there is action script in the movie, the likelihood of a successful conversion is much less. Other approaches are to convert the Flash movie to an animated GIF, AVI, or MP4 movie. This only makes sense if the Flash movie is not interactive (doesn't contain buttons or links). The quality of the movie is lost in the conversion to other video formats and the resulting file size may be quite large.

Converting a SWF file to Html5 in KoolMoves or KoolShow animation software begins with selecting the SWF file (File > Import SWF Movie).

If you can import as an object in KoolMoves Flash export mode, you can't edit the Flash movie but it will play like an animated GIF within the exported movie.

If you import as an editable movie (which is the only supported import method for Html5 export), KoolMoves or KoolShow will convert as much of the SWF as it can. The individual objects and frames extracted from the Flash movie can then be edited within KoolMoves or KoolShow. Most likely some aspects of the movie will be missing. If you want to export as Html5, make sure the export mode (upper right) is set to Html5 Animation.

This short YouTube video explains how to import a Flash movie for conversion to Html5.

Email us for support     Receive help on FlashKit forum     Receive notification of updates via Twitter     View YouTube examples and tutorials

Copyright © 2000-2017 Lucky Monkey Designs LLC, Flash® is a registered trademark of Adobe Systems