Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
MEDIAMOSA PLAYER<br />Open source html5 weblectures player<br />opensourcewebdevelopment<br />
TODAY<br />who am I and who is One Shoe<br />open source video player<br />definition of HTML 5<br />the state of HTML 5 v...
WHO is<br />ONE SHOE<br />3<br />WHO am i<br />Thijs Zoon<br />Full service internet company<br />General manager R&D / Pr...
4<br />Introduction<br />4 cooperating divisions<br />webdesign<br />websites<br />intranet<br />communities<br />web appl...
5<br />OPEN SOURCE<br />MEDIAMOSA PLAYER<br />opensourcewebdevelopment<br />
OPEN SOURCE MEDIAMOSA PLAYER<br />Multi-stream<br />Captions / subtitles<br />Slides<br />HTML 5<br />6<br />MediaMosa<br />
7<br />definition of<br />HTML 5<br />opensourcewebdevelopment<br />
8<br />HTML 5 video<br />History of html<br />Introduction of HyperTextMarkup Language<br />First draft of HTML 5 specs ar...
DEFINITION OF HTML 5<br />Ongoing effort toimplement a standard forricher web applications<br />Common name for a combinat...
HTML 5<br />The <video> element<br />opensourcewebdevelopment<br />
BROWSER ADOPTION<br />HTML 5 video<br />55% of visitors have a browser that supports the video element<br />93% of visitor...
CODEC WAR<br /><video …><br /> <source src=”vid.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"' /><br /><source src...
WEBLECTURES<br />BEYOND THE <video> element<br />opensourcewebdevelopment<br />
COMPONENTS<br />Video (primary)<br />Video (secondary)<br />Slides<br />Captions / subtitles<br />Timed events, textand im...
MEDIAMOSA PLAYER<br />OPEN SOURCE HTML5 WEBLECTURES PLAYER<br />opensourcewebdevelopment<br />
CHALLENGES AHEAD<br />Changing HTML5 specificationsand browser implementations<br />Codec war<br />Bugs in Chrome, Mobile ...
FUTURE RELEASES<br />Better support foriOS (iPadandiPhone)<br />Integratedfallbackplayer (Adobe Flash) <br />17<br />Concl...
THANK YOU<br />QUESTIONS ANYONE?<br />Thijs Zoon<br />Phone:<br />E-mail:<br />+31 (0)302317521<br />thijs.zoon@oneshoe.nl...
MORE INFORMATION<br />In depth information on HTML5 videohttp://diveintohtml5.org/video.html<br />HTML5 andit’s support hi...
Upcoming SlideShare
Loading in …5
×

One Shoe - MediaMosa player

908 views

Published on

MediaMosa player - open source html5 weblectures player

Published in: Education
  • Be the first to comment

  • Be the first to like this

