smil manousos bouloukakis 26/05/2001 what does smil mean? synchronized multimedia integration...
TRANSCRIPT
![Page 1: SMIL Manousos Bouloukakis 26/05/2001 What does SMIL mean? Synchronized Multimedia Integration Language Pronounce it "smile" !](https://reader036.vdocuments.us/reader036/viewer/2022062421/56649e0c5503460f94af4c68/html5/thumbnails/1.jpg)
26/05/2001SMILManousos Bouloukakis
What does SMIL mean?
Synchronized Multimedia Integration Language Pronounce it "smile" !
![Page 2: SMIL Manousos Bouloukakis 26/05/2001 What does SMIL mean? Synchronized Multimedia Integration Language Pronounce it "smile" !](https://reader036.vdocuments.us/reader036/viewer/2022062421/56649e0c5503460f94af4c68/html5/thumbnails/2.jpg)
26/05/2001SMILManousos Bouloukakis
The Synchronized Multimedia Integration Language (SMIL) is a recommendation from the World Wide Web Consortium (W3C)
that allows for the creation of time-based multimedia delivery over the web.
Based on XML, it allows developers to mix many types of media, text, video, graphics, audio and vector based animation together and to
synchronize them to a timeline.With the advent of faster connections to the Web, DSL and Cable
Modems. The next step in communications is synchronized multimedia. The language SMIL is as easy to publish as HTML
Introduction
![Page 3: SMIL Manousos Bouloukakis 26/05/2001 What does SMIL mean? Synchronized Multimedia Integration Language Pronounce it "smile" !](https://reader036.vdocuments.us/reader036/viewer/2022062421/56649e0c5503460f94af4c68/html5/thumbnails/3.jpg)
26/05/2001SMILManousos Bouloukakis
What is SMIL ?
The new SMIL language is a powerful tool for creating synchronized multimedia presentations on the web
over low bandwidth connections. It is mainly meant to work with linear presentations where several types of media can be synchronized to one timeline. It does not work well with non-linear presentations and its
ability to skip around in the timeline is buggy at best. However, for slideshow style mixed media
presentations it the best the web has to offer
![Page 4: SMIL Manousos Bouloukakis 26/05/2001 What does SMIL mean? Synchronized Multimedia Integration Language Pronounce it "smile" !](https://reader036.vdocuments.us/reader036/viewer/2022062421/56649e0c5503460f94af4c68/html5/thumbnails/4.jpg)
26/05/2001SMILManousos Bouloukakis
Companies Support for SMIL
SMIL's most vocal proponent is currently Real Networks who have built the
SMIL functionality into their Real G2 Player software.
Allaire is also supporting SMIL with a collection of SMIL tags for their popular Homesite HTML Editor
Netscape, Microsoft and Macromedia have all decided to withhold support from this standard
However, Microsoft, Macromedia and Compaq are currently developing another standard that more closely integrates synchronized multimedia with HTML. This standard is call HTML+TIME and has been proposed to the W3C as a competing standard. The W3C has characterized this standard as "extending SMIL into the browser" so learning SMIL won't be a dead end
![Page 5: SMIL Manousos Bouloukakis 26/05/2001 What does SMIL mean? Synchronized Multimedia Integration Language Pronounce it "smile" !](https://reader036.vdocuments.us/reader036/viewer/2022062421/56649e0c5503460f94af4c68/html5/thumbnails/5.jpg)
26/05/2001SMILManousos Bouloukakis
A Sample Presentation
![Page 6: SMIL Manousos Bouloukakis 26/05/2001 What does SMIL mean? Synchronized Multimedia Integration Language Pronounce it "smile" !](https://reader036.vdocuments.us/reader036/viewer/2022062421/56649e0c5503460f94af4c68/html5/thumbnails/6.jpg)
26/05/2001SMILManousos Bouloukakis
A Sample Presentation
![Page 7: SMIL Manousos Bouloukakis 26/05/2001 What does SMIL mean? Synchronized Multimedia Integration Language Pronounce it "smile" !](https://reader036.vdocuments.us/reader036/viewer/2022062421/56649e0c5503460f94af4c68/html5/thumbnails/7.jpg)
26/05/2001SMILManousos Bouloukakis
A Sample Presentation
![Page 8: SMIL Manousos Bouloukakis 26/05/2001 What does SMIL mean? Synchronized Multimedia Integration Language Pronounce it "smile" !](https://reader036.vdocuments.us/reader036/viewer/2022062421/56649e0c5503460f94af4c68/html5/thumbnails/8.jpg)
26/05/2001SMILManousos Bouloukakis
A Sample SMIL file
<smil>
<head>
<meta name="copyright" content="Your Name" />
<layout>
<!-- layout tags --> </layout>
</head>
<body>
<!-- media and synchronization tags -->
</body>
</smil>
![Page 9: SMIL Manousos Bouloukakis 26/05/2001 What does SMIL mean? Synchronized Multimedia Integration Language Pronounce it "smile" !](https://reader036.vdocuments.us/reader036/viewer/2022062421/56649e0c5503460f94af4c68/html5/thumbnails/9.jpg)
26/05/2001SMILManousos Bouloukakis
Making of a SMIL
The making of a SMIL presentation is basically, these three things:
Create the areas for your media.
Fill in those areas with media objects.
Determine the order, in which to play them in sequence, parallel or combination of bothof both
![Page 10: SMIL Manousos Bouloukakis 26/05/2001 What does SMIL mean? Synchronized Multimedia Integration Language Pronounce it "smile" !](https://reader036.vdocuments.us/reader036/viewer/2022062421/56649e0c5503460f94af4c68/html5/thumbnails/10.jpg)
26/05/2001SMILManousos Bouloukakis
How to write a SMIL document
What you need to create a SMIL document is... a simple text editor! SMIL is XML-based and is very similar with HTML and this makes the language easy to read and understand.
There are however differences between SMIL and HTML
SMIL is case-sensitive. All tags must be written in lower case.
SMIL is XML-based. Tags have to be ended.
![Page 11: SMIL Manousos Bouloukakis 26/05/2001 What does SMIL mean? Synchronized Multimedia Integration Language Pronounce it "smile" !](https://reader036.vdocuments.us/reader036/viewer/2022062421/56649e0c5503460f94af4c68/html5/thumbnails/11.jpg)
26/05/2001SMILManousos Bouloukakis
So what do we need to specify?
![Page 12: SMIL Manousos Bouloukakis 26/05/2001 What does SMIL mean? Synchronized Multimedia Integration Language Pronounce it "smile" !](https://reader036.vdocuments.us/reader036/viewer/2022062421/56649e0c5503460f94af4c68/html5/thumbnails/12.jpg)
26/05/2001SMILManousos Bouloukakis
Content — Instance of Media Item
![Page 13: SMIL Manousos Bouloukakis 26/05/2001 What does SMIL mean? Synchronized Multimedia Integration Language Pronounce it "smile" !](https://reader036.vdocuments.us/reader036/viewer/2022062421/56649e0c5503460f94af4c68/html5/thumbnails/13.jpg)
26/05/2001SMILManousos Bouloukakis
Media Object Elements
![Page 14: SMIL Manousos Bouloukakis 26/05/2001 What does SMIL mean? Synchronized Multimedia Integration Language Pronounce it "smile" !](https://reader036.vdocuments.us/reader036/viewer/2022062421/56649e0c5503460f94af4c68/html5/thumbnails/14.jpg)
26/05/2001SMILManousos Bouloukakis
Specification of part of media item
![Page 15: SMIL Manousos Bouloukakis 26/05/2001 What does SMIL mean? Synchronized Multimedia Integration Language Pronounce it "smile" !](https://reader036.vdocuments.us/reader036/viewer/2022062421/56649e0c5503460f94af4c68/html5/thumbnails/15.jpg)
26/05/2001SMILManousos Bouloukakis
Clips in time
![Page 16: SMIL Manousos Bouloukakis 26/05/2001 What does SMIL mean? Synchronized Multimedia Integration Language Pronounce it "smile" !](https://reader036.vdocuments.us/reader036/viewer/2022062421/56649e0c5503460f94af4c68/html5/thumbnails/16.jpg)
26/05/2001SMILManousos Bouloukakis
Spatial Layout
![Page 17: SMIL Manousos Bouloukakis 26/05/2001 What does SMIL mean? Synchronized Multimedia Integration Language Pronounce it "smile" !](https://reader036.vdocuments.us/reader036/viewer/2022062421/56649e0c5503460f94af4c68/html5/thumbnails/17.jpg)
26/05/2001SMILManousos Bouloukakis
A Sample SMIL file
<smil>
<head>
<meta name="copyright" content="Your Name" />
<layout>
<!-- layout tags --> </layout>
</head>
<body>
<!-- media and synchronization tags -->
</body>
</smil>
![Page 18: SMIL Manousos Bouloukakis 26/05/2001 What does SMIL mean? Synchronized Multimedia Integration Language Pronounce it "smile" !](https://reader036.vdocuments.us/reader036/viewer/2022062421/56649e0c5503460f94af4c68/html5/thumbnails/18.jpg)
26/05/2001SMILManousos Bouloukakis
The Layout Element
The layout element determines how the elements in the document's body are positioned on an abstract rendering surface (either visual or acoustic).
The layout element must appear before any of the declared layout is used in the document. If present, the layout element must appear in the head section of the document. If a document contains no layout element, the positioning of the body elements is implementation-dependent.
![Page 19: SMIL Manousos Bouloukakis 26/05/2001 What does SMIL mean? Synchronized Multimedia Integration Language Pronounce it "smile" !](https://reader036.vdocuments.us/reader036/viewer/2022062421/56649e0c5503460f94af4c68/html5/thumbnails/19.jpg)
26/05/2001SMILManousos Bouloukakis
root-layout element
The root-layout element determines the value of the layout properties of the root element, which in turn determines the size of the window in which the SMIL
presentation is rendered.
![Page 20: SMIL Manousos Bouloukakis 26/05/2001 What does SMIL mean? Synchronized Multimedia Integration Language Pronounce it "smile" !](https://reader036.vdocuments.us/reader036/viewer/2022062421/56649e0c5503460f94af4c68/html5/thumbnails/20.jpg)
26/05/2001SMILManousos Bouloukakis
root-layout element attributes
Background-Color Note that the default background color is transparent, which implies that, by default, the implementation-dependent window background will be shown.
height
Sets the height of the root element. Only length values are allowed.
width
Sets the width of the root element. Only length values are allowed.
Element content
The root-layout element is an empty element.
![Page 21: SMIL Manousos Bouloukakis 26/05/2001 What does SMIL mean? Synchronized Multimedia Integration Language Pronounce it "smile" !](https://reader036.vdocuments.us/reader036/viewer/2022062421/56649e0c5503460f94af4c68/html5/thumbnails/21.jpg)
26/05/2001SMILManousos Bouloukakis
root-layout element example
<layout>
<root-layout width="320" height="480“ background-color="white" />
</layout>
![Page 22: SMIL Manousos Bouloukakis 26/05/2001 What does SMIL mean? Synchronized Multimedia Integration Language Pronounce it "smile" !](https://reader036.vdocuments.us/reader036/viewer/2022062421/56649e0c5503460f94af4c68/html5/thumbnails/22.jpg)
26/05/2001SMILManousos Bouloukakis
Region Element
![Page 23: SMIL Manousos Bouloukakis 26/05/2001 What does SMIL mean? Synchronized Multimedia Integration Language Pronounce it "smile" !](https://reader036.vdocuments.us/reader036/viewer/2022062421/56649e0c5503460f94af4c68/html5/thumbnails/23.jpg)
26/05/2001SMILManousos Bouloukakis
Regions in our Example
![Page 24: SMIL Manousos Bouloukakis 26/05/2001 What does SMIL mean? Synchronized Multimedia Integration Language Pronounce it "smile" !](https://reader036.vdocuments.us/reader036/viewer/2022062421/56649e0c5503460f94af4c68/html5/thumbnails/24.jpg)
26/05/2001SMILManousos Bouloukakis
Layout Adaptation in SMIL
![Page 25: SMIL Manousos Bouloukakis 26/05/2001 What does SMIL mean? Synchronized Multimedia Integration Language Pronounce it "smile" !](https://reader036.vdocuments.us/reader036/viewer/2022062421/56649e0c5503460f94af4c68/html5/thumbnails/25.jpg)
26/05/2001SMILManousos Bouloukakis
The <img> Tag
<smil> <head> <layout>
<root-layout width="300" height="200" background-color="white" />
<region id="vim_icon" left="75" top="50" width="32" height="32" />
</layout> </head>
<body>
<img src="vim32x32.gif" alt="The vim icon" region="vim_icon" />
</body>
</smil>
![Page 26: SMIL Manousos Bouloukakis 26/05/2001 What does SMIL mean? Synchronized Multimedia Integration Language Pronounce it "smile" !](https://reader036.vdocuments.us/reader036/viewer/2022062421/56649e0c5503460f94af4c68/html5/thumbnails/26.jpg)
26/05/2001SMILManousos Bouloukakis
<img> tag example
![Page 27: SMIL Manousos Bouloukakis 26/05/2001 What does SMIL mean? Synchronized Multimedia Integration Language Pronounce it "smile" !](https://reader036.vdocuments.us/reader036/viewer/2022062421/56649e0c5503460f94af4c68/html5/thumbnails/27.jpg)
26/05/2001SMILManousos Bouloukakis
Clips in Space
![Page 28: SMIL Manousos Bouloukakis 26/05/2001 What does SMIL mean? Synchronized Multimedia Integration Language Pronounce it "smile" !](https://reader036.vdocuments.us/reader036/viewer/2022062421/56649e0c5503460f94af4c68/html5/thumbnails/28.jpg)
26/05/2001SMILManousos Bouloukakis
Make your medium fill its area
<smil> <head> <layout> <root-layout width="147" height="116" background-color="yellow" /> <region id="region_1" left="8" top="10" width="116" height="81“
background-color="white" fit="fill" /> </layout> </head> <body> <!-- this image is smaller than its region --> <img src="madewithcss.gif" region="region_1" /> </body> </smil>
![Page 29: SMIL Manousos Bouloukakis 26/05/2001 What does SMIL mean? Synchronized Multimedia Integration Language Pronounce it "smile" !](https://reader036.vdocuments.us/reader036/viewer/2022062421/56649e0c5503460f94af4c68/html5/thumbnails/29.jpg)
26/05/2001SMILManousos Bouloukakis
Make your medium meet its area
<layout> <root-layout width="147" height="116" background-color="yellow" />
<region id="region_1" left="8" top="10" width="116" height="81"
background-color="white" fit="meet" /></layout>
![Page 30: SMIL Manousos Bouloukakis 26/05/2001 What does SMIL mean? Synchronized Multimedia Integration Language Pronounce it "smile" !](https://reader036.vdocuments.us/reader036/viewer/2022062421/56649e0c5503460f94af4c68/html5/thumbnails/30.jpg)
26/05/2001SMILManousos Bouloukakis
Make your medium scroll within its area
<layout> <root-layout width="147" height="116" background-color="yellow" /> <region id="region_1" left="8" top="10" width="116" height="81"
background-color="white" fit="scroll"/></layout>
![Page 31: SMIL Manousos Bouloukakis 26/05/2001 What does SMIL mean? Synchronized Multimedia Integration Language Pronounce it "smile" !](https://reader036.vdocuments.us/reader036/viewer/2022062421/56649e0c5503460f94af4c68/html5/thumbnails/31.jpg)
26/05/2001SMILManousos Bouloukakis
The fourth dimension: time!
![Page 32: SMIL Manousos Bouloukakis 26/05/2001 What does SMIL mean? Synchronized Multimedia Integration Language Pronounce it "smile" !](https://reader036.vdocuments.us/reader036/viewer/2022062421/56649e0c5503460f94af4c68/html5/thumbnails/32.jpg)
26/05/2001SMILManousos Bouloukakis
Which Time?
![Page 33: SMIL Manousos Bouloukakis 26/05/2001 What does SMIL mean? Synchronized Multimedia Integration Language Pronounce it "smile" !](https://reader036.vdocuments.us/reader036/viewer/2022062421/56649e0c5503460f94af4c68/html5/thumbnails/33.jpg)
26/05/2001SMILManousos Bouloukakis
Duration of a media object element
![Page 34: SMIL Manousos Bouloukakis 26/05/2001 What does SMIL mean? Synchronized Multimedia Integration Language Pronounce it "smile" !](https://reader036.vdocuments.us/reader036/viewer/2022062421/56649e0c5503460f94af4c68/html5/thumbnails/34.jpg)
26/05/2001SMILManousos Bouloukakis
Duration of a Media Object Element ctd.
![Page 35: SMIL Manousos Bouloukakis 26/05/2001 What does SMIL mean? Synchronized Multimedia Integration Language Pronounce it "smile" !](https://reader036.vdocuments.us/reader036/viewer/2022062421/56649e0c5503460f94af4c68/html5/thumbnails/35.jpg)
26/05/2001SMILManousos Bouloukakis
Start Time of elements - par
![Page 36: SMIL Manousos Bouloukakis 26/05/2001 What does SMIL mean? Synchronized Multimedia Integration Language Pronounce it "smile" !](https://reader036.vdocuments.us/reader036/viewer/2022062421/56649e0c5503460f94af4c68/html5/thumbnails/36.jpg)
26/05/2001SMILManousos Bouloukakis
Start Time of elements - seq
![Page 37: SMIL Manousos Bouloukakis 26/05/2001 What does SMIL mean? Synchronized Multimedia Integration Language Pronounce it "smile" !](https://reader036.vdocuments.us/reader036/viewer/2022062421/56649e0c5503460f94af4c68/html5/thumbnails/37.jpg)
26/05/2001SMILManousos Bouloukakis
Par’s and seq’s can be nested
![Page 38: SMIL Manousos Bouloukakis 26/05/2001 What does SMIL mean? Synchronized Multimedia Integration Language Pronounce it "smile" !](https://reader036.vdocuments.us/reader036/viewer/2022062421/56649e0c5503460f94af4c68/html5/thumbnails/38.jpg)
26/05/2001SMILManousos Bouloukakis
Explicit start time in a par element
![Page 39: SMIL Manousos Bouloukakis 26/05/2001 What does SMIL mean? Synchronized Multimedia Integration Language Pronounce it "smile" !](https://reader036.vdocuments.us/reader036/viewer/2022062421/56649e0c5503460f94af4c68/html5/thumbnails/39.jpg)
26/05/2001SMILManousos Bouloukakis
Start time relative to another element
![Page 40: SMIL Manousos Bouloukakis 26/05/2001 What does SMIL mean? Synchronized Multimedia Integration Language Pronounce it "smile" !](https://reader036.vdocuments.us/reader036/viewer/2022062421/56649e0c5503460f94af4c68/html5/thumbnails/40.jpg)
26/05/2001SMILManousos Bouloukakis
End time of media object element
![Page 41: SMIL Manousos Bouloukakis 26/05/2001 What does SMIL mean? Synchronized Multimedia Integration Language Pronounce it "smile" !](https://reader036.vdocuments.us/reader036/viewer/2022062421/56649e0c5503460f94af4c68/html5/thumbnails/41.jpg)
26/05/2001SMILManousos Bouloukakis
End time of par element— first
![Page 42: SMIL Manousos Bouloukakis 26/05/2001 What does SMIL mean? Synchronized Multimedia Integration Language Pronounce it "smile" !](https://reader036.vdocuments.us/reader036/viewer/2022062421/56649e0c5503460f94af4c68/html5/thumbnails/42.jpg)
26/05/2001SMILManousos Bouloukakis
Alternate Content
![Page 43: SMIL Manousos Bouloukakis 26/05/2001 What does SMIL mean? Synchronized Multimedia Integration Language Pronounce it "smile" !](https://reader036.vdocuments.us/reader036/viewer/2022062421/56649e0c5503460f94af4c68/html5/thumbnails/43.jpg)
26/05/2001SMILManousos Bouloukakis
Adaptation Issues
![Page 44: SMIL Manousos Bouloukakis 26/05/2001 What does SMIL mean? Synchronized Multimedia Integration Language Pronounce it "smile" !](https://reader036.vdocuments.us/reader036/viewer/2022062421/56649e0c5503460f94af4c68/html5/thumbnails/44.jpg)
26/05/2001SMILManousos Bouloukakis
Specifying Adaptation in SMIL
![Page 45: SMIL Manousos Bouloukakis 26/05/2001 What does SMIL mean? Synchronized Multimedia Integration Language Pronounce it "smile" !](https://reader036.vdocuments.us/reader036/viewer/2022062421/56649e0c5503460f94af4c68/html5/thumbnails/45.jpg)
26/05/2001SMILManousos Bouloukakis
SMIL Test Attributes
![Page 46: SMIL Manousos Bouloukakis 26/05/2001 What does SMIL mean? Synchronized Multimedia Integration Language Pronounce it "smile" !](https://reader036.vdocuments.us/reader036/viewer/2022062421/56649e0c5503460f94af4c68/html5/thumbnails/46.jpg)
26/05/2001SMILManousos Bouloukakis
Specifying alternative behaviour
switch
• At most one of the children of a switch element is played.
• The first acceptable element is chosen, so ordering should be best first.
<switch>
<audio system- bitrate=" 44000" src=" hi-res. aiff" /><audio system- bitrate=" 16000" src=" low- res. aiff" />
</ switch>
• Test attributes can be combined.
![Page 47: SMIL Manousos Bouloukakis 26/05/2001 What does SMIL mean? Synchronized Multimedia Integration Language Pronounce it "smile" !](https://reader036.vdocuments.us/reader036/viewer/2022062421/56649e0c5503460f94af4c68/html5/thumbnails/47.jpg)
26/05/2001SMILManousos Bouloukakis
New Content Control in 2.0
Prefetch
• Control, timing, and adaptation of pre- loading media before its presentation
• Helps whole presentations progress with fewer hitches
Custom Test Attributes
• Anyone can define adaptive test attributes for use in SMIL
![Page 48: SMIL Manousos Bouloukakis 26/05/2001 What does SMIL mean? Synchronized Multimedia Integration Language Pronounce it "smile" !](https://reader036.vdocuments.us/reader036/viewer/2022062421/56649e0c5503460f94af4c68/html5/thumbnails/48.jpg)
26/05/2001SMILManousos Bouloukakis
Prefetch example
<smil>
<body>
<seq>
<par>
<prefetch id="endimage" src="http://www.example.org/logo.gif"/>
<text id="interlude" src=http://www.example.org/pleasewait.html fill="freeze"/>
</par> <video id="main-event" src="rtsp://www.example.org/video.mpg"/>
<image src="http://www.example.org/logo.gif" dur="5s"/>
</seq>
</body>
</smil>
![Page 49: SMIL Manousos Bouloukakis 26/05/2001 What does SMIL mean? Synchronized Multimedia Integration Language Pronounce it "smile" !](https://reader036.vdocuments.us/reader036/viewer/2022062421/56649e0c5503460f94af4c68/html5/thumbnails/49.jpg)
26/05/2001SMILManousos Bouloukakis
Linking
![Page 50: SMIL Manousos Bouloukakis 26/05/2001 What does SMIL mean? Synchronized Multimedia Integration Language Pronounce it "smile" !](https://reader036.vdocuments.us/reader036/viewer/2022062421/56649e0c5503460f94af4c68/html5/thumbnails/50.jpg)
26/05/2001SMILManousos Bouloukakis
Link from element to presentation
![Page 51: SMIL Manousos Bouloukakis 26/05/2001 What does SMIL mean? Synchronized Multimedia Integration Language Pronounce it "smile" !](https://reader036.vdocuments.us/reader036/viewer/2022062421/56649e0c5503460f94af4c68/html5/thumbnails/51.jpg)
26/05/2001SMILManousos Bouloukakis
Link from element to element
![Page 52: SMIL Manousos Bouloukakis 26/05/2001 What does SMIL mean? Synchronized Multimedia Integration Language Pronounce it "smile" !](https://reader036.vdocuments.us/reader036/viewer/2022062421/56649e0c5503460f94af4c68/html5/thumbnails/52.jpg)
26/05/2001SMILManousos Bouloukakis
Link from element to subpart of media object
![Page 53: SMIL Manousos Bouloukakis 26/05/2001 What does SMIL mean? Synchronized Multimedia Integration Language Pronounce it "smile" !](https://reader036.vdocuments.us/reader036/viewer/2022062421/56649e0c5503460f94af4c68/html5/thumbnails/53.jpg)
26/05/2001SMILManousos Bouloukakis
Areas as source and destination of a link
![Page 54: SMIL Manousos Bouloukakis 26/05/2001 What does SMIL mean? Synchronized Multimedia Integration Language Pronounce it "smile" !](https://reader036.vdocuments.us/reader036/viewer/2022062421/56649e0c5503460f94af4c68/html5/thumbnails/54.jpg)
26/05/2001SMILManousos Bouloukakis
Media object element revisited
<video id=" vid1" region=" R_ video"src=" rtsp:// www. w3. org/ CoolStuff. rm"clip- begin=" smpte= 00: 01: 19: 20"clip- end=" smpte= 00: 01: 38: 40"begin=" 3s"dur=" 22s"end=" 21s"alt=" Video of Joe chatting to Tim"longdesc=" Joe and Tim are in a meeting room. Joe
is ontheleft and Tim is on the right"title=" Joe greets Tim"system- bitrate=" 28800">
<area id=" joe" begin=" 0s" end=" 5s" coords=" 0%, 0%, 50%, 50%"
href=" http:// www. w3. org/" /> <area id=" tim" begin=" 5s" end=" 10s" coords=" 50%, 50%, 50%, 50%"href=" http:// www. w3. org/ Tim" /></ video>
![Page 55: SMIL Manousos Bouloukakis 26/05/2001 What does SMIL mean? Synchronized Multimedia Integration Language Pronounce it "smile" !](https://reader036.vdocuments.us/reader036/viewer/2022062421/56649e0c5503460f94af4c68/html5/thumbnails/55.jpg)
26/05/2001SMILManousos Bouloukakis
Semantic annotations
SMIL meta element defines properties of a document
• The name attribute is the property and the content attribute gives the value.
<meta name=" title" content=" Web News, 15th June 1998" />
<meta name=" base" content=" http:// www. cwi. nl/ SMIL/ webnews/" />
• The list of properties (values of name attribute) are open- ended.
Attributes on par , seq and media object elements
abstract , author , copyright , title (recommended)
Attributes on media object elements
alt (contains alternative text, recommended),
longdesc (supplement to alt , but longer and should include descriptions
of areas)
Attributes on region elements
title (recommended)
![Page 56: SMIL Manousos Bouloukakis 26/05/2001 What does SMIL mean? Synchronized Multimedia Integration Language Pronounce it "smile" !](https://reader036.vdocuments.us/reader036/viewer/2022062421/56649e0c5503460f94af4c68/html5/thumbnails/56.jpg)
26/05/2001SMILManousos Bouloukakis
Dynamic generated SMIL
Because of the text format of a SMIL document, it’s easy to be generated (like html) using standard technologies such as
CGI’s, PHP, Servlets. So we can have a SMIL document driven by a RDBMS or by User’s Selections.We will see an example of using
Java Servlets and Webmacro.
![Page 57: SMIL Manousos Bouloukakis 26/05/2001 What does SMIL mean? Synchronized Multimedia Integration Language Pronounce it "smile" !](https://reader036.vdocuments.us/reader036/viewer/2022062421/56649e0c5503460f94af4c68/html5/thumbnails/57.jpg)
26/05/2001SMILManousos Bouloukakis
WebMacro Templates
WebMacro is based in Java’s Servlet technology.It is a script language that separate content from presentation layer(Model View Controller).It can be used to generate dynamic pages (HTML pages,Wap,XML,SMIL..). User can use an ordinary editor (text editor,html editor) in order to make a page template with tags that webmacro engine evaluate on the fly. For more info visit http://www.webmacro.org
![Page 58: SMIL Manousos Bouloukakis 26/05/2001 What does SMIL mean? Synchronized Multimedia Integration Language Pronounce it "smile" !](https://reader036.vdocuments.us/reader036/viewer/2022062421/56649e0c5503460f94af4c68/html5/thumbnails/58.jpg)
26/05/2001SMILManousos Bouloukakis
System Architecture
SERVLET ENGINE
JAVA SERVLET
WEBMACRO TEMPLATE
INTERNET
WEBSERVER
CLIENT
DATABASE
![Page 59: SMIL Manousos Bouloukakis 26/05/2001 What does SMIL mean? Synchronized Multimedia Integration Language Pronounce it "smile" !](https://reader036.vdocuments.us/reader036/viewer/2022062421/56649e0c5503460f94af4c68/html5/thumbnails/59.jpg)
26/05/2001SMILManousos Bouloukakis
WebMacro Script Template
<body>
<par title="multiplexor">
<video src="$VIDEO" id="Video"
region="VideoChannel" title="Video"/>
<img src="$IMAGE" id="Headline Pix"
region="PixChannel" title="Headline Pix"/>
<text src="$TEXT" id="Ticker"
region="TextChannel" title="Ticker"/>
</par>
</body>
![Page 60: SMIL Manousos Bouloukakis 26/05/2001 What does SMIL mean? Synchronized Multimedia Integration Language Pronounce it "smile" !](https://reader036.vdocuments.us/reader036/viewer/2022062421/56649e0c5503460f94af4c68/html5/thumbnails/60.jpg)
26/05/2001SMILManousos Bouloukakis
WebMacro Servlet
Handle (Webmacro context) {
context.put(“VIDEO”,” http://stream.internet.com/wdvl/wdvl.rm”);
context.put(“IMAGE”,” http://stream.internet.com/wdvl/wdvl.rp”);
context.put(“TEXT”,” http://stream.internet.com/wdvl/wdvl.rt”);
return getTemplate(“SMILDEMO.smil”);
}
You call here any Java Object in order to put the right content px a Result Set from a DB
![Page 61: SMIL Manousos Bouloukakis 26/05/2001 What does SMIL mean? Synchronized Multimedia Integration Language Pronounce it "smile" !](https://reader036.vdocuments.us/reader036/viewer/2022062421/56649e0c5503460f94af4c68/html5/thumbnails/61.jpg)
26/05/2001SMILManousos Bouloukakis
Extensions to SMIL
www.real.com has develop some formats for Pictures, Text,Video that help to create powerful presentations.
•RealText
•RealAudio
•RealPix
![Page 62: SMIL Manousos Bouloukakis 26/05/2001 What does SMIL mean? Synchronized Multimedia Integration Language Pronounce it "smile" !](https://reader036.vdocuments.us/reader036/viewer/2022062421/56649e0c5503460f94af4c68/html5/thumbnails/62.jpg)
26/05/2001SMILManousos Bouloukakis
The RealPix Format
•Based on XML
•Support Dynamic Image Effects (wipe,fade,cross fade)
•One RealPix file combine many images.
•Time information can be included.
•Used by RealPlayer product.
![Page 63: SMIL Manousos Bouloukakis 26/05/2001 What does SMIL mean? Synchronized Multimedia Integration Language Pronounce it "smile" !](https://reader036.vdocuments.us/reader036/viewer/2022062421/56649e0c5503460f94af4c68/html5/thumbnails/63.jpg)
26/05/2001SMILManousos Bouloukakis
A Sample RealPix file
<imfl>
<head
timeformat="dd:hh:mm:ss.xyz“ duration="0:20“ bitrate="12000“ preroll="0:10"
width="256"
height="256"
aspect="true"/>
<image handle="1" name="mosque.jpg"/>
<fadein start="0:01" duration="0:03" target="1"/>
<!-- Zoom in. -->
<viewchange start="0:05" duration="0:03" srcx="32" srcy="32"
srch="192"/>
<!-- Zoom in even more. -->
<viewchange start="0:10" duration="0:03" srcx="64" srcy="64" "
srch="128"/>
<viewchange start="0:15" duration="0:03" srcx="0" srcy="0" "
srch="256"/> <!-- Zoom out. -->
</imfl>
![Page 64: SMIL Manousos Bouloukakis 26/05/2001 What does SMIL mean? Synchronized Multimedia Integration Language Pronounce it "smile" !](https://reader036.vdocuments.us/reader036/viewer/2022062421/56649e0c5503460f94af4c68/html5/thumbnails/64.jpg)
26/05/2001SMILManousos Bouloukakis
The previous example
![Page 65: SMIL Manousos Bouloukakis 26/05/2001 What does SMIL mean? Synchronized Multimedia Integration Language Pronounce it "smile" !](https://reader036.vdocuments.us/reader036/viewer/2022062421/56649e0c5503460f94af4c68/html5/thumbnails/65.jpg)
26/05/2001SMILManousos Bouloukakis
Deployment
There are many ways to publish a SMIL presentation to WEB:
•If the browser support SMIL (hope to) then just add a link to the web page as usual
•Through a link and automatically open a SMIL compatible application (Real Player,..).
•Include a small applet (SOYA-http://www.helio.org) and pass the SMIL file as an parameter.
![Page 66: SMIL Manousos Bouloukakis 26/05/2001 What does SMIL mean? Synchronized Multimedia Integration Language Pronounce it "smile" !](https://reader036.vdocuments.us/reader036/viewer/2022062421/56649e0c5503460f94af4c68/html5/thumbnails/66.jpg)
26/05/2001SMILManousos Bouloukakis
Using SOJA Applet
Inside your HTML code add this
<APPLET CODE="org.helio.soja.SojaApplet.class"
ARCHIVE="soja.jar" CODEBASE="../tutorial/"
WIDTH="400" HEIGHT="300">
<PARAM NAME="source" VALUE="demo.smil">
<PARAM NAME="bgcolor" VALUE="#000066">
</APPLET>
Location of Soja
SMIL file
Other parameters to applet
![Page 67: SMIL Manousos Bouloukakis 26/05/2001 What does SMIL mean? Synchronized Multimedia Integration Language Pronounce it "smile" !](https://reader036.vdocuments.us/reader036/viewer/2022062421/56649e0c5503460f94af4c68/html5/thumbnails/67.jpg)
26/05/2001SMILManousos Bouloukakis
Embedded SMIL in HTML
Ordinary HTML Code
SMIL presentation
![Page 68: SMIL Manousos Bouloukakis 26/05/2001 What does SMIL mean? Synchronized Multimedia Integration Language Pronounce it "smile" !](https://reader036.vdocuments.us/reader036/viewer/2022062421/56649e0c5503460f94af4c68/html5/thumbnails/68.jpg)
26/05/2001SMILManousos Bouloukakis
HTML+TIME
•Based on SMIL 2.0 Recommendation•Embedded in Internet Explorer 5.5
<HTML XMLNS:t ="urn:schemas-microsoft-com:time"> <HEAD> <STYLE> .time {behavior: url(#default#time2);} </STYLE> <?IMPORT namespace="t" implementation="#default#time2"> </HEAD> <BODY> <t:SEQ> <DIV CLASS="time" DUR="2">First line of text.</DIV> <DIV CLASS="time" DUR="2">Second line of text.</DIV> <DIV CLASS="time" DUR="2">Third line of text.</DIV> <DIV CLASS="time">Fourth line of text.</DIV> </t:SEQ> </BODY> </HTML>
![Page 69: SMIL Manousos Bouloukakis 26/05/2001 What does SMIL mean? Synchronized Multimedia Integration Language Pronounce it "smile" !](https://reader036.vdocuments.us/reader036/viewer/2022062421/56649e0c5503460f94af4c68/html5/thumbnails/69.jpg)
26/05/2001SMILManousos Bouloukakis
End of presentation
Useful Links
•http://www.w3.org/AudioVideo/•http://www.xsmiles.org/•http://www.w3.org/TR/smil20/•http://www.helio.org/
Authoring Tools•Ezer by SMIL Media •Fluition by Confluent Technologies •Grins by Oratrix •HomeSite by Allaire •MAGpie, a captioning tool by WGBH •Perly SMIL, a SMIL 1.0 Perl module •RealSlideshow 2.0 by RealNetworks •SMIL Composer SuperToolz by HotSausage •Smilme by Aurora •TAG Editor 2.0 - G2 release by Digital Renaissance ??? •VeonStudio by Veon •Validator: SMIL 1.0, SMIL 2.0, SMIL 2.0 Basic and XHTML+SMIL by CWI.