HTML Media: Where We Are & Where We Need To Go

Web & mobile evangelist at Microsoft NZ

Motivated by big ideas & unconventional execution

Auckland based Mozilla Developer

Works on HTML5 video & audio Firefox support

Sponsored by

<audio <video

src= src= The url to the audio or video

width= The width of the video element

height= The height of the video element

poster= The url to the thumbnail of the video

preload= preload= (none, metadata, auto) Start downloading

autoplay autoplay Audio or video should play immediately

loop loop Audio or video should return to start and play

controls controls Will show controls (play, pause, scrub bar)

> >

… …

</audio> </video>

•

•

• application/octet-stream

• video/mp4, video/ogg, video/webm

•• Fall-back content only displayed by browsers that do not support the <video> element

• If the browser supports video but not the given codec, fall-back code won’t fire.

•• Content should be served from a HTTP 1.1-compatible web server to enable seek

ahead.

• Otherwise you must encode the video with key index frames in the file & not at the end.

video {

position: relative;

border-radius:

200px 50px 200px 50px;

box-shadow:

#244766 10px 10px 10px;

transform: rotate(5deg)

translate(15px,10px);

}

Sublime Video – Player as a Service

JW Player

mediaelement.js

LeanBack Player – Keyboard Support

Apple’s

HTTP Live Streaming

Microsoft’s

Smooth Streaming

Adobe’s

HTTP Dynamic Streaming

•

• royalty-free?

•

•

• parts of the mechanisms used to protect content may still be up for standardization

•

•

•