HTML Multimedia-Einbindung

Allgemeine Informationen
Multimedia mit Netscape-Syntax <embed>
Alternative Angaben <noembed>
Multimedia mit Msie-Syntax <object>
ActiveX mit <object>
Einbinden von Java-Applets <applet>



Allgemeine Informationen    
Unter Multimedia ist zu verstehen:
Datendateien, die in Fremdformaten vorliegen und Ausgaben erzeugen, die über Text und www-gerechte Grafik hinausreichen.

Also zum Beispiel
  • Sound (*.wav, *.mid, *.mp3, ..)
  • Video (*.mov, *.avi, *.mpeg, ..)
  • Animation (*.swf [Flash], *.class [Java], ..)
  • Tabellen (*.xcl [Excel-Tabellen], ..)
  • Präsentationsgrafik,
  • Vektorgrafik,
  • CAD-Grafik,
  • 3D-Grafik,
  • VRML-Dateien
  • ...

Ein heutiger WWW-Browser kann solche Dateien anzeigen, wenn der Anwender ein entsprechendes Plugin installiert hat.
Wenn das Plugin installiert ist, kann der WWW-Browser die Datei so in seinem Anzeigefenster präsentieren, wie sie von dem Ursprungsprogramm erstellt wurde.
Bei Abspielvorgängen, etwa von Videos oder Sound, wird ein entsprechender Player angezeigt - je nachdem, wie das Plugin beschaffen ist.
Wenn dem Browser eine Verknüpfung zwischen der Dateiendung und einem Fremdprogramm bekannt ist, kann er das Fremdprogramm mit der betreffenden Datei starten.

Die Anzeige von Multimedia-Daten in HTML-Dokumenten ist jedoch sehr stark von Systemeinstellungen abhängig.
Einige Multimedia-Elemente benötigen z.B. hohe Systemressourcen oder zusätzliche Programme, die auf dem jeweiligen System installiert sein müssen.

Welcher Browser verwendet wird, die Browserversionen und -einstellungen sind ebenfalls von enormer Bedeutung.
Das <object>-Tag (s.u.) wird z.B. vom Netscape ignoriert.

Aufgrund dieser Problematik kann es bei der Darstellung von Multimedia-Daten in HTML-Dateien zu unverhersehbaren Problemen kommen.
Man sollte daher sehr sorgfältig bei der Auswahl bzw. Einbindung von Multimedia-Daten vorgehen, niemals die Zielgruppe der Internet-Präsentation aus den Augen verlieren und die erstellten HTML-Dateien in verschiedenen Browsern auf verschiedenen System ausreichend testen.

Weiterhin ist die Dateigröße der Multimedia-Datei zu beachten.
Die Dateigröße ist unmittelbar für die Ladezeit des HTML-Dokuments verantwortlich.
Bei großen Dateien können, je nach Übertragungszeit der Verbindung, Minuten vergehen bis die Multimedia-Datei geladen ist.
"Faustformel" für eine 9.600bps-Verbindung: pro KB eine Sekunde Ladezeit.


Multimedia mit Netscape-Syntax - <embed>

Mit Hilfe des <embed>-Tags können beliebige Multimedia-Daten in HTML-Dateien eingebunden werden.

Der Msie ab Version 4.x interpretiert diese Angabe ebenfalls.
Beispiel:

<embed
src="welcome.avi"
width="300"
height="150"
type="video/x-msvideo"
loop="true"
autostart="true">

<embed src=""> src="pfadangabe"
width="pixel"
height="pixel"
units="pixels|en"
align="top|middle|bottom|left|right"
hspace="pixel"
vspace="pixel"
border="pixel"
type="MIME-Type"
pluginurl="URL"
pluginpage="URL"
hidden="true|false"
autostart="true|false"
loop="true|false"

Alternative Angaben

Angaben für Browser, die das <embed>-Tag nicht interpretieren.

<noembed>
alternative Angaben
</noembed>

Multimedia mit Msie-Syntax - <object>

Mit Hilfe des <object>-Tags können beliebige Multimedia-Daten in HTML-Dokumente eingebunden werden.

Der Netscape 4.x interpretiert diese Angabe nicht.

Beispiel:

<object
data="spinne.mov"
type="video/quicktime"
width="300"
height="150"
standby=".. lade Video">

alternative Angaben

</object>

<object data="">
alternative Angaben </object>
data="pfadangabe"
type="MIME-Type"
border="pixel"
width="pixel"
height="pixel"
align="top|middle|bottom"
hspace="pixel"
vspace="pixel"
standby="text"

ActiveX mit <object> <object data="">
alternative Angaben
</object>

classid="Registriernummer"
data="ActiveX-Datei"
codebase="pfad"

Einbinden von Java-Applets <applet>

Das Beispiel bindet eine Java-Datei "AnimT3.class", die sich im Unterverzeichnis "apples" befindet, in das HTML-Dokument ein.

Dem Java-Programm werden hier mit Hilfe des param-Attributs fünf Werte übergeben.<br>

Empfohlene Methode für beide Browser.
Beispiel:

<applet
code="AnimT3.class"
codebase="apples"
width="250"
height="50">

<param name="text" value="eine Laufschrift">
<param name="fontName" value="Verdana">
<param name="fontSize" value="24">
<param name="farbe" value="5">
<param name="speed" value="10">

</applet>

<applet code="">

Parameter-Angaben

</applet>
code="java-class-Datei"
codebase="pfad"
alt="alternativer text"
width="pixel"
height="pixel"
align="left|right|top|middle|bottom"
hspace="pixel"
vspace="pixel"

<param
name=""
value="">

name="parameter-name"
value="parameter-wert"