Das Homepage-Handbuch speziell für blutige Anfänger

Beispielseite - Multimedia

Hintergrundmusik Beispiel 2 - Plug-In mittels altem <embed>-Tag

Wählen Sie aus dem Hauptmenü von Namo WebEditor Einfügen - Objekt > Plug-In
Im darauf folgenden Dialog "Plug-In Eigenschaften" geben Sie den Namen der gewünschten MIDI-Datei in das Eingabefeld "Pfad" ein bzw. klicken Sie auf den Button [Durchsuchen], um die Datei auf Ihrer Festplatte zu lokalisieren. Geben Sie dann die Breite und die Höhe an (300x25 Pixel wäre wieder prima für den Anfang) und klicken dann auf [OK]. Das Ergebnis wird sich von der vormals beschriebenen Muskibox kaum unterscheiden. Allerdings fehlt in den Plug-In Eigenschaften eine Angabe für den Autostart. Wir wollen ja, dass das Lied ganz sicher sofort startet, wenn die Seite geladen wurde. Daher müssen wir einen kleinen Eingriff im HTML-Code machen:
Klicken Sie im Editor auf das MIDI-Plug-In, um es auszuwählen. Dann wechseln Sie in die HTML-Ansicht. Sie finden dort in etwa folgende (markierte) HTML-Zeile:

<embed src="midisequenz.mid" width="300" height="25">

Erweitern Sie das um das Attribut autostart="true". Damit erzwingen Sie das automatische Abspielen. So müsste das dann aussehen:

<embed src="midisequenz.mid" width="300" height="25" autostart="true">

Danach können Sie wieder zurück in den Editor (Bearbeiten) wechseln, bzw. sich Ihr Werk mal mit einem Browser anschauen / anhören... Geht Ihnen das Gedudel jetzt auf die Nerven? Dann können Sie es durch einen Klick auf den Stop-Button des Players beenden.

Oder sind Sie der Meinung, dass Ihre Hintergrundgeräusche nicht gestoppt werden dürfen? Dann verbergen Sie den Player, indem Sie ihm eine Größe von Null mal Null Pixeln geben. Es gibt zu diesem Zwecke auch einen Attribut: hidden="true", aber für den Fall, dass vielleicht nicht alle Browser dieses Attribut beachten, ist die Größe-Null-Methode zuverlässiger. Sie können auch beides kombinieren. Am Ende sieht es dann also wie folgt aus:

<embed src="midisequenz.mid" width="0" height="0" autostart="true" hidden="true">
 

[ Zurück zur Klangwelt | Weiter mit Beispiel 3 ]