Flash to HTML5 Converter by Adobe

by Adrian Pop 4

HTML5 did ruin Adobe’s plans regarding Flash. Most operating systems don’t natively support Flash rendering and users have to install additional plugins… Seems like Adobe felt in love with HTML5, because they released their own HTML5 video player about 10 days ago.

Flash to HTML5

After they released Dreamweaver CS5 and Illustrator with some HTML5 tools, they started to think and made another smart move for their business model. At Adobe’s MAX Conference, an important announcement was made: Flash to HTML5 Conversion Tool. It sounds a little bit strange but it’s true. Adobe doesn’t want to let Flash in the dust!

How does it work? Their tool allows developers to export Flash CS5 animations into a combination of HTML code, HTML5 canvas element, SVG (Scalable Vector Graphics) and other tags. Finally, the entire code acts just like the original animation, but is rendered directly by the browser (most mqjor browsers already support HTML5 and CSS3). An important thing that you might want to know is that Adobe didn’t say anything about the release date. Here is a 4-minute demo, which speaks for itself. I would be very interested to know the footprint of both versions.

Flash to HTML5

Anyway, the most important part of their tool is that you can use only one element somewhere on your website. They presented an example with some buildings, letters and other objects. You can put the letter on the top of the site, and the buildings on the footer, everything animated, and this is really cool. I admit, they did something that most of the developers didn’t expect to see. The tool isn’t ready, and as you may see in the movie the HTML code is really messed up, but this is only a demo/preview version.

Why this move? For sure Adobe studied the market, saw that Flash is losing some market shares. There are many companies and people that really like Flash( there are some things that Flash can do, and HTML5 can’t do… yet) and they want a Flash website. But their website will not be visible under iOS (Apple’s OS) because they banned Flash due to poor performance. So developers can convert Flash to HTML5 and everyone is happy. Adobe will make a lot of money with this tool (I hope it will be freeware!) because Flash CS5 sales will grow again. Moreover, Flash ads will be converted to HTML5 on the fly, especially for iOS.

What do you think of Adobe’s move? Do you think you’re going to convert Flash into HTML5?

Comments (4)

  1. If HTML5 becomes a real menace, then probably Adobe would start heading into HTML5 tools more and more. Seems to me that they have just started to work on a backup plan, but are still expectant in terms of how people are going to grasp Flash 11, and Flash in Android, and other devices. If Flash continues to have a good pace, HTML5 will be an additioanl feature. If not, they will have to focus directly on it.

  2. Well, you can’t really say it’s coming. Adobe MAX’s sneak peeks are only tech demos. There is absolutely no warranty that it will ever be integrated in an Adobe product.
    And anyway, there is so many things that you can’t do with HTML5 that it will never be 100% conversion, just graphics


    1. I don’t think Adobe is showing us something, a very nice tool and then just say “That’s all, we close that project”. They don’t do such things. Hopefully in 6-10 months “Flash to HTML5 converter” will have at least a good beta.

  3. More, this would not be a private release, the proof is that adobe is working on the Adobe Egde, (http://tv.adobe.com/watch/adc-presents/preview-of-the-edge-prototype-tool-for-html5-/) that probably will be the first html5 animation and development tool (the first and probably the best)… like you see, adobe can put together both technologies and even creating space for new adopters… so, i my opinion… html5 will not replace flash, not even close (it haves a long way to go!)…but it will be clearly a alternative to some flash content.

Leave a Reply

Your email address will not be published.

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>