Your SlideShare is downloading. ×
  • Like
Download
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Now you can save presentations on your phone or tablet

Available for both IPhone and Android

Text the download link to your phone

Standard text messaging rates apply
Published

 

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
    Be the first to like this
No Downloads

Views

Total Views
429
On SlideShare
0
From Embeds
0
Number of Embeds
0

Actions

Shares
Downloads
8
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
    • What’s streaming video?
    • What’s new in RealSystem G2?
    • SMIL
      • Layout and synchronization
      • Bandwidth issues
      • Sequencing streams
    • The G2 authoring tools
    • The ToolBook RealSystem G2 object
  • 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
    • Text and still images now stream (RealPix and RealText)
    • Popular file formats stream natively
    • Open plugin architecture
    • Bandwidth negotiation
    • SureStream technology
    • Improved Codecs
    • SMIL files coordinate presentations
  • 5. SMIL: Main features
    • SMIL (.smi) is metafile for G2
      • Play multiple streams at once
      • Lay out streams in the Player
      • Include Meta Info (title, author, copyright)
    • Media types are authored separately
      • RealAudio
      • RealVideo
      • RealPix
      • RealText
      • Flash
      • Images (jpeg, gif)
  • 6.
    • Demos:
      • TechWeb video and low bitrate text (RealVideo, RealText)
      • IBM E-Commerce animation and sound (RealFlash and RealAudio)
      • Sony video, scrolling text and images (RealPix, RealVideo and RealText)
    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”
    • Choose your target audience
      • Target audience = connection your users connect with
      • 28.8K modem, 56k modem, LAN
    • Calculate Pipe and design presentation
      • “ Pipe” = round to 2/3 of target audience
        • - 28.8K modem = 20 kbps pipe
        • - 56k modem = 32 kbps pipe
      • Total bitrate = sum of clip bitrates, and it can’t exceed your pipe
  • 11. The “Pipe”
  • 12. Conserving bandwidth
    • House of Dreams demo
      • Slide show synchronized with audio
      • 30 fps transitions
      • Works on modem
      • RealPix, RealAudio
  • 13. How SureStream works
    • Encode single clips for up to six different bandwidths
      • 28.8K and 56K
      • Single and Dual ISDN
      • DSL and LAN
    • Compensate difficult network conditions
      • Congested network demo
  • 14. Sequencing streams in SMIL
    • Use of <par> and <seq> tags
      • Streams authored at specified bitrates
    • The Talking Picture Show demo
      • Nested sequences of RealAudio, RealPix and RealFlash
    <seq> CLIP 1 <par> CLIP 2 CLIP 3 </par> CLIP 4 </seq> CLIP 1 CLIP 3 CLIP 2 CLIP 4
  • 15. RealPix
    • Embed JPEG or GIF in SMIL
    • Hyperlink any image
    • Slideshow with .rp script
      • bandwidth settings
    • Six transitional effects
    • Support for live implementation
    • Pre-process jpeg images for streaming
      • jpegtran.exe
  • 16. RealText
    • Low bitrate - no bandwidth concerns
    • Font, color, positional control
    • Hyperlink
      • Player commands (play, pause, seek)
      • External URLs
    • Five window types
      • Generic
      • Tickertape
      • ScrollingNews
      • Marquee
      • Teleprompter
  • 17. RealFlash
    • Vector animation
    • Lightweight, crisp, resizable animations
    • Suitable for Table of content, navigation, advertising
    • Flash 2.0 support in G2
    • Comedy Central demo
  • 18. The tools
    • TAG Composer 2.0 for RealSystems G2 by TAG Software
      • http://tagsoftware.com
    • V-Active for RealSystems G2 by Veon
      • http://www.veon.com
    • SMIL Composer by Sausage Software
      • http://www.sausage.com
    • RealSlideShow and RealProducer Pro by RealNetworks
      • http://www.real.com
    • Notepad by Microsoft
      • Included in all versions of Windows
  • 19. Reference
    • RealSystem G2 Authoring Kit by RealNetworks
      • http://www.real.com/products/tools/authkit/
    • JustSMIL by Tim Kennedy
      • http://www.justsmil.com
    • SMIL Primer by WebReview.com
      • http://webreview.com/wr/pub/1999/03/12/feature/
    • The SMIL Tutorial by Helio
      • http://www.helio.org/products/smil/tutorial/
    • SMIL 1.0 Specifications by W3C Consortium
      • http://www.w3.org/TR/REC-smil/
  • 20. The ToolBook RealSystem G2 object
    • Drag & drop object from the ToolBook catalog
    • Visual interface to the G2 activeX
    • Works in native ToolBook and DHTML
  • 21. Conclusions for SMIL
    • Improved interactivity of streaming presentations
    • Easy to learn mark-up language
    • Standard approved by W3C consortium
    • Supported by RealNetworks, market leader in streaming media
    • Easy to implement in Asymetrix ToolBook applications