The Definitive Guide to HTML5 Video

Plugins will soon be a thing of the past. The Definitive Guide to HTML5 Video is the first authoritative book on HTML5 video, the new web standard that allows browsers to support audio and video elements natively. This makes it very easy for web developers to publish audio and video, integrating both within the general presentation of web pages. For example, media elements can be styled using CSS (style sheets), integrated into SVG (scalable vector graphics), and manipulated in a Canvas. The book offers techniques for providing accessibility to media elements, enabling consistent handling of alternative representations of media resources.

The Definitive Guide to HTML5 Video dives deep into the markup that is introduced for media element support in browsers. You’ll explore the default user interface offered through browsers for media elements, as well as the JavaScript API provided to control their behavior. You’ll also learn how to account for H.264 and Ogg Theora codecs.

What you’ll learn

• How to create cross-browser markup in HTML to include audio and video into your web pages
• How to replace the default controls of web browsers with your own or “skin” your media player
• How to use the JavaScript API for media elements
• How to integrate media elements with other HTML5 constructs such as CSS, SVG, Canvas, or Web Worker Threads
• How tp make audio and video accessible
• How to use media fragment URIs to address certain temporal subparts or tracks of a media resource
• The open source tools available to deal with the new HTML5 media elements

Who this book is for

This book is for those who are proficient in authoring and publishing Web pages, but have never utilized audio and video. It will also benefit old buffs of Adobe Flash, Microsoft Silverlight, or QuickTime who are trying to understand what is happening in HTML5 media and how to use the new media elements.

Table of Contents

1. Introduction
2. Audio and Video Elements
3. CSS3 Styling
4. JavaScript API
5. HTML5 Media and SVG
6. HTML5 Media and Canvas
7. HTML5 Media and Web Workers
8. HTML5 Audio API
9. Media Accessibility and Internationalization
10. Audio and Video Devices