HTML5 Media
Integrating Audio and Video with the Web
1st Edition
Published on 13. September 2011
Book
136 pages
978-1-4493-0445-4 (ISBN)
Description
If you're a web developer or designer familiar with CSS and JavaScript, this tightly focused introduction shows you how to add HTML5 media elements to your web pages, and how to provide custom controls for letting web visitors interact with the content.
You'll also learn how to provide subtitles and captions, using file formats that work in browsers now. This book includes code samples and downloadable examples to help you take full advantage of audio and video in your web pages.
* Ensure your audio or video works in all browsers that support HTML5 media elements
* Learn about widely supported media file codecs and containers
* Customize the appearance of media elements with CSS
* Build your own applications to work with and control media elements
* Apply video subtitles and closed captioning with SRT and WebVTT
* Use SVG filters with HTML5, and play videos in your Canvas applications
* Explore upcoming features, including support for multiple tracks and synchronized playback
More details
Other editions
Additional editions
E-Book
08/2011
1st Edition
O'Reilly
€10.49
Available for download
Person
Shelley Powers has been working with and writing about web technologies--from the first release of JavaScript to the latest graphics and design tools--for more than 15 years. Her recent O'Reilly books have covered the semantic web, Ajax, JavaScript, and web graphics. She's an avid amateur photographer and web development aficionado.
Content
Preface;
About this Book;
Conventions Used in This Book;
Using Code Examples;
Safari® Books Online;
How to Contact Us;
Acknowledgments;
Chapter 1: HTML5 Audio and Video Elements: By-Default;
1.1 Adding a Media Element to a Web Page;
1.2 Support for Multiple Media File Types;
1.3 The Audio and Video File Babble and the Source Element in Detail;
1.4 The Media Elements in More Detail;
1.5 Audio and Video in Mobile Devices and Media Profiles;
1.6 Converting Audio and Video Content;
Chapter : Customizing Media Elements;
2.1 CSS Styling;
2.2 Custom Controls with JavaScript and CSS;
2.3 Debugging and Discovering Browser Support;
Chapter : Media Elements, Multiple Tracks, and Accessibility;
3.1 Media Controllers and the MediaController Interface;
3.2 Multiple Tracks and the Track List Interfaces;
3.3 The Track Element;
3.4 JavaScript Support for Subtitles and Captions;
Chapter 4: Advanced Media Element Scripting;
4.1 Media Elements and Canvas;
4.2 Media Elements and SVG;
4.3 The Audio Data APIs;
HTML Media Frameworks and Tools;
Subtitle/Caption Rendering Library;
Video Players;
Other Libraries, Utilities, and Toys;
Colophon;
About this Book;
Conventions Used in This Book;
Using Code Examples;
Safari® Books Online;
How to Contact Us;
Acknowledgments;
Chapter 1: HTML5 Audio and Video Elements: By-Default;
1.1 Adding a Media Element to a Web Page;
1.2 Support for Multiple Media File Types;
1.3 The Audio and Video File Babble and the Source Element in Detail;
1.4 The Media Elements in More Detail;
1.5 Audio and Video in Mobile Devices and Media Profiles;
1.6 Converting Audio and Video Content;
Chapter : Customizing Media Elements;
2.1 CSS Styling;
2.2 Custom Controls with JavaScript and CSS;
2.3 Debugging and Discovering Browser Support;
Chapter : Media Elements, Multiple Tracks, and Accessibility;
3.1 Media Controllers and the MediaController Interface;
3.2 Multiple Tracks and the Track List Interfaces;
3.3 The Track Element;
3.4 JavaScript Support for Subtitles and Captions;
Chapter 4: Advanced Media Element Scripting;
4.1 Media Elements and Canvas;
4.2 Media Elements and SVG;
4.3 The Audio Data APIs;
HTML Media Frameworks and Tools;
Subtitle/Caption Rendering Library;
Video Players;
Other Libraries, Utilities, and Toys;
Colophon;