Skip to content
You are here: Home » Unsere Angebote für berufliche Schulen » Arbeitsgruppen » Online-Dienste » Online-News » Ausgabe 11 » SMIL - zeitabhängige Ankopplung von Informationen Landeswappen

SMIL - zeitabhängige Ankopplung von Informationen

Rudolf Arnold, Valckenburgschule Ulm
  
Einleitung

In der Dokumentation „Wie kommt der Sound ins Internet" wurde unter anderem beschrieben, wie man Textinformationen dadurch interessanter gestalten kann, daß man innerhalb des Textes Links auf Audio- (oder Video-)Dateien setzt. Dadurch können z.B. ganz gezielt nur die Interviews angehört werden, ohne auch noch die Moderation ablaufen lassen zu müssen.

Hier soll nun aber der umgekehrte Weg beschrieben werden. Zusammen mit einem Videofilm sollen während des Abspielvorgangs ergänzende Texte und andere Elemente wie z.B. Webseiten angezeigt werden und zwar abhängig von der jeweiligen Stelle im Video. Es geht also um eine zeitliche Ankopplung von Informationen an Video- und Audiopräsentationen im World Wide Web.

Die Kopplung kann einerseits, wie an anderer Stelle beschrieben, direkt mit SMIL (Synchronized Multimedia Integration Language) erfolgen. Es ist aber auch möglich, Tools zu verwenden, die einem die (manchmal mühsame) Programmierarbeit abnehmen. Ein solches Tool ist der RealProducer Pro G2, mit dem man ganz gezielt Bildunterschriften und Webseiten zeitabhängig an Video- oder Audiopräsentationen ankopplen kann.

Der Vorgang wird hier an einem kleinen Videoclip demonstriert, der Mitglieder der Haus- und Landwirtschaftlichen ZPG des LEU zeigt.

  
First Steps

Unmittelbar nach dem Start zeigt der RealProducer Pro ein Fenster, in dem ausgewählt werden kann, ob das letzte, irgendein vorhandenes oder ein neues Projekt bearbeitet werden soll:

  
RealProducer Bild 1
  
Wir wollen ein neues Projekt beginnen und klicken daher auf Create a new project. Darauf zeigt sich das eigentliche Programmfenster:
  
RealProducer Bild 2
  
Hier bleibt im Moment nur die Option Add Media mit der Videos, Audiodateien oder andere Multimediaelemente ausgewählt werden können.
  
RealProducer Bild 3
  
Wir wählen die Datei zpg.avi und klicken auf Öffnen. Im linken Monitorfenster zeigt sich das erste Bild des Videoclips. Im Hauptfenster machen wir die entsprechenden Angaben über Titel, Autor und Copyright:
  
RealProducer Bild 4
  
Mit Play, Stop, Pause und anderen Tasten kann der Clip abgespielt werden.
  
Original mit Untertiteln

Als erstes wollen wir nun Untertitel an den entsprechenden Stellen einfügen. Der Clip wird dazu bis zur gewünschten Stelle abgespielt. Man kann auch mit dem Shuttle-Schieber manuell bis zu dieser Stelle spulen. Dieser Vorgang entspricht dem Bildsuchlauf beim Videorecorder. Nun einfach auf Add Caption klicken und schon kann man die entsprechenden Textinfos eingeben:

  
RealProducer Bild 5
  
Es ist auch möglich einen URL-Link an den Text zu koppeln. Außerdem kann im Register Text Properties die Größe, die Farbe und andere Texteigenschaften gesetzt werden. Wichtig ist hier die Option Clear Previous, wenn man will, daß der vorige Text gelöscht wird. Auf OK klicken: Ein gelber Punkt auf der Zeitleiste zeigt nun die gesetzte Stelle an:
  
RealProducer Bild 6
  
Pink Events

Mit Add Event können zeitgesteuert Ereignisse wie das Aufrufen einer Webseite ausgelöst werden:

  
RealProducer Bild 7
  
