Hintergrundmusik

Webdesign & Technik HTML & CSS
1

Hallo liebe bplaced-Gemeinde.

Ich habe folgendes Anliegen:
und zwar würde ich gerne beim betreten der Seite automatisch einen Sound (mp3, wav) abspielen lassen.
Ich habe bereits eine Variante gefunden gehabt, dennoch funktionierte diese nur im Internet Explorer und nicht in Firefox etc.

Deswegen suche ich eine Variante die bei allen Browsern (IE, Firefox, Opera) funktioniert, wo er den Sound ohne Benutzereingabe etc (also ohne auf Play oder sonstwas zu drücken) sofort beim betreten der Seite abspielt.

Natürlich will ich auch kein Fenster haben, wo man auf Pause, vorspulen oder Play drucken kann (muss), sondern er soll einfach den Sound sofort abspielen, wenn man die Seite betritt.

Liebe Grüße Basti

2

Technisch kannst du das realisieren mit einem object-Element
im head-Element, welches dann auf die Audio-Datei verweist.

Probleme:

  • Es gibt kein Audio-Format, welches garantiert bei jedem browser
    funktioniert. Dies liegt daran, daß die meisten Formate
    irgendwelchen Lizenzen unterliegen, so daß es für die Anbieter
    von browsern nicht möglich sein kann, die Formate direkt zu
    interpretieren, ohne hohe Lizenzgebühren zahlen zu müssen.
    Das Erstellen von Dokumenten in einigen Formaten kann auch
    implizieren, daß man Lizenzgebühren zahlen müßte, sofern man
    die Dokumente veröffentlicht - also Vorsicht!

  • Viele Leute mögen eine unaufgeforderte Musikberieselung nicht,
    entweder, weil sie bereits eigene Musik laufen haben, ihre Ruhe
    habe wollen oder die vom Autor ausgewählte Musik nicht mögen.
    Insofern macht man sich keine Freunde mit einer solchen
    Konstruktion, gerade wenn die Musik ohne weitere Aktion startet.

3

[quote=“hoffmann”]Technisch kannst du das realisieren mit einem object-Element
im head-Element, welches dann auf die Audio-Datei verweist.[/quote]

Wenn du dies mit einem Beispiel belegen könntest, wäre ich dir sehr dankbar.

Liebe Grüße

4

Im Element head
(für eine Datei im lizenzfreien Containerformat OGG):

<object data="gedudel.oga" type="audio/ogg"
  width="0" height="0">
<link rel="alternate" title="Gedudel"
   href="gedudel.oga" type="audio/ogg" />
</object>

Das Element link dient als Alternative, wenn das Objekt nicht
eingebettet werden kann. Über den korrekten Wert für das
Attribut rel kann man dabei durchaus streiten, so stellt es
eigentlich eine Alternative zum gesamten Dokument dar, nicht
nur für das eingebettete Gedudel, man könnte auch schreiben:
rel=“subsection”, wenn man das eher als Unterabschnitt des
Projektes auffaßt - oder auch mit rel=“appendix” als Anhang.
Oder beides: rel=“appendix subsection”.
Wenn die Musik inhaltlich nicht relevant ist, kann man auch das
gesamte link-Element weglassen, hört sich bei dir aber nicht
so an ;o)

5

Hier sehr gut erklärtes Beispiel auf SELFHTML
http://de.selfhtml.org/html/dateiweit/hintergrundmusik.htm#einbinden

Gruß
Camou !coffee

6

Wobei da auf der Seite von selfhtml auch steht, daß das kein
(X)HTML ist (eventuell embed mal HTML5) - insofern sollte man
das ungültige Zeug aus dem letzten Jahrtausend vergessen und
sich auf object konzentrieren …