MediaMosa Player - Open source HTML5 weblectures player . Presentation by Thijs Zoon, One Shoe. Event: March 29-31, 2011: MediaMosa and TF-Media conference 'MediaMosa, weblectures & open video'

1. MEDIAMOSA PLAYER Open source html5 weblectures player opensourcewebdevelopment

2. TODAY who am I and who is One Shoe open source video player definition of HTML 5 the state of HTML 5 video browser adoption components the player challenges ahead future releases questions Introduction CONFERENCE MEDIAMOSA, WEBLECTURES AND OPEN VIDEO mediamosa Html 5 video weblectures MARCH 29th 2011 CONCLUSION

3. WHO is ONE SHOE 3 WHO am i Thijs Zoon Full service internet company General manager R&D / Product development based in utrecht, 38 employees, web development, advertising, digital branding, mobile, drupal specialist system architect, drupalnerd, research & developmenthoncho, code purist, music enthousiast thijs.zoon@oneshoe.nl +31 (0)30 2317521 www.oneshoe.nl info@oneshoe.nl @oneshoe +31 (0)30 2317521 opensourcewebdevelopment

4. 4 Introduction 4 cooperating divisions webdesign websites intranet communities web applications seo/sea hosting drupal support research & development mobile websites iOS apps iphone/ipad android apps symbian apps windows phone apps qr codes mobile gaming mobile advertising crossmedia concepts online branding online marketing marketing development campaigns pr and advertising guerilla marketing concept development identity design communication strategies search engine strategies outdoor advertising

5. 5 OPEN SOURCE MEDIAMOSA PLAYER opensourcewebdevelopment

6. OPEN SOURCE MEDIAMOSA PLAYER Multi-stream Captions / subtitles Slides HTML 5 6 MediaMosa

7. 7 definition of HTML 5 opensourcewebdevelopment

8. 8 HTML 5 video History of html Introduction of HyperTextMarkup Language First draft of HTML 5 specs are published HTML 3.2 and 4 specsreleased Standardization, first adoption as open standard, Mosaic browser A stricter XHTML standard is released HTML 2.0 specsreleased, browser war between Netscape and Internet Explorer WHATWG (Web Hypertext Application Technology Working Group) 1995 1997 1999 2004 2008 1993 1989

9. DEFINITION OF HTML 5 Ongoing effort toimplement a standard forricher web applications Common name for a combination of JavaScript- HTML, CSS novelties Currently, not a single browser implements 75% of all HTML5 features HTML5 specs are in draft, expected full recommendation in 2022 9 HTML 5 video

10. HTML 5 The <video> element opensourcewebdevelopment

11. BROWSER ADOPTION HTML 5 video 55% of visitors have a browser that supports the video element 93% of visitors have Flash 10+ Codec war 11

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> 12 HTML 5 video

13. WEBLECTURES BEYOND THE <video> element opensourcewebdevelopment

14. COMPONENTS Video (primary) Video (secondary) Slides Captions / subtitles Timed events, textand images Transcript(s) Additional downloads 14 Weblectures

15. MEDIAMOSA PLAYER OPEN SOURCE HTML5 WEBLECTURES PLAYER opensourcewebdevelopment

16. CHALLENGES AHEAD Changing HTML5 specificationsand browser implementations Codec war Bugs in Chrome, Mobile Safari 16 Conclusion

17. FUTURE RELEASES Better support foriOS (iPadandiPhone) Integratedfallbackplayer (Adobe Flash) 17 Conclusion

18. THANK YOU QUESTIONS ANYONE? Thijs Zoon Phone: E-mail: +31 (0)302317521 thijs.zoon@oneshoe.nl www.oneshoe.nl @oneshoe Web: Twitter: General manager R&D / Product development opensourcewebdevelopment

19. MORE INFORMATION In depth information on HTML5 videohttp://diveintohtml5.org/video.html HTML5 andit’s support historyhttp://en.wikipedia.org/wiki/HTML5_video Browser versionstatisticshttp://gs.statcounter.com/#browser_version-ww-monthly-201002-201102 Test a browser’sHTML5 supporthttp://html5test.comor http://caniuse.com VideoJS, HTML5 playerhttp://videojs.com Or contact OneShoe: www.oneshoe.nl 19 More information