Electronic Program Guides using SVG


Published on

Presentation of the paper shown at SVG Open 2010

Published in: Technology
1 Like
  • Be the first to comment

No Downloads
Total Views
On Slideshare
From Embeds
Number of Embeds
Embeds 0
No embeds

No notes for slide

Electronic Program Guides using SVG

  1. 1. Electronic Program Guides using SVG<br />Cyril Concolato<br />Jonathan Sillan<br />SVG Open 2010<br />
  2. 2. Context: Multimedia Convergent Technologies<br />Audio/Video convergent codecs<br />MPEG-4 AAC <br />MPEG-4 AVC<br />Convergent graphics<br />SVG / HTML<br />View graphically and media rich content (including TV programs) on many types of devices<br />STB / TV<br />PC<br />Mobile phones / tablets<br />page 1<br />
  3. 3. Context: TV Evolution<br />TV is becoming digital<br />Many channels, many programs<br />E.g. 2010/2011 Analog TV switch off in France<br />Opportunity for more interactivity (e.g. HBBTV)<br />Devices and networks are evolving<br />TV connected to the Internet<br />Mobile phones capable of receiving TV programs (3G)<br />Mobile broadcast networks are being deployed<br />Deployment costs<br />Deep indoor penetration<br />page 2<br />
  4. 4. The PINGO Project<br />Indoor redistribution of adapted TV signal <br />DVB-T/-H/-SH reception<br />Transcoding of A/V<br />Transformation of EPG data<br />Targets: PC, phones, tablets<br /> Principles<br />Transformation of available EPG data into SVG <br />Delivery over Wi-Fi using a Streaming or AJAX approach<br />Adapted to different terminals iPhone, iPad, PC<br />page 3<br />
  5. 5. Electronic Program Guides<br />page 4<br />
  6. 6. The EPG standard ecosystem<br />EPG in DVB-T =<br /><ul><li>MPEG-2 Transport Stream
  7. 7. DVB Event Information Table</li></ul>EPG on the Web = <br /><ul><li>IP
  8. 8. XML / HTML</li></ul>EPG in DVB-H/SH =<br /><ul><li>MPEG-2 Transport Stream
  9. 9. DVB IP Data Casting (IPDC)
  10. 10. FLUTE Protocol (File Delivery)
  11. 11. XML (TV-Anytime …) </li></ul>page 5<br />
  12. 12. Why use SVG ?<br />SVG has interestingproperties<br />Layout, gradients, animations, interactivity<br />Audio/Video support (in Tiny 1.2)<br />SVG isbecomingubiquitous in Browsers<br />Mobile industryinterest (3GPP, OMA, ATSC-M/H)<br />SVG extendedwith 3GPP DIMS canbestreamed<br />page 6<br />
  13. 13. Dynamic Interactive MultimediaScenes<br />3GPP Standard : TS 26.142 <br />based on MPEG-4 LASeR<br />Concepts<br />SVG extensions<br />Timed SVG updates: DOM insertion, removal, replacements<br />Sent by a server or readfromtimed files<br />Transported of SVG Updates for streaming, in MP4 files or over RTP streams<br />page 7<br />
  14. 14. Architecture of the system<br />page 8<br />Demodulator<br />A/V Transcoding<br />Streaming<br />RTP<br />SVGGeneration<br />DIMS Packaging<br />AJAX/HTTP<br />Web Server<br />
  15. 15. AJAX Approach<br />Traditional Pull method<br />Programs are retrievedfrom the sources<br />XML data files are stored on a Web server with an SVG harness<br />The client periodicallyretrieves the XML and updates its display usingJavascript<br />Pros/Cons<br />Light server (XML generation + Web Server)<br />Adaptation on the client<br />Reduceddynamicity (layout and programs)<br />page 9<br />
  16. 16. Streaming / Broadcasting Approach<br />Principles<br />Programs are retrievedfrom one broadcast source<br />Transformedinto SVG content<br />Packagedinto 3GPP DIMS unit<br />Streamed to the client over RTP <br />Pros/Cons<br />Reproduce the behavior of TV broadcastchannels<br />Programs are displayedincrementally as soon as they arrive<br />Lighter client (JavaScript only for navigation)<br />Heavier server<br />Increasedbandwidth<br />More difficult to adaptat to devicefeatures<br />page 10<br />
  17. 17. Implementation details<br />Server<br />Embedded platform<br />ARC Processor @ 400 MHz<br />Video transcoding chip<br />Clients<br />Streaming: GPAC on PC and Mobile phone (ARM 200MHz)<br />AJAX: Firefox, Opera, Chrome, Safari (PC & iPhone/iPad)<br />page 11<br />
  18. 18. PINGO Results (PC)<br />page 12<br />
  19. 19. PINGO Results<br />page 13<br />
  20. 20. Demo<br />Online Web Site (to beannounced)<br />Video on iPad<br />page 14<br />
  21. 21. Problems and limitations<br />Interoperability<br />SVG Tiny 1.2 not widelysupported<br />textArea (replaced by foreignObject + HTML div+CSS  )<br />Trait Access API (usedfallback DOM access)<br />SVG videoelement (replaced by HTML5 element)<br />Events on mobile devices vs. PC (e.g. touchEvent)<br />Lack of SVG support on the Androidplatforms<br />Lack of DIMS support<br />Missing SVG features<br />Screen orientation detection<br />Pixel densitydetection<br />Textellipsis (‘…’)<br />Z-order<br />SVG Features not useful: nav-*<br />page 15<br />
  22. 22. Merci de votre attention<br />Questions ?<br />
  1. A particular slide catching your eye?

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