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
×

MediaMosa Player - Open source HTML5 weblectures player

1,333
-1

Published on

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'

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
1,333
On Slideshare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
5
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide
  • Open the demo of the player
  • MediaMosa Player - Open source HTML5 weblectures 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 />
    1. A particular slide catching your eye?

      Clipping is a handy way to collect important slides you want to go back to later.

    ×