Mit Launch URL wird eine Webseite aufgerufen. Soll diese in einem Frame angezeigt werden, so ist unter Display in Frame ein sinnvoller (aber ansonsten beliebiger) Name für den Frame anzugeben. Der Name wird später beim Erstellen der zugehörigen Webseite benötigt.
  
RealProducer Bild 8
  
Clickable Image bedeutet, daß der Vorgang nur ausgelöst wird, wenn man an der betreffenden Stelle auf das Videobild klickt. Mit Clear Clickable Image wird diese Option an anderer Stelle wieder gelöscht. Es kann durchaus sinnvoll sein durch paralleles Setzen eines Untertitels auf diese Optionen hinzuweisen...

Die Punkte für die Events werden in Pink angezeigt. Man kann sie im übrigen genauso wie die gelben Punkte auf der Zeitleiste verschieben und mit Doppelklick auch bearbeiten.

  
RealProducer Bild 9
  
Man sollte übrigens nie vergessen immer wieder den aktuellen Zustand des Projekts über File _ Save Project zu sichern !
  
Kompression

Anders als beim RealProducer und beim RealProducer Plus kann hier die Kompression sehr gezielt eingestellt werden. Die hier vorgegebenen Kompressionen sind aber meist für Sure Stream unter Verwendung des RealServer eingestellt. Bei Sure Stream wird übrigens die Bitrate automatisch der aktuellen Übertragungskapazität angepasst. Hier soll aber nur eine feste Bitrate verwendet werden, um das Streaming von einem normalen Webserver machen zu können.

Zur Einstellung der Kompression in der Menüleiste Presentation _ Modify Compression _ New wählen und dann passende Parameter wählen:

  
RealProducer Bild 10
  
Die Einstellungen sollten natürlich für spätere Verwendung gespeichert werden. Deshalb sind hier passende Beschreibungen und Namenserweiterungen für die Ausgangsdateien (in Anlehnung an vorhandene Einstellungen) vorzunehmen. Nun auf Save klicken und noch einen entsprechenden Dateinamen eingeben:

Jetzt über die Schaltfläche Compression... die gerade erstellte neue Einstellung auswählen !

  
RealProducer Bild 12
  
Layout

Ebenfalls im Programmfenster des RealProducer Pro befindet sich die Schaltfläche Layout... Ein entsprechender Klick führt zu einem Auswahlfenster für die Layouts:

  
RealProducer Bild 13
  
Da Video mit Untertiteln gezeigt werden sollen, wählen wir im Register Player Stage das Layout Closed Caption. Die Einstellungen für das Textfenster wollen wir so belassen. Wichtig ist neben dem Erscheinungsbild innerhalb des Players, auch das Aussehen der Webseite
Online-News Ausgabe 11, Januar 2000 Seite
überhaupt. Wir gelangen zu den entsprechenden Einstellungen über das Register Web Page:
RealProducer Bild 14
  
Wichtig ist hier vor allem, daß beim Player Layout Embedded angeklickt wird, da sonst die Frames nicht funktionieren ! Durch Automatically start playing the video wird sichergestellt, daß der Abspielvorgang von selbst beginnt. Außerdem soll die Webseite automatisch für uns erstellt werden. Deshalb auch Generate Web Page auswählen.

Nun im Programmfenster auf Generate klicken und den Encoding-Vorgang „geniessen".

  
RealProducer Bild 15
  
Preview _ Publish _ Wash and Go...

Nein ich will hier niemanden langweilen.... Es geht praktisch genauso wie in der Dokumentation „Video on Demand im Internet" beschrieben. Nach der Vorschau mit Preview.. gelangt man über Publish... zu den entsprechenden Eingabefeldern für FTP- und WWW-Server. Und Hokuspokus, Simsalabim sind alle benötigten Dateien auf dem Webserver und brauchen nur noch entsprechend von der Hauptseite aus verlinkt zu werden.Das Ergebnis kann sich sehen lassen:

  
RealProducer Bild 16
  
Die Untertitel erscheinen passend zum Bild und wie von Geisterhand öffnen sich auch im Frame die ausgewählten Webseiten. Und wenn man zum richtigen Zeitpunkt auf das Videobild klickt, gibt's noch Zusatzinfos.