5 ways to use flash files in html browser

You are an e-learning company who has built an asset library of videos, test material and laboratories which are content-rich, interactive and user friendly but suddenly with the apple deciding to stop supporting flash on their devices and OS you have to start thinking how those assets could be leveraged and how soon you can get your assets accessible on all the devices. Being a part of project which achieved the same objective following are my suggestions which could help you to handle such event efficiently:

Convert it using CreateJS

Adobe has a toolkit which could convert existing e-learning assets into video format such as MOV and Ogg format etc. To use this toolkit you need to have adobe professional 6 installed and createJS plugin added in it. You can then upload the FLA file and also check the properties, frame rate, sound quality and other properties to achieve desired results. Sometime you may need to delete the ActionScript from the first frame otherwise conversion may get stuck.

Reusing the interactive assets

You can convert a flash assets through the createJS toolkit and sometime it may get completely converted and used but more often than not when there is interactivity involved in the assets then conversion gets little tricky. In that case, you will have to dig a bit deeper to understand the nitty grit of the createJS codes to edit the timeline and shapes to get the desired outcome. Sometimes they may need extensive revision though but in the end it works same or even better than flash.

Build it with HTML5

You have a flash assets and as you are already aware with the createJS toolkit and swiffy, first thing you may like to do is use these tools to convert it which is also very recommended. However, sometime you may have to take a call where editing the converted code would not help in desired outcome. There could be such effects, animation, images or interactivity which would make it complex and too bulky to be handled by the createJS. In such scenario you can always get to the HTML5 which are now built to also handle animations with their canvas property. CreateJS library which comprises of TweenJS ,SoundJS, EaselJS and Movieclip.js along with HTML5 could come handy to reach your objective.

Rebuild and make it configurable

Above are the technical suggestions for converting your assets. However, there could be a possibility that while you were building your e-learning asset library you would have got learning assets developed as and when you needed. However, when you review it you realize that some of the assets have same theme and properties and all that is changing is data. For all such assets, you could develop one single HTML template which is configurable and in the background, it can pull data from the XML/JSON or file of any other format.

  • Animation
  • CreateJs
  • HTML5
  • Technology

    If you are a developer, designer, content writter, and you are looking to work on some cool projects then drop a line at hello@technocube.in