Your SlideShare is downloading. ×
MediaMosa Player v2_0 - OPEN SOURCE HTML5 WEBLECTURES PLAYER
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

MediaMosa Player v2_0 - OPEN SOURCE HTML5 WEBLECTURES PLAYER

723

Published on

MediaMosa Player v2_0 …

MediaMosa Player v2_0
OPEN SOURCE HTML5 WEBLECTURES PLAYER
Date: November 22, 2011
Presenter: Thijs Zoon - One Shoe

Published in: Education, Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
723
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
3
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. MEDIAMOSA PLAYER OPEN SOURCE HTML5 WEBLECTURES PLAYERopensource webdevelopment!!
  • 2. TODAY INTRODUCTION who am I and who is One Shoe CONFERENCE MEDIAMOSA open source video playerMEDIAMOSA, WEBLECTURES HTML 5 VIDEO definition of HTML 5 the state of HTML 5 videoAND OPEN VIDEO browser adoption NOVEMBER 22nd 2011! WEBLECTURES components the player CONCLUSION challenges ahead future releases questions opensource webdevelopment!!
  • 3. 3 WHO AM I WHO IS ONE SHOE Thijs Zoon! Full service internet company! General manager R&D / Product development system architect, drupal nerd, based in utrecht, 38 employees, research & development honcho, web development, advertising, code purist, music enthousiast! digital branding, mobile, drupal specialist! thijs.zoon@oneshoe.nl! www.oneshoe.nl! +31 (0)30 2317521! info@oneshoe.nl! @oneshoe! +31 (0)30 2317521!opensource webdevelopment!!
  • 4. Introduction 4 4 COOPERATING DIVISIONS reclame & communicatie opensource webdevelopment mobile digital branding campaigns webdesign mobile websites crossmedia pr and advertising websites iOS apps iphone/ipad concepts guerilla marketing intranet android apps online branding concept development communities symbian apps online marketing identity design web applications windows phone apps marketing development communication strategies seo/sea qr codes search engine strategies hosting mobile gaming outdoor advertising drupal mobile advertising support research & developmentopensource webdevelopment!!
  • 5. 5 OPEN SOURCE MEDIAMOSA PLAYERopensource webdevelopment!!
  • 6. MediaMosa 6 OPEN SOURCE MEDIAMOSA PLAYER §  Multi-stream §  Captions / subtitles §  Slides §  HTML 5 opensource webdevelopment!!
  • 7. 7 DEFINITION OF HTML 5opensource webdevelopment!!
  • 8. HTML 5 video 8 HISTORY OF HTML Introduction of HyperText First draft of HTML 5 specs are Markup Language HTML 3.2 and 4 specs released published Standardization, first adoption as A stricter XHTML standard is open standard, Mosaic browser released HTML 2.0 specs released, WHATWG (Web Hypertext browser war between Netscape Application Technology Working and Internet Explorer Group) 1989 1993 1995 1997 1999 2004 2008opensource webdevelopment!!
  • 9. HTML 5 video 9 DEFINITION OF HTML 5 §  Ongoing effort to implement a standard for richer web applications §  Common name for a combination of JavaScript- HTML, CSS novelties §  Currently, only Chrome 14 implements 75% of HTML5 §  HTML5 specs are in draft, expected full recommendation in 2022opensource webdevelopment!!
  • 10. HTML 5 THE <VIDEO> ELEMENTopensource webdevelopment!!
  • 11. HTML 5 video 11 BROWSER ADOPTION §  67% of visitors have a browser that supports the video element §  93% of visitors have Flash 10+ §  Codec waropensource webdevelopment!!
  • 12. HTML 5 video 12 CODEC WAR <video …> <source src=”vid.mp4" type=video/mp4; codecs="avc1.42E01E, mp4a.40.2" /> <source src=”vid.webm" type=video/webm; codecs="vp8, vorbis" /> <source src=”vid.ogv" type=video/ogg; codecs="theora, vorbis" /> ... </video>opensource webdevelopment!!
  • 13. WEBLECTURES BEYOND THE <VIDEO> ELEMENTopensource webdevelopment!!
  • 14. Weblectures 14 COMPONENTS §  Video (primary) §  Video (secondary) §  Slides §  Captions / subtitles §  Timed events, text and images §  Transcript(s) §  Additional downloadsopensource webdevelopment!!
  • 15. MEDIAMOSA PLAYER OPEN SOURCE HTML5 WEBLECTURES PLAYERopensource webdevelopment!!
  • 16. Conclusion 16 CHALLENGES AHEAD §  Changing HTML5 specifications and browser implementations §  Codec war §  Browser legacy §  Bugs in Chrome, Mobile Safari §  Fast pace in which new features are introducedopensource webdevelopment!!
  • 17. Conclusion 17 FUTURE RELEASES §  Better support for iOS (iPad and iPhone) §  Plans for SMIL-like annotations and timed events §  Single javascript API with integrated fallback player (Adobe Flash)opensource webdevelopment!!
  • 18. THANK YOU QUESTIONS ANYONE? Thijs Zoon Phone: +31 (0)302317521 Web: www.oneshoe.nl General manager R&D / Product development E-mail: thijs.zoon@oneshoe.nl Twitter: @oneshoe opensource webdevelopment!!
  • 19. More information 19 MORE INFORMATION §  In depth information on HTML5 video" http://diveintohtml5.org/video.html §  HTML5 and it’s support history" http://en.wikipedia.org/wiki/HTML5_video §  Browser version statistics" http://gs.statcounter.com/ §  Test a browser’s HTML5 support" http://html5test.com or http://caniuse.com §  VideoJS, HTML5 player" http://videojs.com §  Or contact One Shoe: www.oneshoe.nl opensource webdevelopment!!

×