was ist smil ?
DESCRIPTION
Was ist SMIL ?. S ynchronized M ultimedia I ntegration L anguage Ausprache wie das englische Wort “smile” {smaIl} August 2001 SMIL 2.0 W3C Recommendation Juni 1998 SMIL 1.0 W3C. HTML versus SMIL. HTML - PowerPoint PPT PresentationTRANSCRIPT
Seminar XML-Technologien: VoiceXML/SMIL
1
Was ist SMIL ?
• Synchronized Multimedia Integration Language
• Ausprache wie das englische Wort “smile” {smaIl}
• August 2001– SMIL 2.0 W3C Recommendation
• Juni 1998– SMIL 1.0 W3C
Seminar XML-Technologien: VoiceXML/SMIL
2
HTML versus SMIL
• HTML– Layout einer HTML-Seite kann exakt
gestaltet werden und Objekte verschiedener Formate integriert.
• SMIL– unterstützt jede Art Multimediaobjekt
(Video, Audio usw.)– ermöglicht eine zeitliche Steuerung der
Präsentation.
Seminar XML-Technologien: VoiceXML/SMIL
3
Wozu wird SMIL verwendet ?
• SMIL dient zur zeitlichen Steuerung und Kontrolle der Übertragung.
• Der Ablauf einer Präsentation kann kontrolliert werden.
• Auch das Layout kann mittels SMIL kontrolliert werden.
SMIL dient der Positionierung, Synchronisation und
Präsentation von Multimediaobjekten.
Seminar XML-Technologien: VoiceXML/SMIL
4
Anwendungsbereich
• Die Nutzung von SMIL ist prinzipiell nicht an das Internet gebunden.
• Hauptanwendungsbereich sind jedoch Multimediapräsentationen im Internet.
• Es besteht ein enger Zusammenhang zur Streaming Technologie (RealNetworks).
Seminar XML-Technologien: VoiceXML/SMIL
5
Welche Vorteile bietet SMIL ?
Bild1.jpg
Song.wav
Video.rm
Bild2.jpgBild1.jpg
Video.rmBild2.jpg
Song.wav
Bild2.jpg
Video.rm
Die einheitlich zu präsentierten Multimediaobjekte müssen nicht auf dem selben Server vorliegen.
Seminar XML-Technologien: VoiceXML/SMIL
6
Weitere Vorteile von SMIL
• Unterstützung von Multilingualität z.B. ein Video mit mehreren Sprachversionen
• Unterstützung unterschiedlicher Bandbreiten.
Es wird möglich, die Übertragung ein- und derselben Version einer Multimediapräsentation an die Bandbreite des Benutzers anzupassen.
Seminar XML-Technologien: VoiceXML/SMIL
7
Aufbau eines SMIL Dokuments
• Ein SMIL-Dokument besteht aus zwei Teilen:– <head> optionalBeinhaltet Informationen die nicht mit dem
zeitlichenAblauf zusammenhängen.– <body>Beinhaltet Informationen zu den temporären und Link-Eigenschaften. Hier auch die konkreten
Inhaltswerteder Medienelemente zugewiesen.Synchronisationselemente regeln den zeitlichenVerlauf.
<smil> <head> <meta> <!-- Informationen über das
Dokument (wie in HTML) --> </meta> <layout> <root-layout ...../> <region id=test1 ... /> </layout> </head> <body> <!-- Medien Daten, i.A. Datenelemente
und Informationen zum zeitlichen Ablauf, so wie zur Synchronisation -->
</body></smil>
Seminar XML-Technologien: VoiceXML/SMIL
8
Definition des Layouts<smil> <head> <meta> <!-- allg. Informationen --> </meta> <layout> <root-layout ...../> <region id=test1 ... /> <region id=test2 ... /> </layout> </head> <body> <!-- Medien Daten--> </body></smil>
Legt die Grösse des Präsentations-fensters fest.
Legt einzelne Regioneninnerhalb des Präsentations-fensters fest
root-layout
region test1
region test2
Seminar XML-Technologien: VoiceXML/SMIL
9
Steuerung von Medienobjekten
• Zwei Arten von Objekten werden unterschieden:– Medienelemente mit einer internen Zeitschiene
<audio /> <video />
– Medienelemente ohne eine interne Zeitschiene<img /><text /><textstream /><animation />
Seminar XML-Technologien: VoiceXML/SMIL
10
Zeitliche Steuerung
• Es gibt zwei Strategien die Präsentationszeit von Medienobjekten zu steuern.– Steuerung des Präsentationsbeginns, der
Dauer und des Präsentationsendes eines Objekts mittels entsprechenden Attributen.
– Steuerung des Präsentationsbeginns, der Dauer und des Präsentationsendes mehrerer Objekte mittels Synchronisationselementen.
Seminar XML-Technologien: VoiceXML/SMIL
11
Das Zeitmodell von SMIL• SMIL kennt für Beginn/Ende einer Präsentation eines
Medienobjekts zwei unterschiedliche Typen von Startzeitpunkten:– implizit
z.B. Eine Reihenfolge von Elementen wird gezeigt. Ein Element wird fix nach dem Anderen präsentiert.
– explizit
Die Attribute begin und end Kontrollieren die Präsentation eines Objekts unabhängig von den Restlichen.
Seminar XML-Technologien: VoiceXML/SMIL
12
<head><layout>
<root-layout width=“247" height=“216" background-color=“white"/> <region id=“region1" top=“10" left=“8" height="181" width="216“ <region id=“region2" top=“125" left=“125" height="181" width="216“
</layout></head><body><img id= “apfel" src=“apfel.jpg" region =“region1“/><img id= “birne" src=“birne.jpg" region =“region1“/>
<img id= “auto" src=“auto.jpg" region =“region2“ begin= “2s“ dur= “10s" /></body>
Beispiel implizierter und expliziter Startzeitpunkt
Implizit:Im Bereich region1 wird nacheinanderBild apfel.jpg und birne.jpg gezeigt.
birne.jpg wird nie vor apfel.jpg präsentiert.
Explizit:Im Bereich region2 wird 2s nach Start des Players auto.jpg für 10s eingeblendet.
Seminar XML-Technologien: VoiceXML/SMIL
13
Interne und externe Zeitschiene
• Die Attribute begin und end sind auf die externe Zeitschiene bezogen wie Start des Players.
• Objekte mit einer internen Zeitschiene (Audio- und Videoclips) können zusätzlich durch clip-begin und clip-end kontrolliert werden.
<audio src=“audio1.rm“ clip-begin=“10s“ clip-end=“20s”>
Die ersten 9s werden übersprungen und der Clip nach 20s beendet.
Seminar XML-Technologien: VoiceXML/SMIL
14
<seq> <video src="logo1.mov" region="logo" /> <audio src="gong.wav" /> <video src="logo2.mov" region="logo" /> </seq>
Synchronisationselemente
Audio
Video
0s 7s 15s 30s
logo1.mov
gong.wav
logo1.mov
Das <seq> Element:Bewirkt, dass Medienobjekte explizit nacheinander präsentiert werden.
Seminar XML-Technologien: VoiceXML/SMIL
15
Synchronisationselemente
<par> <img src=“titel.jpg" region=“TitelBild“ begin= “0s“ dur= “7s" /> <video src="vortrag1.mov" region="Bild1" begin= “0s“ dur= “15s" /> <audio src=“sound.wav" begin= “0s“ dur= “10s" /> </par>
Audio
Video
0s 7s 15s 30s
vortrag.mov
sound.wav
Imagetitel.jpg
Das <par> Element:Bewirkt, dass Medienobjekte explizit simultan präsentiert werden.
Seminar XML-Technologien: VoiceXML/SMIL
16
Ereignisbasierte Synchronisation
• Nun wird die Präsentation eines Medienobjekts 2 in Abhängigkeit zu einem Objekt 1 gestellt.
– Beginne Objekt 2 zu präsentieren zeitgleich zu Beginn von Objekt 1.
– Beginne Objekt 2 zu präsentieren z.B. 5s nach Start von Objekt 1.
– Starte Objekt 2, wenn Objekt 1 endet.
Seminar XML-Technologien: VoiceXML/SMIL
17
Logische Synchronisation
• Mit dem <switch>-Element kann eine Folge von Alternativen definiert werden, aus welchen der Player in Abhängigkeit von Testparametern auswählen kann.Z.B. – symstem-bitrate – system-language– system-screen-size
Seminar XML-Technologien: VoiceXML/SMIL
18
SMIL versus ...
• SMIL– Real Networks Real G2-Player komplett auf der Grundlage
von SMIL 1.0
• Flash– Bietet ein erweitertes Anwendungsfeld.– Die Schwerpunkte liegen auf anderen gebieten sie der
Animation.– Eine zeitliche Steuerung von Multimediaobjekten ist
möglich.
• HTML+ TIME– Erweiterung von HTML die Analog zu SMIL fungiert.– Keine Trennung von Layout und Inhalt!
Seminar XML-Technologien: VoiceXML/SMIL
19
LinksSMIL 2.0 http://www.w3.org/TR/smil20/
SMIL 1.0 http://www.w3.org/TR/REC-smil/
Tutorials http://www.helio.org/products/smil/tutorial/
http://v.hdm-stuttgart.de/~keitz/skripte/SMILStart.htm
Player Real Player http://www.real.com/player/
Soja http://www.helio.org/products/smil/download/
GRinS http://www.oratrix.com/
XML Browser http://www.x-smiles.org/der SMIL2.0 unterstützt