190 likes | 338 Views
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
E N D
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
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
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
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
Bild2.jpg Video.rm Video.rm Bild2.jpg Bild1.jpg Song.wav Welche Vorteile bietet SMIL ? Bild1.jpg Die einheitlich zu präsentierten Multimediaobjekte müssen nicht auf dem selben Server vorliegen. Song.wav Bild2.jpg Video.rm Seminar XML-Technologien: VoiceXML/SMIL
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
Aufbau eines SMIL Dokuments <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> • Ein SMIL-Dokument besteht aus zwei Teilen: • <head> optional Beinhaltet Informationen die nicht mit dem zeitlichen Ablauf zusammenhängen. • <body> Beinhaltet Informationen zu den temporären und Link-Eigenschaften. Hier auch die konkreten Inhaltswerte der Medienelemente zugewiesen. Synchronisationselemente regeln den zeitlichen Verlauf. Seminar XML-Technologien: VoiceXML/SMIL
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. root-layout region test1 region test2 Legt einzelne Regionen innerhalb des Präsentations- fensters fest Seminar XML-Technologien: VoiceXML/SMIL
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
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
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
Implizit: Im Bereich region1 wird nacheinander Bild 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. Beispiel implizierter und expliziter Startzeitpunkt <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> Seminar XML-Technologien: VoiceXML/SMIL
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
Synchronisationselemente Das <seq> Element: Bewirkt, dass Medienobjekte explizit nacheinander präsentiert werden. <seq> <video src="logo1.mov" region="logo" /> <audio src="gong.wav" /> <video src="logo2.mov" region="logo" /> </seq> Audio gong.wav logo1.mov logo1.mov Video 30s 0s 7s 15s Seminar XML-Technologien: VoiceXML/SMIL
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> Das <par> Element: Bewirkt, dass Medienobjekte explizit simultan präsentiert werden. Image titel.jpg Audio sound.wav vortrag.mov Video 30s 0s 7s 15s Seminar XML-Technologien: VoiceXML/SMIL
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
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
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
Links SMIL 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 Seminar XML-Technologien: VoiceXML/SMIL