Convert Your Flash Website to HTML5 Code for FREE
Did you know that there is a free way for the conversion of your Flash website to HTML5 code? Whether you have a problem with the Flash website or smaller elements like Flash menu, Flash slideshow, animation, banner or other Flash elements there is a FREE automated solution that will convert your Flash to HTML5 code!
The solution exists for several years, but many still do not know it. The solution was created by, guess who?… Google! Yes, Google Swiffy is a free online tool made my the Google’s DoubleClick Studio.
The 3 steps for complete conversion of your Flash to HTML5
Google Swiffy offers a very easy way of converting your Flash. You just need to have your Flash .swf file, upload it, and wait for Swiffy to do the job for you. There are actually 3 steps involved:
- Uploading the .swf file to Swiffy.
- Copying the generated HTML5 code.
- Applying the HTML5 code to your .html file.
What you need to do it find your .swf file, right-click it, go to Properties and check the size of the file. If your file is under 1mb in size then you’re good to go. Just upload your file and Swiffy will convert your Flash to HTML5 code in just few seconds. You will be presented with two “screens” which will appear just below the upload file button. The first screen is your Flash animation, and the second screen is the converted HTML5 code.
Click the link that is listed below the second screen. It should be the name of your file with .html extension i.e. “flashexample.html”.
Click on it and new browser window will open showing you just the HTML5 version of your file. When on the HTML screen, rick-click and select “View Page Source” on Chrome, Firefox, or “View Source” on Internet Explorer and Safari. There you have it, you have the HTML5 code of your Flash website or Flash animation. Now you just need to find a way to use this code on your website.
This is the most tricky part as it requires reading and understanding HTML coding. If you are not comfortable with doing the changes to the HTML code, feel free to ask for our assistance in converting your Flash website to HTML5 code. Don’t forget we also convert websites to WordPress or Joomla, the most powerfull Content Management Systems out there!
So how to implement the HTML code to your website? Well we’ll try to explain it with simple words. First find the .html file where your current Flash element (object) is inserted. It is usually the index.html file of your website, but there are cases where conversion is needer for a Flash element like banner, animation or slideshow which are inserted in other pages of the website. So, find the file and open it using editor like Notepad++ where you can see the different HTML tags marked and separated with colors.
Go back to your HTML5 generated code from Swiffy and copy everything starting from this line:
Now, get back to your Swiffy generated code and now select all code starting from this code: