Vorwort
Grundlagen
Layout
Zeit
Bilder und Texte
SMIL und HTML
Überblick
Das <embed>-Elemente
Das <object>-Elemente
Referenz
Beispiele
Anhang
Quellen
|
5. Integration von SMIL-Präsentationen in eine HTML-Seite
5.2. Das <embed>-Element
5.2.1. <embed> ohne SMIL-Dokument
Das <embed>-Element dient der Integration von Objekten in eine HTML-Seite. Für diesen Zwecke sind folgende Attribute von Bedeutung:
- src = Multimediadatei oder SMIL-Datei
- type = Objekttyp
- width = Breite der Präsentationsfläche in Pixeln oder % des Browserfensters
- height = Höhe der Präsentationsfläche in Pixeln oder % des Browserfensters
- 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 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
Das <embed>-Element lautet im einfachsten Fall:
<embed src="..." width=300 height=150>
Mit diesem Element wird ein Bereich von 300 x 150 Pixeln in der HTML-Seite definiert, in der die Multimediapräsentation sichtbar wird. Um die Präsentation zu beschleunigen sollte die Java-Maschine des Navigators ausgeschaltet sein. Unser Beispiel lautet dann:
<embed src="..." width=300 height=150 nojava=true>
Das folgende Beispiel zeigt eine einfache Integration des Realplayers in eine HTML-Seite:
<HTML>
<HEAD>
<TITLE>Der embed-Tag</TITLE>
</HEAD>
<BODY BGCOLOR="FFFFFF">
<CENTER>
<P>
<P>
<H1>Der embed-Tag</H1>
<P>
Mit diesem Beispiel soll demonstriert werden, wie eine Flaeche von 300 x 150 Pixeln als Multimediapraesentationsflaeche in eine fuer den Netscpae Navigator optimierte HTML-Seite integriert werden kann.
<EMBED SRC="DRT3461.PPT.rpm" type="audio/x-pn-realaudio-plugin" CONSOLE="Clip1" CONTROLS="ImageWindow" HEIGHT=150 WIDTH=300 AUTOSTART=true>
</BODY>
</HTML>
Mit dem <noembed>-Element werden alternative Präsentationsmöglichkeiten definiert, falls der Browser das Objekt nicht akzeptiert. Beispiel:
<noembed><a href="...">Starten Sie den Realplayer</a></noembed>
Wie das Beispiel zeigt, wird in der HTML-Seite eine Präsentationsfläche sichtbar, die von einem Realplayer-Fenster ausgefüllt wird. Es fehlen die einzelnen Steuerelement, mit deren Hilfe der Player beispielsweise gestartet, gestoppt oder vor- und zurückgespult werden kann. Welche Steuerelemente in der HTML-Seite sichtbar werden, wird über das controls-Attribut gesteuert. Folgende Werte sind für das controls-Attribut möglich:
- ImageWindow = Präsentationsfenster
- All = alle Steuer- und Informationselemente
- ControlPanel = alle Steuerelemente
- PlayButton = Start- und Pauseknopf
- PlayOnlyButton = Startknopf
- PauseButton = Pauseknopf
- Stopbutton = Stoppknopf
- FFCtrl = Vorwärtsspulen
- RWCtrl = Rückspulen
- MuteCtrl = Ton-Aus-Knopf
- MuteVolume = Lautstärkeregler mit Ton-Aus-Knopf
- VolumeSlider = Lautstärkeregler ohne Ton-Aus-Knopf
- PositionSlider = Clipppositionsregler
- TACCtrl = Clippinformationsfeld
- HomeCtrl = Real-Logo
- InfoVolumePanel = Präsentationsinformationsfeld mit Lautstärke-regler
- InfoPanel = Präsentationsinformationsfeld ohne Lautstärkeregler
- StatusBar = Statusanzeige
- StatusField = Statusfeld
- PositionField = Positionsfeld
Sollen mehrere Steuerungselemente des Realplayers in eine HTML-Seite eingefügt werden, muss für jedes Element ein eigenes <embed>-Element definiert werden; die einzelnen <embed>-Elemente werden dann unter einem "consol"-Namen zusammengefasst. Um eine aus einem Präsentationsfenster bestehende Präsentationsfläche um einen Stoppknopf zu erweitern, muss das oben stehende Beispiel wie folgt verändert werden:
<HTML>
<HEAD>
<TITLE>Der embed-Tag</TITLE>
</HEAD>
<BODY BGCOLOR="FFFFFF">
<CENTER>
<P>
<P>
<H1>Der embed-Tag</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.
<EMBED SRC="DRT3461.PPT.rpm" type="audio/x-pn-realaudio-plugin" CONSOLE="Clip1" CONTROLS="ImageWindow" HEIGHT=150 WIDTH=300 AUTOSTART=true>
<EMBED SRC="DRT3461.PPT.rpm" type="audio/x-pn-realaudio-plugin" CONSOLE="Clip1" CONTROLS="StopButton" HEIGHT=26 WIDTH=26 AUTOSTART=true />
</BODY>
</HTML>
Eine weitere Möglichkeit, verschiedene <embed>-Elemente zu einer Einheit zusammenzufassen, besteht darin, definierte Attributwerte für das Attribut "console" zu benutzen. Folgende Attributwerte können benutzt werden:
_master, alle "controls"-Attribute werden zu einer einzigen Präsentation zusammengefasst
_unique, alle "controls"-Attribute werden als separate Präsentationen gewertet.
5.2.2. <embed> mit SMIL-Dokument
Mit dem <embed>-Element kann jedes beliebige mit dem Realplayer präsentierbare Multimediaobjekt unmittelbar in eine HTML-Seite integriert werden, ohne dass wir ein SMIL-Dokument hierfür erzeugen müssten. Wird im <embed>-Element ein SMIL-Dokument als Quelle angegeben, ist darauf zu achten, das die im <embed>-Element definierte Präsentationsfläche ausreichend bemessen ist, um das im SMIL-Dokument definierte Layout vollständig sichtbar werden zu lassen.
|