Join Jake Ströh for an in-depth discussion in this video Converting SWFs to HTML5 using Swiffy, part of Migrating from Flash to Edge Animate.
…If you find yourself having to recreate…HTML5 content quickly from existing SWF files.…As a temporary solution while creating new HTML5 animation content with Edge Animate.…Swiffy from Google might be a good option.…You can find Swiffy at google.com/doubleclick/studio/swiffy.…It says right here that Swiffy also…supports ActionScript 3.0 and external resource loading.…And if we click the Getting Started with swiffy link, this page has a…very good visual of features that are supported and in what browsers.…
I'm…going to back up to their homepage.…Additionally, we can download the Swiffy extension and…use the Adobe Extension Manager to install this.…However it does not work with Flash Creative Cloud…so in earlier versions, you'll be able to install this.…And under the Commands menu you'll have the option to export as HTML5.…Also on output it will produce…a conversion process warnings report upon export.…Another option, perhaps for those of us who are on Flash CC.…
Is that we can upload a SWF file through this webpage and convert it here.…
Jake Ströh explains how the web has evolved away from Flash, while pointing out key similarities and differences in Edge Animate that make migrating at times both smooth and challenging. He shows how to re-create a simple Flash banner ad inside of Edge Animate, walking through tasks that should be familiar to Flash developers, like keyframing parameters and working with symbols and nested timelines. Text, audio, and video work differently in Edge Animate, so Jake also spends time on those techniques. Then he'll work through the process of developing an interactive mobile prototype that accepts input from touch screens. When you're done, you should have the tools you need to migrate to Edge Animate and start building web projects that live up to modern standards.
- Understanding the history of Flash and the evolution toward HTML5
- Comparing the interface, keyframing, and asset management
- Re-creating a Flash project in Edge Animate
- Working with web fonts and CSS font styles in Edge Animate
- Working with HTML5 video
- Developing for touch screens
- Converting SWFs to HTML5 with third-party tools