• Save
Flash and HTML5 Video
Upcoming SlideShare
Loading in...5

Like this? Share it with your network


Flash and HTML5 Video



Review of current video status in HTML5 and Flash

Review of current video status in HTML5 and Flash



Total Views
Views on SlideShare
Embed Views



5 Embeds 26

http://www.dsp-ip.com 14
http://dsp-ip.com 5
http://www.linkedin.com 5
https://duckduckgo.com 1
https://www.linkedin.com 1



Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

CC Attribution-NoDerivs LicenseCC Attribution-NoDerivs License

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
Post Comment
Edit your comment

Flash and HTML5 Video Presentation Transcript

  • 1. Video wars HTML 7 5 and Flash <Flex : Career/>
  • 2. HTML5
    • Drafts by WHAT WG
      • Web Hypertext Application Technologies
    • Merging into W3C specifications
    • “ One of HTML5’s goals is to move the Web away from proprietary technologies such as Flash, Silverlight, and JavaFX, says Ian Hickson, co-editor of the HTML5 specification.” —Paul Krill, reporting for InfoWorld, June 16, 2009
    • Browser support
  • 3. Fragmented Web - Description
    • Multimedia coding on the web is fragmented
    • Many video codecs:
      • DIVX, XVID, H.264
      • WMV, VC-1, VP6
    • Many containers (File Format)
      • AVI, MKV
      • MPEG4 FF, 3GPP
    • Many delivery methods
      • RTSP/RTP Streaming, Progressive download
      • Live HTTP, Smooth Streaming
  • 4. Fragmented Web - Challenges
    • Proprietary Plug-ins - like Flash
    • Vertical market control on media distribution – like Apple
    • Media Distributers need to support many:
      • Codecs
      • Containers
      • Delivery Formats
    • in order to support all device and audiences
  • 5. XIPH
    • XIPH.org is a non profit organization which aims to create free multimedia coding standards
    • XIPH defined
      • Vorbis – Audio codec
      • Ogg – a free file format media container
      • Speex – voice codec
      • Theora – Video Codec
    • HTML5 Video first based its video codec and container standard on XIPH Standards
  • 6. HTML5 Video
    • HTML5 video first defined XIPH formats as the base HTML5 video: “User agents should support Theora video and Vorbis audio, as well as the Ogg container format.” December 10, 2007, the HTML5 specification
    • This was later replaced by a statement which basically stated: we cant make up our mind, use whatever you like.
  • 7. HTML5 Video - Fragmented
    • Support Theora (version of VP3)
      • Old codec
      • Poor performance (BR/Quality ratio)
      • Free no royalties
      • Hardware support?
    • Also H.264
      • Much better quality per bitrate
      • But it requires royalties….
    • Google opens VP8
      • Good Quality
      • No Royalties (?)
  • 8. HTML5 Video Code
    • < videosrc =&quot; movie.ogg &quot; controls=&quot;controls&quot;>If you can see this text, your browser does not support the HTML5 video tag.</ video >
    • Source W3C School
  • 9. Browser CODEC Support Browser Ogg Theora H.264/MPEG-4 AVC Internet Explorer NO 9.0 Mozilla Firefox 3.5 No Google Chrome 3.0 3.0 Safari No 3.1 Opera 10.50
  • 10. WebM Project
  • 11. WebM Overview
    • Google Sponsored Project
    • Aims to create: Open , Royalty free media coding formats for the open web
    • Defines
      • File Format / Container
      • Audio CODEC
      • Video CODEC
  • 12. WebM
    • WebM fills the gap left by HTML5 standardization.
    • Defines: video, audio and container formats
    • Solves the royalty free Theora vs the superior quality H.264 by providing a royalty free video codec with the same (or better) video quality as H.264
    Source: On2
  • 13. Browser CODEC Support Browser Ogg Theora H.264/MPEG-4 AVC VP8 Internet Explorer NO 9.0 Plug-in Mozilla Firefox 3.5 No Yes Google Chrome 3.0 3.0 Yes Safari No 3.1 No! Opera 10.50 -
  • 14. What is missing
    • Standard Multi-bitrate support
    • HTTP Streaming (not PD)
    • Option for live streams
    • Transmit your camera (ChatRoulette Style)
    • P2P Interaction
    • Is that the Flash Killer?
  • 15. Google Video and VP8
  • 16. Google Video Strategy
  • 17. OS Device
    • PC
      • Chrome OS
    • Mobile
      • Android
    • TV
      • Android
    • Strategy:
      • License OS to partners
      • Bind to SAAS Services
  • 18. Before we start
    • VP8 goal is NOT to delivery the best video quality in any given bitrate
    • VP8 was designed as a mobile video decoder and should be examined in this context:
      • VP8 vs H.264 base profile
  • 19. Google VP8
    • Last month, in Google IO (its developer confrence), Google released VP8 as open source
    • VP8 is a light weight video codec developed by On2.
    • VP8 provide quality which is the same/higher than H.264 base profile
    • VP8 memory requirements are lower than H.264 base profile
    • After optimization, VP8 might have better MIPS performance than H.264 base profile
  • 20. Genealogy
    • VP8 is part of a well know codec family
    • VP3 was released to open source to become XIPH Theora
    • VP6 is used in Flash video
    • VP7 is used in Skype
    • Motivation:
      • “ No Royalties” CODEC
    VP8 VP7 VP6 VP3 Theora
    • Software
    • Hardware
    • Platform & Publishers
  • 22. Software Adaptation
    • Android, Anystream, Collabora
    • Corecodec, Firefox, Adobe Flash
    • Google Chrome, iLinc,
    • Inlet, Opera, ooVoo
    • Skype, Sorenson Media
    • Theora.org, Telestream, Wildform.
  • 23. Hardware adaptation
    • AMD, ARM, Broadcom
    • Digital Rapids, Freescale
    • Harmonic ,Logitech, ViewCast
    • Imagination Technologies, Marvell
    • NVIDIA, Qualcomm, Texas Instruments
    • VeriSilicon, MIPS
  • 24. Platforms and Publishers
    • Brightcove
    • Encoding.com
    • HD Cloud
    • Kaltura
    • Ooyala
    • YouTube
    • Zencoder
  • 26. Adaptive Loop Filter
    • Improved Loop filter provides better quality & preformance in comparison to H.264
    Source: On2
  • 27. Golden Frames
    • Golden frames enables better decoding of background which is used for prediction in later frames
    • Could be used as resync-point:
      • Golden frame can reference an I frame
    • Could be hidden (not for display)
    Source: On2
  • 28. Decoding efficiency
    • CABAC is an H.264 feature which improves coding efficiency but consumes many CPU cycles
    • VP8 has better entropy coding than H.264, this leads to relatively lower CPU consumption under the same conditions
    • Decoding efficiency is important for smooth operation and long battery life in netbooks and mobile devices
    Source: On2
  • 29. Resolution up-scaling & downscaling
    • Supported by the decoder
    • Encoder could decide dynamically (RT applications) to lower resolution in case of low bit rate and let the decoder scale.
    • Remove decision from the application
    • No need for an I frame
  • 31. Talking heads, Low motion
    • Low motion videos like talking heads are easy to compress, so you'll see no real difference
  • 32. Low motion
    • In another low motion video with a terrible background for encoding (finely detailed wallpaper), the VP8 video retains much more detail than H.264. Interesting result.
  • 33. Medium motion
    • VP8 holds up fairly well
  • 34. High motion
    • In high motion videos, H.264 seems superior. In this sample, blocks are visible in the pita where the H.264 video is smooth. The pin-striped shirt in the right background is also sharper in the H.264 video, as is the striped shirt on the left.
  • 35. Very High motion
    • In this very high motion skateboard video, H.264 also looks clearer, particularly in the highlighted areas in the fence, where the VP8 video has artifacts.
  • 36. Final
    • In the final comparison, I'd give a slight edge to VP8, which was clearer and showed fewer artifacts.
  • 37. Quality Comparison
  • 38. DSP-IP Contact information Download slides at: www.dsp-ip.com Course materials & lecture request Projects development services: Adi Yakov Training Manager [email_address] +972-9-8651933 www.dsp-ip.com Mail : [email_address] Phone: +972-9-8850956, Fax : +972-50- 8962910
      • Alona Ashkenazi
    • Development Services
    • [email_address] +972-9-8850956