Your SlideShare is downloading. ×
0
Download
Download
Download
Download
Download
Download
Download
Download
Download
Download
Download
Download
Download
Download
Download
Download
Download
Download
Download
Download
Download
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Download

465

Published on

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
465
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
9
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 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. 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. 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. 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. 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. <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. Real Server REQUEST .SMI FILE SMIL: Layout and synchronization (1/3)
  • 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. <body><par> <video id=&quot;the_video&quot; src=&quot; rtsp://media.real.com/video.rm &quot; region=&quot; video &quot;/> <text id=&quot;the_news&quot; src=&quot; rtsp://media.real.com/newstext.rt &quot; region=&quot; news &quot;/> <text id=&quot;the_ticker&quot; src=&quot; rtsp://media.real.com/tickertext.rt &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. 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. The “Pipe”
  • 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. 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. 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. 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. 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. 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. The tools <ul><li>TAG Composer 2.0 for RealSystems G2 by TAG Software </li></ul><ul><ul><li>http://tagsoftware.com </li></ul></ul><ul><li>V-Active for RealSystems G2 by Veon </li></ul><ul><ul><li>http://www.veon.com </li></ul></ul><ul><li>SMIL Composer by Sausage Software </li></ul><ul><ul><li>http://www.sausage.com </li></ul></ul><ul><li>RealSlideShow and RealProducer Pro by RealNetworks </li></ul><ul><ul><li>http://www.real.com </li></ul></ul><ul><li>Notepad by Microsoft </li></ul><ul><ul><li>Included in all versions of Windows </li></ul></ul>
  • 19. Reference <ul><li>RealSystem G2 Authoring Kit by RealNetworks </li></ul><ul><ul><li>http://www.real.com/products/tools/authkit/ </li></ul></ul><ul><li>JustSMIL by Tim Kennedy </li></ul><ul><ul><li>http://www.justsmil.com </li></ul></ul><ul><li>SMIL Primer by WebReview.com </li></ul><ul><ul><li>http://webreview.com/wr/pub/1999/03/12/feature/ </li></ul></ul><ul><li>The SMIL Tutorial by Helio </li></ul><ul><ul><li>http://www.helio.org/products/smil/tutorial/ </li></ul></ul><ul><li>SMIL 1.0 Specifications by W3C Consortium </li></ul><ul><ul><li>http://www.w3.org/TR/REC-smil/ </li></ul></ul>
  • 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. 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>

×