• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
A Seamless Web Integration of Adaptive HTTP Streaming
 

A Seamless Web Integration of Adaptive HTTP Streaming

on

  • 15,598 views

Nowadays video is an important part of the Web and Web sites like YouTube, Hulu, etc. count millions of users consuming their content every day. However, these Web sites mainly use media players ...

Nowadays video is an important part of the Web and Web sites like YouTube, Hulu, etc. count millions of users consuming their content every day. However, these Web sites mainly use media players based on proprietary browser plug-ins (i.e., Adobe Flash) and do not leverage adaptive streaming systems. This paper presents a seamless integration of the recent MPEG standard on Dynamic Adaptive Streaming over HTTP (DASH) in the Web using the HTML5 video element. Therefore, we present DASH-JS, a JavaScript-based MPEG-DASH client which adopts the Media Source API of Google’s Chrome browser to present a flexible and potentially browser independent DASH client. Furthermore, we present the integration of WebM based media segments in DASH giving a detailed description of the used container format structure and a corresponding Media Presentation Description (MPD). Our preliminary evaluation demonstrates the bandwidth adaption capabilities to show the effectiveness of the system.

Statistics

Views

Total Views
15,598
Views on SlideShare
2,753
Embed Views
12,845

Actions

Likes
12
Downloads
0
Comments
0

8 Embeds 12,845

http://www-itec.uni-klu.ac.at 10502
http://www-itec.aau.at 2209
http://www.itec.uni-klu.ac.at 104
http://translate.googleusercontent.com 13
http://ftp-itec.uni-klu.ac.at 9
http://www.itec.aau.at 3
http://webcache.googleusercontent.com 3
https://twitter.com 2
More...

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel

