Adventskalender
    
 Home • Adventskalender • Hintergrundmusik Demo  Download 

 Adventskalender  Modifikation - Audio einbinden

Die Wiedergabe von Audio-Dateien ist abhängig von den Browser-PlugIns, die der Besucher installiert hat. Der Typ der eingebundenen Audiodateien sollte außerdem mit Rücksicht auf die Ladezeit ausgewählt werden.
Hintergrundmusik einbinden

Gibt es in Ihren Tagesdateien etwas zum Anklicken (Musik, Video, Links), darf in der Datei keine JavaScript-Funktion zum 'automatischen Schließen bei Klick' vorhanden sein. Ein Set meiner Tagesdatei-Vorlagen hat eine solche 'Auto-Close-Funktion'. In einer solchen Datei muss der onBlur()-Eintrag (unten rot dargestellt) gelöscht werden.

<body onblur="window.close();" vlink="#000000" ...     weite Info zu onBlur() lesen

Überlegen Sie sich genau ob Sie wirklich Musik in Ihre Seiten einbinden möchten. Manche Besucher finden Hintergrundmusik recht nervig. Und ...., es gibt eine weitere Hürde zu nehmen: MP3 Player - Track: FinalFade


Der Browser kann kein Sound-Dateien 'abspielen' und müsste auf ein vorhandenes Programm zurückgreifen, welches die Multimediadatei wiedergeben kann. Das Programm muss dem Browser bekannt sein (muss als PlugIn eingebunden sein). Voraussetzung für das Abspielen von Sound-Dateien ist also ein entsprechendes PlugIn des Browsers, welches die eingebundene Sound-Datei abspielen kann.

PlugIn fehlt?

Sie haben keinen Einfluss darauf, welche PlugIns Ihre Seitenbesucher installiert haben und dann ist längst nicht jedes PlugIn für jeden Typ von Sounddatei (MIDI, WAVE, MP3, ...) geeignet.

Ist dem Browser kein passendes PlugIn bekannt, wird statt Sound eine Aufforderung zum Download eingeblendet.

(siehe rechts)


Alternativ könnten Sie die benötigten Module zur Wiedergabe von Sound 'mitliefern' oder auf einen externer Player im Web zugreifen, der die Sounddatei für Sie abspielt. Da man nicht immer weiss was extern eingebunde Module so machen, würde ich die erste Alternative vorziehen. Da bieten sich Flashmodule besonders an.

Auswahl der Musik

Für ihren Adventskalender können sie auch eine Hintergrundmusik realisieren. Wägen sie jedoch sogfältig ab, ob das zu ihrer Seite und zum Besuchertyp passt. Wichtig ist auch die Art der gewählten Musik. Wenn sie eine typische Weihnachtsmusik wählen, kann das recht nervig sein.

Vorteilhafter ist da sicher eine etwas weniger bekannte 'Wintermusik', die einem nicht in jedem Kaufhaus bereits 1000 mal ins Ohr säuselte.		   

Hintergrundmusik: ein   aus


   Musik einbinden - MIDI

MIDI-Datein sind recht klein (Dateigröße) und stehen im Netz kostenlos zur Verfügung.

Es gibt unterschiedliche Möglichkeiten Audio-Dateien in eine HTML-Seite einzubinden. Um Hintergrundmusik als MIDI-Datei einzubinden, wird das embed-Tag verwendet. Es wird im Body-Bereich der Datei notiert. Die Optionen werden mit ja / nein festgelegt, die bei der Einbindung durch true / false ausgedrückt werden. 

<embed src="dingeldong.mid"
       autostart="true"
       loop="true"
       hidden="true"
       height="0"
       width="0">
ohne Start / Stopp

Demo MIDI-Datei im HTML-Dokument  Download MIDI-Datei und HTML-Dokument

mit Start / Stopp

Demo MIDI-Datei im HTML-Dokument  Download MIDI-Datei und HTML-Dokument


Attribute:

autostart = Musik startet beim Laden der Seite
loop = Wiederholung ja / nein
hidden = Player soll nicht angezeigt werden

"true" bedeutet "Ja"    "false" bedeutet "Nein"

  • Als Quellenreferenz zur Sounddatei wird das src-Attribut verwendet
  • Soll die Musik sofort gestartet werden sobald die Seite aufgerufen wird, verwendet man für das Autostart-Attribut den Eintrag 'true'
  • Für die die Wiederholung des Musikstücks wird das Loop-Attribut notiert. Für die Wiederholung wird loop="true" , sonst "false" eingetragen.
  • Mit hidden="true" errreicht man ein Abspielen wie bei einer Hintergrundmusik
    (engl. hidden = versteckt).
Wegen der Dateigröße empfehle ich Mididateien (mid) oder MP3 (mp3) einzubinden.

Links: Midi-Dateien kostenlos

1)   http://ingeb.org

Suchen sie dort nicht nur in der Sektion 'Weihnachten'. Geeignete Midi-Dateien gibts auch in der Rubrik 'Folksongs'. Dort auf "Chistmas" klicken, dann erscheint eine alphabetische Liste. Überall da wo "Melody" hinter dem Text steht, gibt es eine MIDI-Datei.


2)   www.classicalmidiconnection.com

3)   http://archive.cs.uu.nl


Fehler vermeiden: Schreibweise

Die Dateinamen korrekt eingetragen sein (Groß- Kleinschrift beachten). Nötigenfalls Dateien umbenennen, falls ihr Programm sie beim Herunterladen falsch speichert.


Fehler vermeiden: Speicherort

Die Dateien sollen im gleichen Ordner wie die Adventskalenderdatei gespeichert sein oder der Pfad zur Sounddatei muss entsprechend berücksichtigt werden 
<embed src="verzeichnis/dingeldong.mid"





   Musik einbinden - MP3

Besuchen Sie auch: http://aktuell.de.selfhtml.org/artikel/grafik/flashmusik/index.htm

Um eine MP3-Datei einzubinden benötigt man einen MP3-Player, der als Plugin vorhanden sein muss. Das kann man beim Seitenbesucher natürlich nicht voraussetzen.

1) online Player einer externen Quelle

Es gibt aber die Möglichkeit einen Flash-Player einer exterenen Quelle zu nutzen. Dann gibt es auf Ihrer Seite eine Verbindung zu einem externen Anbieter und Ihre Seite 'holt' sich den Player dort. Der HTML-Code wird dazu in die Seite eingebunden, welcher den externen Player verlinkt. (im Web suchen).

2) Sie können einen kostenlosen Player herunterladen!

Um den Player innerhalb Ihrer Seite nutzen zu können, müssen sämtliche Dateien des kostenlosen Players zunächst von der Anbieterseite herunter geladen werden. Die benötigten dateien kopieren Sie in Ihr Kalenderverzeichnis. Dann binden Sie den notwendigen Code und die Verknüpfungen auf die Player- und Musik-Dateien in Ihre Seite ein. Überprüfen Sie die Funktion. Danach müssen die neuen Dateien noch auf Ihren Server hoch geladen werden.


Beispiel:

Open Source MP3 Player von  http://www.video-flash.de/index/open-source-mp3-player/

Der Player so sieht so aus:

This content requires the Adobe Flash Player.

Get Adobe Flash player

Das MP3-Sample wurde zur Verfügung gestellt von 'FinalFade.de' (Jan Jansen)


Quellen für MP3-Player:

http://www.flashmp3player.org/download.html

Übersicht weiterer Webseiten-MP3-Player:

http://www.video-flash.de/index/ubersicht-mit-flash-erstellte-mp3-player-fur-die-eigene-website/






NACH OBEN