Published on

  • Be the first to comment

  • Be the first to like this

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

No notes for slide


  1. 1. SMIL S ynchronized M ultimedia I ntegration L anguage Pat Boyle Product Manager, RealProducer, RealNetworks Paolo Tosolini Web Marketing Manager, Asymetrix Learning Systems
  2. 2. Agenda <ul><li>What’s streaming video? </li></ul><ul><li>What’s new in RealSystem G2? </li></ul><ul><li>SMIL </li></ul><ul><ul><li>Layout and synchronization </li></ul></ul><ul><ul><li>Bandwidth issues </li></ul></ul><ul><ul><li>Sequencing streams </li></ul></ul><ul><li>The G2 authoring tools </li></ul><ul><li>The ToolBook RealSystem G2 object </li></ul>
  3. 3. What’s streaming video? Streaming video is a technology that allows us to play audio and video over the Internet while it's being downloaded.
  4. 4. What’s new in RealSystem G2 <ul><li>Text and still images now stream (RealPix and RealText) </li></ul><ul><li>Popular file formats stream natively </li></ul><ul><li>Open plugin architecture </li></ul><ul><li>Bandwidth negotiation </li></ul><ul><li>SureStream technology </li></ul><ul><li>Improved Codecs </li></ul><ul><li>SMIL files coordinate presentations </li></ul>
  5. 5. SMIL: Main features <ul><li>SMIL (.smi) is metafile for G2 </li></ul><ul><ul><li>Play multiple streams at once </li></ul></ul><ul><ul><li>Lay out streams in the Player </li></ul></ul><ul><ul><li>Include Meta Info (title, author, copyright) </li></ul></ul><ul><li>Media types are authored separately </li></ul><ul><ul><li>RealAudio </li></ul></ul><ul><ul><li>RealVideo </li></ul></ul><ul><ul><li>RealPix </li></ul></ul><ul><ul><li>RealText </li></ul></ul><ul><ul><li>Flash </li></ul></ul><ul><ul><li>Images (jpeg, gif) </li></ul></ul>
  6. 6. <ul><li>Demos: </li></ul><ul><ul><li>TechWeb video and low bitrate text (RealVideo, RealText) </li></ul></ul><ul><ul><li>IBM E-Commerce animation and sound (RealFlash and RealAudio) </li></ul></ul><ul><ul><li>Sony video, scrolling text and images (RealPix, RealVideo and RealText) </li></ul></ul>SMIL: Demos
  7. 7. Real Server REQUEST .SMI FILE SMIL: Layout and synchronization (1/3)
  8. 8. <head><layout> <root-layout height=&quot;184&quot; width=”376&quot; background-color=&quot;black&quot;/> <region id=&quot; video &quot; left=&quot;0&quot; top=&quot;0&quot; height=&quot;144&quot; width=&quot;176&quot; z-index=&quot;1&quot;/> <region id=&quot; news &quot; left=&quot;176&quot; top=&quot;0&quot; height=&quot;144&quot; width=”200&quot; z-index=&quot;1&quot;/> <region id=&quot; ticker &quot; left=&quot;0&quot; top=&quot;144&quot; height=&quot;40&quot; width=”376&quot; z-index=&quot;1&quot;/> </layout></head> video region Real Server REQUEST .SMI FILE (0,0) (0,144) 376 184 news region ticker region SMIL: Layout and synchronization (2/3)
  9. 9. <body><par> <video id=&quot;the_video&quot; src=&quot; rtsp:// &quot; region=&quot; video &quot;/> <text id=&quot;the_news&quot; src=&quot; rtsp:// &quot; region=&quot; news &quot;/> <text id=&quot;the_ticker&quot; src=&quot; rtsp:// &quot; region=&quot; ticker &quot;/> </par></body> video region video.rm Real Server REQUEST .SMI FILE (0,0) (0,144) 376 184 news region newstext.rt ticker region tickertext.rt SMIL: Layout and synchronization (3/3)
  10. 10. Bandwidth: Your “Target Audience” <ul><li>Choose your target audience </li></ul><ul><ul><li>Target audience = connection your users connect with </li></ul></ul><ul><ul><li>28.8K modem, 56k modem, LAN </li></ul></ul><ul><li>Calculate Pipe and design presentation </li></ul><ul><ul><li>“ Pipe” = round to 2/3 of target audience </li></ul></ul><ul><ul><ul><li>- 28.8K modem = 20 kbps pipe </li></ul></ul></ul><ul><ul><ul><li>- 56k modem = 32 kbps pipe </li></ul></ul></ul><ul><ul><li>Total bitrate = sum of clip bitrates, and it can’t exceed your pipe </li></ul></ul>
  11. 11. The “Pipe”
  12. 12. Conserving bandwidth <ul><li>House of Dreams demo </li></ul><ul><ul><li>Slide show synchronized with audio </li></ul></ul><ul><ul><li>30 fps transitions </li></ul></ul><ul><ul><li>Works on modem </li></ul></ul><ul><ul><li>RealPix, RealAudio </li></ul></ul>
  13. 13. How SureStream works <ul><li>Encode single clips for up to six different bandwidths </li></ul><ul><ul><li>28.8K and 56K </li></ul></ul><ul><ul><li>Single and Dual ISDN </li></ul></ul><ul><ul><li>DSL and LAN </li></ul></ul><ul><li>Compensate difficult network conditions </li></ul><ul><ul><li>Congested network demo </li></ul></ul>
  14. 14. Sequencing streams in SMIL <ul><li>Use of <par> and <seq> tags </li></ul><ul><ul><li>Streams authored at specified bitrates </li></ul></ul><ul><li>The Talking Picture Show demo </li></ul><ul><ul><li>Nested sequences of RealAudio, RealPix and RealFlash </li></ul></ul><seq> CLIP 1 <par> CLIP 2 CLIP 3 </par> CLIP 4 </seq> CLIP 1 CLIP 3 CLIP 2 CLIP 4
  15. 15. RealPix <ul><li>Embed JPEG or GIF in SMIL </li></ul><ul><li>Hyperlink any image </li></ul><ul><li>Slideshow with .rp script </li></ul><ul><ul><li>bandwidth settings </li></ul></ul><ul><li>Six transitional effects </li></ul><ul><li>Support for live implementation </li></ul><ul><li>Pre-process jpeg images for streaming </li></ul><ul><ul><li>jpegtran.exe </li></ul></ul>
  16. 16. RealText <ul><li>Low bitrate - no bandwidth concerns </li></ul><ul><li>Font, color, positional control </li></ul><ul><li>Hyperlink </li></ul><ul><ul><li>Player commands (play, pause, seek) </li></ul></ul><ul><ul><li>External URLs </li></ul></ul><ul><li>Five window types </li></ul><ul><ul><li>Generic </li></ul></ul><ul><ul><li>Tickertape </li></ul></ul><ul><ul><li>ScrollingNews </li></ul></ul><ul><ul><li>Marquee </li></ul></ul><ul><ul><li>Teleprompter </li></ul></ul>
  17. 17. RealFlash <ul><li>Vector animation </li></ul><ul><li>Lightweight, crisp, resizable animations </li></ul><ul><li>Suitable for Table of content, navigation, advertising </li></ul><ul><li>Flash 2.0 support in G2 </li></ul><ul><li>Comedy Central demo </li></ul>
  18. 18. The tools <ul><li>TAG Composer 2.0 for RealSystems G2 by TAG Software </li></ul><ul><ul><li> </li></ul></ul><ul><li>V-Active for RealSystems G2 by Veon </li></ul><ul><ul><li> </li></ul></ul><ul><li>SMIL Composer by Sausage Software </li></ul><ul><ul><li> </li></ul></ul><ul><li>RealSlideShow and RealProducer Pro by RealNetworks </li></ul><ul><ul><li> </li></ul></ul><ul><li>Notepad by Microsoft </li></ul><ul><ul><li>Included in all versions of Windows </li></ul></ul>
  19. 19. Reference <ul><li>RealSystem G2 Authoring Kit by RealNetworks </li></ul><ul><ul><li> </li></ul></ul><ul><li>JustSMIL by Tim Kennedy </li></ul><ul><ul><li> </li></ul></ul><ul><li>SMIL Primer by </li></ul><ul><ul><li> </li></ul></ul><ul><li>The SMIL Tutorial by Helio </li></ul><ul><ul><li> </li></ul></ul><ul><li>SMIL 1.0 Specifications by W3C Consortium </li></ul><ul><ul><li> </li></ul></ul>
  20. 20. The ToolBook RealSystem G2 object <ul><li>Drag & drop object from the ToolBook catalog </li></ul><ul><li>Visual interface to the G2 activeX </li></ul><ul><li>Works in native ToolBook and DHTML </li></ul>
  21. 21. Conclusions for SMIL <ul><li>Improved interactivity of streaming presentations </li></ul><ul><li>Easy to learn mark-up language </li></ul><ul><li>Standard approved by W3C consortium </li></ul><ul><li>Supported by RealNetworks, market leader in streaming media </li></ul><ul><li>Easy to implement in Asymetrix ToolBook applications </li></ul>
  1. A particular slide catching your eye?

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