Join Jake Ströh for an in-depth discussion in this video How video and HTML5 work together, part of Migrating from Flash to Edge Animate.
- View Offline
…Whether you're relatively new to HTML 5 video or…have worked with it before, one of the first discoveries…that you'll find is that it's a bit different as…to how we once worked with video on the Web.…There are a few things that we need…to understand when working with video in HTML 5.…And to better understand and appreciate the steps…needed when we begin working with video inside of…Edge Animate, we'll work with the code that is…needed to get HTML5 video content onto a webpage.…But first, let's go over some HTML5 video basics.…
One of the really great things about HTML5 video and audio…is that we're able to play the media without requiring plug-ins.…One of the drawbacks is that different browsers require different media types.…So, we must provide multiple media types in order to…deliver our content to the largest audience possible, which is…unlike the days of Flash video where we had one…video codec that we could deliver to a very large audience.…And that might get some of you thinking about…the early, early days of web video when we had…
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