One Shoe - MediaMosa player

  1. 1. MEDIAMOSA PLAYER<br />Open source html5 weblectures player<br />opensourcewebdevelopment<br />
  2. 2. TODAY<br />who am I and who is One Shoe<br />open source video player<br />definition of HTML 5<br />the state of HTML 5 video<br />browser adoption<br />components<br />the player<br />challenges ahead<br />future releases<br />questions<br />Introduction<br />CONFERENCE<br />MEDIAMOSA, WEBLECTURES AND OPEN VIDEO<br />mediamosa<br />Html 5 video<br />weblectures<br />MARCH 29th 2011<br />CONCLUSION<br />
  3. 3. WHO is<br />ONE SHOE<br />3<br />WHO am i<br />Thijs Zoon<br />Full service internet company<br />General manager R&D / Product development<br />based in utrecht, 38 employees, web development, advertising, digital branding, mobile, drupal specialist<br />system architect, drupalnerd, research & developmenthoncho, code purist, music enthousiast<br />thijs.zoon@oneshoe.nl<br />+31 (0)30 2317521<br />www.oneshoe.nl<br />info@oneshoe.nl<br />@oneshoe<br />+31 (0)30 2317521<br />opensourcewebdevelopment<br />
  4. 4. 4<br />Introduction<br />4 cooperating divisions<br />webdesign<br />websites<br />intranet<br />communities<br />web applications<br />seo/sea<br />hosting<br />drupal<br />support<br />research & development<br />mobile websites<br />iOS apps iphone/ipad<br />android apps<br />symbian apps<br />windows phone apps<br />qr codes<br />mobile gaming<br />mobile advertising<br />crossmedia<br />concepts<br />online branding<br />online marketing<br />marketing development<br />campaigns<br />pr and advertising<br />guerilla marketing<br />concept development<br />identity design<br />communication strategies<br />search engine strategies<br />outdoor advertising<br />
  5. 5. 5<br />OPEN SOURCE<br />MEDIAMOSA PLAYER<br />opensourcewebdevelopment<br />
  6. 6. OPEN SOURCE MEDIAMOSA PLAYER<br />Multi-stream<br />Captions / subtitles<br />Slides<br />HTML 5<br />6<br />MediaMosa<br />
  7. 7. 7<br />definition of<br />HTML 5<br />opensourcewebdevelopment<br />
  8. 8. 8<br />HTML 5 video<br />History of html<br />Introduction of HyperTextMarkup Language<br />First draft of HTML 5 specs are published<br />HTML 3.2 and 4 specsreleased<br />Standardization, first adoption as open standard, Mosaic browser <br />A stricter XHTML standard is released<br />HTML 2.0 specsreleased, browser war between Netscape and Internet Explorer<br />WHATWG (Web Hypertext Application Technology Working Group)<br />1995<br />1997<br />1999<br />2004<br />2008<br />1993<br />1989<br />
  9. 9. DEFINITION OF HTML 5<br />Ongoing effort toimplement a standard forricher web applications<br />Common name for a combination of JavaScript- HTML, CSS novelties<br />Currently, not a single browser implements 75% of all HTML5 features<br />HTML5 specs are in draft, expected full recommendation in 2022<br />9<br />HTML 5 video<br />
  10. 10. HTML 5<br />The <video> element<br />opensourcewebdevelopment<br />
  11. 11. BROWSER ADOPTION<br />HTML 5 video<br />55% of visitors have a browser that supports the video element<br />93% of visitors have Flash 10+<br />Codec war<br />11<br />
  12. 12. CODEC WAR<br /><video …><br /> <source src=”vid.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"' /><br /><source src=”vid.webm" type='video/webm; codecs="vp8, vorbis"' /><br /><source src=”vid.ogv" type='video/ogg; codecs="theora, vorbis"' /><br />...<br /></video><br />12<br />HTML 5 video<br />
  13. 13. WEBLECTURES<br />BEYOND THE <video> element<br />opensourcewebdevelopment<br />
  14. 14. COMPONENTS<br />Video (primary)<br />Video (secondary)<br />Slides<br />Captions / subtitles<br />Timed events, textand images<br />Transcript(s)<br />Additional downloads<br />14<br />Weblectures<br />
  15. 15. MEDIAMOSA PLAYER<br />OPEN SOURCE HTML5 WEBLECTURES PLAYER<br />opensourcewebdevelopment<br />
  16. 16. CHALLENGES AHEAD<br />Changing HTML5 specificationsand browser implementations<br />Codec war<br />Bugs in Chrome, Mobile Safari<br />16<br />Conclusion<br />
  17. 17. FUTURE RELEASES<br />Better support foriOS (iPadandiPhone)<br />Integratedfallbackplayer (Adobe Flash) <br />17<br />Conclusion<br />
  18. 18. THANK YOU<br />QUESTIONS ANYONE?<br />Thijs Zoon<br />Phone:<br />E-mail:<br />+31 (0)302317521<br />thijs.zoon@oneshoe.nl<br />www.oneshoe.nl<br />@oneshoe<br />Web:<br />Twitter:<br />General manager R&D / Product development<br />opensourcewebdevelopment<br />
  19. 19. MORE INFORMATION<br />In depth information on HTML5 videohttp://diveintohtml5.org/video.html<br />HTML5 andit’s support historyhttp://en.wikipedia.org/wiki/HTML5_video<br />Browser versionstatisticshttp://gs.statcounter.com/#browser_version-ww-monthly-201002-201102<br />Test a browser’sHTML5 supporthttp://html5test.comor http://caniuse.com<br />VideoJS, HTML5 playerhttp://videojs.com<br />Or contact OneShoe: www.oneshoe.nl<br />19<br />More information<br />

×