Was ist SMIL ?

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


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.


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.


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).


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.


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.

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>  </meta> <layout> <root-layout ...../> <region id=test1 ... /> </layout> </head> <body> 

</body></smil>

8

Definition des Layouts<smil> <head> <meta>  </meta> <layout> <root-layout ...../> <region id=test1 ... /> <region id=test2 ... /> </layout> </head> <body>  </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


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 />


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.


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.


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.


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.


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.


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.


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.


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


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!


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

Was ist SMIL ?

Documents

Transcript of Was ist SMIL ?