Join Jake Ströh for an in-depth discussion in this video Exporting the project, part of Migrating from Flash to Edge Animate.
…Our project is now completed, but we still have a few more steps to cover…for those who are visiting our site…with an older browser that doesn't support HTML5.…In a Flash project, we utilized SWF object as a…way to provide alternate content for those who either had an…old version of the Flash player plugin, had their browser…plugins turned off, or didn't have the plugin installed at all.…To give viewers with unsupported browsers something to view, we need to first create…a poster image and then add that image into what's called a downlevel stage.…
The image that I'd like to create for the…poster image is the stage image without the navigation elements.…So I'm going to turn off those right now.…And over in properties you'll see this section called Poster with a camera icon.…I'm going to click on the camera icon.…And there's a Capture button that allows us to…create an image where the playhead position is currently at.…So I'm going to click Capture.…And then I'm going to go over to the Down Level Stage section and click Edit.…
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