download

21
SMIL Synchronized Multimedia Integration Language Pat Boyle Product Manager, RealProducer, RealNetworks Paolo Tosolini Web Marketing Manager, Asymetrix Learning Systems

Upload: ronny72

Post on 12-May-2015

451 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Download

SMILSynchronized Multimedia Integration Language

Pat BoyleProduct Manager, RealProducer,

RealNetworks

Paolo TosoliniWeb Marketing Manager,

Asymetrix Learning Systems

Page 2: Download

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

Page 3: Download

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.

Page 4: Download

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

Page 5: Download

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)

Page 6: Download

Demos:– TechWeb

video and low bitrate text

(RealVideo, RealText)

– IBM E-Commerceanimation and sound

(RealFlash and RealAudio)

– Sonyvideo, scrolling text and images

(RealPix, RealVideo and RealText)

SMIL: Demos

Page 7: Download

RealServer

REQUEST .SMIFILE

SMIL: Layout and synchronization (1/3)

Page 8: Download

<head><layout> <root-layout height="184" width=”376" background-color="black"/><region id="video" left="0" top="0" height="144" width="176" z-index="1"/><region id="news" left="176" top="0" height="144" width=”200" z-index="1"/><region id="ticker" left="0" top="144" height="40" width=”376" z-index="1"/></layout></head>

video regionReal

Server

REQUEST .SMIFILE

(0,0)

(0,144)

376

184

news region

ticker region

SMIL: Layout and synchronization (2/3)

Page 9: Download

<body><par><video id="the_video" src="rtsp://media.real.com/video.rm" region="video"/><text id="the_news" src="rtsp://media.real.com/newstext.rt" region="news"/><text id="the_ticker" src="rtsp://media.real.com/tickertext.rt" region="ticker"/></par></body>

video regionvideo.rm

RealServer

REQUEST .SMIFILE

(0,0)

(0,144)

376

184

news regionnewstext.rt

ticker regiontickertext.rt

SMIL: Layout and synchronization (3/3)

Page 10: Download

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

Page 11: Download

The “Pipe”

Page 12: Download

Conserving bandwidth

House of Dreams demo– Slide show synchronized with audio– 30 fps transitions– Works on modem– RealPix, RealAudio

Page 13: Download

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

Page 14: Download

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

CLIP 1

CLIP 3

CLIP 2

CLIP 4

<seq>CLIP 1<par>

CLIP 2CLIP 3

</par>CLIP 4

</seq>

Page 15: Download

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

Page 16: Download

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

Page 17: Download

RealFlash

Vector animation Lightweight, crisp, resizable animations Suitable for Table of content, navigation, advertising Flash 2.0 support in G2 Comedy Central demo

Page 18: Download

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

Page 19: Download

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/

Page 20: Download

The ToolBook RealSystem G2 object

Drag & drop object from the ToolBook catalog Visual interface to the G2 activeX Works in native ToolBook and DHTML

Page 21: Download

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