Your SlideShare is downloading. ×
0
HTML Media: Where We Are & Where We Need To Go
HTML Media: Where We Are & Where We Need To Go
HTML Media: Where We Are & Where We Need To Go
HTML Media: Where We Are & Where We Need To Go
HTML Media: Where We Are & Where We Need To Go
HTML Media: Where We Are & Where We Need To Go
HTML Media: Where We Are & Where We Need To Go
HTML Media: Where We Are & Where We Need To Go
HTML Media: Where We Are & Where We Need To Go
HTML Media: Where We Are & Where We Need To Go
HTML Media: Where We Are & Where We Need To Go
HTML Media: Where We Are & Where We Need To Go
HTML Media: Where We Are & Where We Need To Go
HTML Media: Where We Are & Where We Need To Go
HTML Media: Where We Are & Where We Need To Go
HTML Media: Where We Are & Where We Need To Go
HTML Media: Where We Are & Where We Need To Go
HTML Media: Where We Are & Where We Need To Go
HTML Media: Where We Are & Where We Need To Go
HTML Media: Where We Are & Where We Need To Go
HTML Media: Where We Are & Where We Need To Go
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

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

1,343

Published on

Modern browsers both on the desktop and on mobile devices support HTML Media. Chirs Double works for Mozilla and focuses on HTML Media, Nigel Parker works for Microsoft and is experienced in working …

Modern browsers both on the desktop and on mobile devices support HTML Media. Chirs Double works for Mozilla and focuses on HTML Media, Nigel Parker works for Microsoft and is experienced in working with broadcast media on the web and more recently HTML Media. Together Chris and Nigel will take you through how you can leverage HTML Media in todays web applications and talk about what is coming next.

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
1,343
On Slideshare
0
From Embeds
0
Number of Embeds
4
Actions
Shares
0
Downloads
8
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. Sponsored byAuckland based Mozilla Developer Web & mobile evangelist at Microsoft NZWorks on HTML5 video & audio Firefox support Motivated by big ideas & unconventional execution
  • 2. <audio <videosrc= 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 videopreload= preload= (none, metadata, auto) Start downloadingautoplay autoplay Audio or video should play immediatelyloop loop Audio or video should return to start and playcontrols controls Will show controls (play, pause, scrub bar)> >… …</audio> </video>
  • 3. • • • 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.
  • 4. video { position: relative; border-radius: 200px 50px 200px 50px; box-shadow: #244766 10px 10px 10px; transform: rotate(5deg) translate(15px,10px);}
  • 5. Sublime Video – Player as a Service mediaelement.jsLeanBack Player – Keyboard Support JW Player
  • 6. Adobe’s Apple’s Microsoft’s HTTP DynamicHTTP Live Streaming Smooth Streaming Streaming
  • 7. • • royalty-free?•• • parts of the mechanisms used to protect content may still be up for standardization•••

×