HOME - SMIL: Version 1.0 vom 04.04.2000 © Wolfgang von Keitz


Vorwort
Grundlagen
Layout
Zeit
Bilder und Texte

SMIL und HTML

Referenz
Beispiele
Anhang
Quellen

5. Integration von SMIL-Präsentationen in eine HTML-Seite

5.3. Das <object>-Element

Microsoft benutzt, wie bereits gesagt, die ActiveX-control-Technik, um Multimediapräsentationen in HTML-Seiten zu integrieren. In diesem Fall wird nicht das <embed>-Element sondern das <object>-Element mit <object> als Eröffnungs- und </object> als Schlusstag benutzt. Inzwischen hat die W3C-Kommission mit der Veröffentlichung des HTML4-Standards das <object>-Element zur Integration von Objekten in HTML-Seiten als verbindlich erklärt. Die Benutzung des <object>-Elements entspricht damit dem W3C-Standard.

Mit dem <object>-Element kann jedes beliebige Objekt in eine HTML-Seite integriert werden. Die hier besprochen Anwendung des <object>-Elements ist auf die Einbindung des Realplayers begrenzt.

Für unsere Problemstellung sind folgende Attribute des <object>-Elements von Bedeutung:

  • id =
  • classid = Playeridentifikationsnummer mit clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA für den Realplayer
  • width = Breite in Pixeln oder % des Browserfensters
  • height = Höhe in Pixeln oder % des Browserfensters

Mit

<object id=rvocx classid="clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA" width=300 height=150>

wird innerhalb einer HTML-Seite eine Präsentationsfläche der Größe 300 x 150 definiert.

Innerhalb des <object>-Elements lassen sich beliebig viele Parameter nach dem Muster

<param name="Name" value="Wert">

definieren. Die Attribute, die wir vom <embed>-Element her kennen, werden beim <object>-Element als getrennte Parameter definiert und in das <object>-Element eingeschlossen. Im einzelnen sind dies:

  • src = Multimediadatei oder SMIL-Datei
  • region = durch layout definierte Fläche des Präsentationsfensters
  • nojava = true oder false, schaltet die Java-Maschine von Netscape aus oder ein
  • consol = Name eines definierten Layouts des Realplayers
  • controls = definiert die Auswahl der Regler des Realplayers
  • backgroundcolor = Hintergrundfarbe des Präsentationsfenster in Hexadezimal oder Farbnamen
  • center = true, der Clip wird im Präsentationsfenster zentriert; false, der Clip füllt das Präsentationsfenster voll aus
  • maintainaspect = true, der Clip das Höhen-zu-Breite-Verhältnis bleibt konstant 1:1; false, der Clip wird an die Größe des Präsentationsfensters angepasst, was zu Verzerrungen führen kann
  • nolabels = true, Clipinformationen werden unterdrückt; false, Clipinformationen werden präsentiert
  • nologo = true, kein Reallogo wird vor dem Clip präsentiert; false, das Reallogo wird präsentiert (Voreinstellung)
  • autostart = true, startet den Clip automatisch mit der Präsentation der HTML-Seite; false, der Clip muss durch den Nutzer gestartet werden
  • loop = true, der Clip wird laufend neu gestartet; false = der Clip wird einmal gestartet und muss vom Nutzer immer neu gestartet werden
  • numloop = Zahl der Wiederholungen in ganzen Zahlen
  • shuffle = bei einer Folge von Clips; true, spielt die Clipfolge nach Zufallsauswahl; false, spielt die Clips in der angegebenen Folge

Wenn wir für das vorausgegangene Beispiel das <object>-Element an Stelle des <embed>-Elements benutzen, so lautet das Beispiel:

<HTML>
<HEAD>
<TITLE>
Das <object>-Element</TITLE>
</HEAD>
<BODY
BGCOLOR="FFFFFF">
<CENTER>
<P>
<P>
<H1>
Das object-Element</H1>
<P>
Mit diesem Beispiel soll demonstriert werden, wie eine Flaeche von 300 x 150 Pixeln als Multimediapraesentationsflaeche inklusive eines Stoppbuttons in eine HTML-Seite integriert werden kann.
<p>
<object
id=RVOCX classid="clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA" HEIGHT=150 WIDTH=300 >
<param
name="src" value="drt3461.ppt.rpm">
<param
name="controls" value="ImageWindow">
<param
name="console" value="Clip1">
<param
name="autostart" value="true">
</object>
<object
id=RVOCX classid="clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA" HEIGHT=25 WIDTH=25 >
<param
name="src" value="drt3461.ppt.rpm">
<param
name="controls" value="StopButton">
<param
name="console" value="Clip1">
<param
name="autostart" value="true">
</object>
</BODY>
</HTML>

Es ist darauf zu achten, dass jedes <object>-Element mit jeweils einem </object>-Tag abgeschlossen wird.