Join Jake Ströh for an in-depth discussion in this video Working with video in an Edge Animate project, part of Migrating from Flash to Edge Animate.
…In Edge Animate, we do not have components like we did in Flash.…Where we could simply add a component to the stage, and with the click of a…few component settings, we had a video player…on our stage that would play our selected video.…In Edge, we need to create an object on the…stage that will act as a container for our video.…Then we can utilize java script to allow us to inject the…HTML video element and direct our video files into our stage container.…We'll begin by opening the 0602 folder…that is inside of our exercise files folder.…
We have a video folder and inside of here we have the…different video codecs that we need and we also have a poster image.…And I'm just going to drag this folder inside of the Bike Race Start folder.…And now, I launch the bikerace.an Edge Animate file.…And now, we're going to create the container for which we will put…our video in, and to do that, I'm going to grab the rectangle tool.…And I'm going to draw a rectangle over the image here on the stage.…I'm going to size this rectangle…
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