HTML5 Media (e-book)

HTML5 Media (e-book) - Opis

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 elementsLearn about widely supported media file codecs and containersCustomize the appearance of media elements with CSSBuild your own applications to work with and control media elementsApply video subtitles and closed captioning with SRT and WebVTTUse SVG filters with HTML5, and play videos in your Canvas applicationsExplore upcoming features, including support for multiple tracks and synchronized playback Spis treści:
HTML5 Media
SPECIAL OFFER: Upgrade this ebook with OReilly
A Note Regarding Supplemental Files
Preface
About this Book
Book Audience
Examples
Target Browsers
The Polyglot Question: HTML or XHTML?
Conventions Used in This Book
Using Code Examples
Safari Books Online
How to Contact Us
Acknowledgments
1. HTML5 Audio and Video Elements: By-Default
Adding a Media Element to a Web Page
Minimal Element Syntax
Disabled Scripting and the Magically Appearing Controls UI
Support for Multiple Media File Types
The Audio and Video File Babble (...) więcej and the Source Element in Detail
HTML5 Audio Codecs/Containers and Lossless versus Lossy Compression
WAV Audio Format
MP3
Ogg Vorbis
The AAC Codec
WebM Audio
Providing Codec information in the type attribute
HTML5 Video Element Codecs/Containers
H.264
Ogg Theora
WebM
Ensuring Complete Video Codec Support
The Media Elements in More Detail
Media Elements and Global Attributes
Media-Specific Attributes
Video-Only Attributes and Video Resolutions
Audio and Video in Mobile Devices and Media Profiles
Challenges of a Mobile Environment
Media Profiles and Codec Parameters
Converting Audio and Video Content
The Free Mp3/Wma/Ogg Converter
Video Conversion with Miro Video Converter and Handbrake
Using a Frame Grabber
Customizing Media Elements
CSS Styling
Adding a Fancy Border
Using the CSS Pseudo Classes
Applying a CSS3 Transform to a Video Element
Animating the Transforms with CSS3 Transitions
Adding an Overlay
Custom Controls with JavaScript and CSS
Creating a Basic Control
Adding CSS and Tracking Playback
Creating a Custom Progress Bar
The Custom Control and Seekability
Debugging and Discovering Browser Support
Media Elements, Multiple Tracks, and Accessibility
Media Controllers and the MediaController Interface
Multiple Tracks and the Track List Interfaces
Audio and Video Track Collections
Multiple Text Tracks
The Track Element
Track File Formats
SRT
WebVTT
JavaScript Support for Subtitles and Captions
Captionator
Playr
The Leanback Player
4. Advanced Media Element Scripting
Media Elements and Canvas
Playing a Video in an Canvas Element
Creating a Video Visual Filter using the Canvas Element
Media Elements and SVG
Adding an HTML5 Video to an SVG Document
Applying SVG Filters to Video Files within HTML
The Audio Data APIs
A. HTML Media Frameworks and Tools
Subtitle/Caption Rendering Library
Video Players
Audio Only or Audio/Video Players
Other Libraries, Utilities, and Toys
About the Author
Colophon
SPECIAL OFFER: Upgrade this ebook with OReilly O autorze: Shelley Powers jest programistą i architektem oprogramowania, a także fotografem oraz autorką kilku książek informatycznych poświęconych programowaniu stron internetowych oraz różnym technologiom.

Napisała również wiele artykułów poświęconych programowaniu dla różnych przeglądarek, standardom, RDF, JavaScriptowi, CSS oraz XML-owi; pracowała również dla kilku wiodących firm. mniej