Your SlideShare is downloading. ×
MediaMosa Player - 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 - Open source HTML5 weblectures player

1,260

Published on

MediaMosa Player - Open source HTML5 weblectures player . …

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,260
On Slideshare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
5
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
  • Open the demo of the player
  • Transcript

    • 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

    ×