A Seamless Web Integration of Adaptive HTTP Streaming A Seamless Web Integration of Adaptive HTTP Streaming Presentation Transcript

  • DASH-JS: A Seamless Web Integration of Adaptive HTTP Streaming Benjamin Rainer, Stefan Lederer, Christopher Müller, and Christian TimmererAlpen-Adria-Universität Klagenfurt (AAU)  Faculty of Technical Sciences (TEWI)  Department of Information Technology (ITEC)  Multimedia Communication (MMC)  Sensory Experience Lab (SELab) http://research.timmerer.com  http://blog.timmerer.com  http://dash.itec.aau.at/mailto:christian.timmerer@itec.uni-klu.ac.at EUSIPCO 2012, Bucharest, Romania August 27-31, 2012Acknowledgments. This work was supported in part by the European Commission in the context of the ALICANTE project (FP7-ICT- 248652), SocialSensor (FP7-ICT-287975), and the COST Action IC1003 QUALINET.
  • Introduction• HTTP streaming very popular for over-the-top (OTT) services leveraging existing infrastructure – Efficient video compression – Content delivery networks (CDNs) – Adaptive video players• Many proprietary systems, MPEG-DASH as the emerging standard allowing for dynamic, adaptive client behavior – Segment formats based on ISOBMFF and MPEG-2 TS identified by HTTP-URLs – XML-based Media Presentation Description (MPD)• HTML5 offers new ways to integrate video and audio in Web sites/applications• In this presentation – How to integrate WebM with MPEG-DASH? – How to implement MPEG-DASH in JavaScript (DASH-JS)? – Preliminary evaluation results and [live demo]2012/08/30 http://dash.itec.aau.at 2
  • Outline• Integrating WebM with MPEG-DASH• DASH in JavaScript (DASH-JS) – Overview – Architecture – Bandwidth/throughput estimation, adaptation logic• Preliminary evaluation results• Showcases• Conclusions2012/08/30 http://dash.itec.aau.at 3
  • Integrating WebM with MPEG-DASH• What is and why WebM? – Subset of Matroska, mandates VP8 video and Vorbis audio codecs – Native support through Google Chromes’ Media Source API• Easy to integrate within MPEG-DASH thanks to codecs/mimeType attributes – Use FFMPEG to pack each GOP into one WebM cluster – fulfills requirements of the Media Source API and enables bitrate switching – Python script to generate MPD2012/08/30 http://dash.itec.aau.at 4
  • DASH in JavaScript (DASH-JS)• Completely implemented in JavaScript – no (3rd party) plugins required• Makes use of the Media Source API provided by Google Chrome – Newest draft (and implementation?) extended to ISOBMFF• Provides time based and byte based buffers – E.g., use as input for adaptation logics• Flexible adaptation logics – Easy to extend existing ones or integrate your own2012/08/30 http://dash.itec.aau.at 5
  • DASH-JS Architecture2012/08/30 http://dash.itec.aau.at 6
  • DASH-JS (cont’d)• Bandwidth / throughput estimation – … is done each time a segment is retrieved – At the beginning the MPD is used to have an educated guess on the bandwidth – To bypass proxy caching “no-cache” is set in the HTTP Request Header (will influence the throughput estimation)• Representation selection is based on: w1bn-1 + w2 bm bn = w1 + w2 – bn-1 denotes the throughput calculated at the n-1th segment – bm depicts the throughput measured with the nth segment – bn is used to decide which representation should be selected – The weights (w1 and w2) are used to mimic optimistic or pessimistic behavior• Simple adaptation logic, easy to extend, modify…2012/08/30 http://dash.itec.aau.at 7
  • Evaluation Test Bed Apache Web Server DASH-JS Client Network Traffic Emulation Shaping 100 Mbits Ethernet• RTT: 50ms• Segment length: 2s• Various bitrates: 200kbps – 8Mbps (depending on the showcase)• w1=0.7 and w2=1.3 => fast reaction2012/08/30 http://dash.itec.aau.at 8
  • Preliminary Results2012/08/30 http://dash.itec.aau.at 9
  • Showcases• Sintel Trailer @ 480p – 5 representation from 200 kbps to 2000 kbps video bitrate – 128 kbps audio for all representations – Showcase: http://www-itec.uni-klu.ac.at/dash/js/dashtest.html – MPD: http://www-itec.uni-klu.ac.at/dash/js/content/sintel_multi_rep.mpd• Big Buck Bunny @ 480p – 7 representations from 200 kbps to 4700 kbps video bitrate – 128 kbps audio for all representations – Showcase: http://www-itec.uni-klu.ac.at/dash/js/dashtest-bunny.html – MPD: http://www-itec.uni-klu.ac.at/dash/js/content/bigbuckbunny.mpd• Big Buck Bunny @ 1080p – 7 representations from 1000 kbps to 8000 kbps – 128 kbps audio for all representations – Showcase: http://www-itec.uni-klu.ac.at/dash/js/dashtest-bunny1080p.html – MPD: http://www-itec.uni-klu.ac.at/dash/js/content/bigbuckbunny_1080p.mpd2012/08/30 http://dash.itec.aau.at 10
  • Conclusions• DASH-JS implements a DASH client in JavaScript – MPD parsing – Buffering – Bandwidth estimation, adaptation logic, request handling• Flexible architecture, easy to extend, e.g.: – Add your own buffer model – Add your own bandwidth estimation, adaptation logic• Interfaces with the browser through appropriate API – E.g., Chrome’s Media Source API (WebM, [ISOBMFF]) – Others easy to integrate once available (e.g., Mozilla)• Open source: http://dash.itec.aau.at – Feel free to use it, please acknowledge/reference usB. Rainer, S. Lederer, C. Müller, C. Timmerer, “A Seamless Web Integration of Adaptive HTTPStreaming”, In Proceedings of the 20th European Signal Processing Conference2012, Bucharest, Romania, August 2012.2012/08/30 http://dash.itec.aau.at 11
  • DASH @ AAU/ITEC http://dash.itec.aau.at/ DASH VLC Plugin DASHEncoder libdash Dataset DASH-JS Join this activity, everyone is invited – get involved in and exited about DASH!2012/08/30 http://dash.itec.aau.at 12
  • Acknowledgments• EC projects for partially funding this activity – ALICANTE project (FP7-ICT-248652) • http://www.ict-alicante.eu – SocialSensor project (FP7-ICT-287975) • http://www.socialsensor.org – COST ICT Action IC1003 • QUALINET – European Network on Quality of Experience in Multimedia Systems and Services • http://www.qualinet.eu/• DASH Promoters Group – http://dashpg.com• Christopher Müller: VLC Plugin, libdash• Stefan Lederer: DASHEncoder, dataset, DASH-JS• Benjamin Rainer: DASH-JS• Hermann Hellwagner for his advice and feedback• ISO/IEC MPEG and its participating members for their constructive feedback during the standardization process2012/08/30 http://dash.itec.aau.at 13
  • References• Christopher Müller, Daniele Renzi, Stefan Lederer, Stefano Battista and Christian Timmerer, “Using Scalable Video Coding for Dynamic Adaptive Streaming Over HTTP in Mobile Environments”, In Proceedings of the 20th European Signal Processing Conference 2012, Bucharest, Romania, August 27-31, 2012.• Benjamin Rainer, Stefan Lederer, Christopher Müller and Christian Timmerer, “A Seamless Web Integration of Adaptive HTTP Streaming”, In Proceedings of the 20th European Signal Processing Conference 2012, Bucharest, Romania, August 27-31, 2012.• Stefan Lederer, Christopher Müller and Christian Timmerer, “Peer-Assisted Dynamic Adaptive Streaming over HTTP – System Design and Evaluation”, In Proceedings of the IEEE International Packet Video Workshop 2012, Munich, Germany, May 10-11, 2012.• Christopher Müller, Stefan Lederer and Christian Timmerer, “An Evaluation of Dynamic Adaptive Streaming over HTTP in Vehicular Environments”, In Proceedings of the 4th ACM Workshop on Mobile Video, Chapel Hill, North Carolina, February 24, 2012.• Stefan Lederer, Christopher Müller and Christian Timmerer, “Dynamic Adaptive Streaming over HTTP Dataset”, In Proceedings of the ACM Multimedia Systems Conference 2012, Chapel Hill, North Carolina, February 22-24, 2012.• Christopher Müller and Christian Timmerer, “A VLC Media Player Plugin enabling Dynamic Adaptive Streaming over HTTP”, In Proceedings of the ACM Multimedia 2011, Scottsdale, Arizona, November 28, 2011.• Christopher Müller and Christian Timmerer, “A Test-Bed for the Dynamic Adaptive Streaming over HTTP featuring Session Mobility”, In Proceedings of the ACM Multimedia Systems Conference 2011, San Jose, California, February 23-25, 2011.• Christian Timmerer and Christopher Müller, “HTTP Streaming of MPEG Media”, In Proceedings of the Streaming Day 2010, Udine, Italy, September 16-17, 2010.2012/08/30 http://dash.itec.aau.at 14
  • Thank you for your attention ... questions, comments, etc. are welcome … Ass.-Prof. Dipl.-Ing. Dr. Christian Timmerer Klagenfurt University, Department of Information Technology (ITEC) Universitätsstrasse 65-67, A-9020 Klagenfurt, AUSTRIA christian.timmerer@itec.uni-klu.ac.at http://research.timmerer.com/ Tel: +43/463/2700 3621 Fax: +43/463/2700 3699 © Copyright: Christian Timmerer2012/08/30 http://dash.itec.aau.at 15