Lynda.com HTML5: Video and Audio in Depth
Date: 3 June 2011 | Posted by: bubbagump
Lynda.com HTML5: Video and Audio in Depth
Introduction
Welcome 00m 42s
Using the exercise files 00m 42s
15m 18s
1. Video and Audio Basics
Understanding HTML5 video and audio 04m 46s
The state of HTML5 video and audio 04m 29s
Understanding the format war 03m 53s
Configuring your server to deliver HTML5 media formats 02m 10s
32m 36s
2. Embedding Video and Audio
Using the video and audio tags 05m 34s
Using multiple sources for browser compatibility 05m 53s
Preloading 04m 16s
Autoplaying 02m 02s
Looping 05m 11s
Setting a poster frame 03m 43s
Setting the video width and height 03m 40s
Displaying subtitles and captions 02m 17s
12m 40s
3. Falling Back to Alternative Playback Methods
Falling back to Flash 04m 04s
Falling back to download links 06m 21s
Using an embed code builder 02m 15s
22m 17s
4. Encoding Audio and Video Files
Understanding HTML5 video formats 05m 10s
Understanding HTML5 audio formats 02m 57s
Encoding MP4/H.264 video with HandBrake 03m 13s
Encoding Ogg, Theora, and WebM with Firefogg 03m 18s
Encoding audio formats with VLC 05m 54s
Automating video and audio encoding 01m 45s
34m 59s
5. Building Your Own Controls with javascript
Setting up the javascript 04m 39s
Creating Play and Pause buttons 07m 52s
Creating a Play Progress bar 05m 49s
Creating a Load Progress bar 09m 29s
Creating a Current Time and Duration display 07m 10s
04m 37s
6. Known Issues and Workarounds
Overview of known issues 00m 35s
Autobuffer or preload? 00m 56s
Load progress in Firefox 3.6 00m 41s
Android 2.0 issues 01m 05s
iOS 3 issues 01m 20s
02m 08s
7. Audio and Video in the Wild
Flight of the Navigator 00m 50s
ZEN Audio Player by simurai 00m 34s
The Wilderness Downtown by Google and Arcade Fire 00m 44s
01m 40s
Conclusion
Further exploration 01m 40s
See full article