HTML5 Readiness

Jeff Whatcott, SVP Global Marketing, Brightcove HTML5: Are you ready? January 2011

A standard for structuring and presenting content on the Web
Initiated by Apple, Mozilla, Google, and Opera, now adopted by W3C
Allows “no-plugin” video, audio, and vector graphics
Currently supported in about 38% of all web browsers
What is HTML5? <video> <audio> <canvas> Browser Market Share Source: Netmarketshare.com January 2011

The HTML5 standard does not specify which formats or codecs to use
Competing platform vendors are using formats as strategic weapons
Fragmented, shifting landscape makes it impossible to choose just one
Which Video Container Format and Codec? High Quality/ Efficiency Low Quality/ Efficiency Proprietary Free & Open VP8

Dive into HTML5 by Mark Pilgrim
There is no single combination of containers and codecs that works in all HTML5 browsers.
This is not likely to change in the near future.
To make your video watchable across all of these devices and platforms, you’re going to need to encode your video more than once.
For maximum compatibility, here’s what your video workflow will look like:
Make one version that uses WebM (VP8 + Vorbis).
Make another version that uses H.264 baseline video and AAC “low complexity” audio in an MP4 container.
Make another version that uses Theora video and Vorbis audio in an Ogg container.
Link to all three video files from a single <video> element, and fall back to a Flash-based video player.
http://diveintohtml5.org © 2011 Brightcove, Inc. All Rights Reserved.

Bringing the power of BEML to HTML5
XML template markup
No Flash skills required
Style, resize, change layout, and add elements
Single template renders player experience in both Flash and HTML5*
A unique Brightcove innovation
*some limitations apply
BEML = Brightcove Experience Markup Language © 2011 Brightcove, Inc. All Rights Reserved.

Brightcove HTML5 Support
Simple UI checkbox
Single title & single playlist Smart players
Basic player styling
Basic BEML support
Player UI localization
iOS, Android, Blackberry 6
Default H.264 encoding
Smart rendition selection
Basic usage reporting
Basic pre-roll advertising with custom development
FUTURE TODAY © 2011 Brightcove, Inc. All Rights Reserved.
Apple Live (http) Streaming
WebM encoding
Expanded BEML support
Player plug-ins
Full advertising plug-ins
Expanded Analytics

Three Key Considerations for HTML5 Video
Use Flash wherever it is available
Superior tooling, skill availability, content protection, interactivity, and functionality on desktops and the latest Android / RIM devices
HTML5 can fill gaps on iOS and non-Flash Android / RIM devices
Encode your video in H.264
H.264 works across both Flash and most HTML5 environments
H.264 is the current Brightcove default encoding
Keep an eye on the WebM battle between Google and Apple
Expect extra development effort for advertising in HTML5 video
Freewheel, Liverail, Scanscout, and Videoplaza today
More turnkey solutions expected soon

Resources
Visit http://bit.ly/bchtml5

Jumpstart Your Online Video Strategy © 2011 Brightcove, Inc. All Rights Reserved.
Brightcove Educational Webinar Series – Make Your 2011 Online Video Strategy a Success
Register now: http://bit.ly/bcwebinar
Join the conversation on twitter #videojumpstart2011

The Brightcove Online Video Platform Upload & Transcode Source Videos Deliver & Distribute across 3 Screens , and Partners Organize & Manage Videos Set up Live Streaming Events Style & Customize Player Experiences Set up Advertising & Analytics Set up Distribution Options © 2011 Brightcove, Inc. All Rights Reserved.

http://espartan7.blogspot.com	14
http://www.overline.info	6
http://macinfosoft.com	5
http://www.mchizi.com	3
http://conservinfo.org	2
http://paloma-3.blogspot.com	2
http://localhost	1
http://www.paloma-3.blogspot.com	1
http://navsoft.co.in	1
http://drizzlin.com	1
http://www.mongodb.org	1
http://jeni98.blogspot.com	1
http://espartan7.blogspot.com.es	1

HTML5 Readiness

by Brightcove on Jan 19, 2011

Accessibility

Categories

Tags

Upload Details

Usage Rights

13 Embeds 39

Statistics

HTML5 Readiness — Presentation Transcript