Flash and HTML5 Video
2 likes896 views
The document discusses the history and current state of video codecs and containers for web video. It describes how HTML5 initially adopted open standards like Theora but now supports multiple codecs. It introduces Google's new open VP8 codec and the WebM container as an open alternative to the proprietary H.264 codec. Comparisons show VP8 performs comparably to H.264 for most types of video.
![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](https://image.slidesharecdn.com/videowars-100719085910-phpapp02/85/Flash-and-HTML5-Video-38-320.jpg)
Flash and HTML5 Video
- 1. Video wars HTML5 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 =" movie.ogg " controls="controls">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
- 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
- 21. ADAPTATION – WHO USE IT? 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.
- 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