4.1k Aufrufe
Gefragt in Webseiten HTML von computer1234 Einsteiger_in (67 Punkte)
Hallo liebes Supportteam,

ich möchte eine Hintergrundmusik auf meiner Internetseite machen. Im IE funktioniert es auch einfach ohne Player so wie es aussieht. Im Firefox muss ich den Quicktimeplayer runterladen um es hören zu können. Gibt es aber eine Möglichkeit es auch ohne Player wiederzugeben, also ohne extra noch was runterzuladen sondern einfach es gleich zu hören wie im IE?


Danke im Voraus

LG Nils

16 Antworten

0 Punkte
Beantwortet von
es gibt für moderne Browser den audio-tag
0 Punkte
Beantwortet von zemmel Experte (3.2k Punkte)
Moin!

Eine Hintergrundmusik KANN man machen, MUSS man aber nicht.
Ich persönlich neige dazu, eine Website, die mich ungefragt volldudelt, direkt wegzuklicken...

Gruß

Klaus
0 Punkte
Beantwortet von halfstone Profi (18.1k Punkte)
Hi Computer1234,

mir geht es da wie Zemmel, vor allem wenn man viele Browserfenster offen hat und einem dann von irgendeinem Tab Musik entgegendüdelt und man die Seite nicht gleich findet ist das echt nervig.

Also wie gesagt, kann man machen, sollte man aber nicht machen, zumindest nicht automatisch startend.

Gruß Fabian
0 Punkte
Beantwortet von
selbststartende Musik, Geräusche, Videos, etc sind IMO ein absolutes NoGo
für Webseiten und werden einmal und nie wieder besucht.
Überleg dir das nochmal, ob du wirklich die Besucher deiner Seite
verschrecken, verärgern, nerven möchtest.
0 Punkte
Beantwortet von friedel Experte (3.3k Punkte)
Ich habe einige deutschsprachige Beschreibungen zum Audiotag gefunden. (Z.B.www.webdesign-podcast.de/2011/08/08/html5-audio-tag-verwenden-tutorial/ und 9elements.com/html5demos/audio/ Aber nirgends war beschrieben, welche Audio-Dateiformate man verwenden kann. Man liest immer wieder z.B. von MP3, aber das kann nicht zum Standard gehören weil es kein freies Format ist. In fast allen Beispielen wird .ogg und mp3 beschrieben. Aber as ist mit .wav, .mid, .au und all den anderen?

Außerdem ist mir das Verhalten des ganzen völlig unklar. Wenn ich ein Beispiel ausprobiere mit
<audio controls="controls">
<source src="sound.ogg" type="audio/ogg" />
<source src="sound.mp3" type="audio/mp3" />
blabla
</audio>
, dann funktioniert das bei mir recht gut (LTE; Ubuntu 10.10; Firefox 9 mit MP3-Plugin). Wenn ich die Zeile
<source src="sound.ogg" type="audio/ogg" />
löschem funktioniert der Player nicht. Wenn ich die Zeile
<source src="sound.mp3" type="audio/mp3" />
lösche, ist der Sound abgehackt, weil er langsamer geladen wird, als die Daten gebraucht werden. Ich ahbe außerdem
getestet. Damit funktioniert der Player nicht.
0 Punkte
Beantwortet von
mid ist ja nun wirklich kein aktuelles Format mehr - ogg und mp3 sollten doch so ziemlich alle Soundansprüche an eine Website erfüllen.

Ich empfehle übrigens (statt der üblichen User-Beschimpfung "Ihr Browser unterstützt audio nicht"), als Inhalt des audio-Tags einen Link zum Download der Musikdatei einzubinden, damit auch Nutzer älterer Browser (insbesondere IE) etwas davon haben.

Und natürlich auf sowas wie autoplay grundsätzlich zu verzichten aus o.g. Gründen, wenn die Homepage nicht nur zu privaten Zwecken ("ich, meine Famile und meine Hobbys") mit entsprechend eingeschränktem Besucherradius dient.
0 Punkte
Beantwortet von friedel Experte (3.3k Punkte)
Ob aktuell oder nicht, manche Soundfiles haben eben dieses Format. Und es macht imho wenig Sinn, jetzt einen alten Midifile in ogg zu konvertieren, wenn man ihn auch also Midi weiterverwenden kann. Und da MP3 kein freies Format ist, sollten auch was anderes verwenden können. Aber was und wie?

Ich empfehle zwar auch, solchen Unsinn wie "Ihr Browser unterstützt audio nicht" nicht zu benutzen, aber im Gegensatz zu gast_42 empfehle ich für solche Fälle die alten proprietären Tags ein zu bauen (embed bzw. bgsound). Natürlich könnte man sowas auch zusätzlich zum Download-Angebot machen.

Da das embed- bzw bgsound-Tag im audio-Tag von modernen Browsern nicht interpretiert wird, halte ich die Seite auch mit diesen Tags für valide. Allerdings habe ich keine Ahnung, ob auch die Validatoren meiner Ansicht sind.

Umgekehrt bin ich allerdings der Ansicht, dass die Validatoren eigentlich Fehler anzeigen müssten, es aber zumindest teilweise nicht tun, wenn man das Audio-Tag in Html 4 benutzt. Einige der Seiten, die ich im Zusammenhang mit dieser Frage durchgelesen habe, waren laut Doctype-Tag Html4.01 und hatten das Audiotag(,das es in Html4 noch gar nicht gab). Einige der Validierungstools des Firefox fanden das OK.
0 Punkte
Beantwortet von
Da midi nun mal nicht unterstützt wird ist die Diskussion darüber müßig.

mp3 in ogg und umgekehrt umzuwandeln ist kein Problem.

gute Validatoren bemängeln proprietären Kram wie bgsound und embed natürlich (allerdings embed innerhalb HTML5 nicht, dort gibt es das)

Und offensichtlich machen die Firefoxinternen Validatoren ihre Arbeit nicht gut, denn der W3C-Validator (als maßgebendes Tool) bemängelt selbstverständlich, wenn audio außerhalb HTML5 genutzt wird.
0 Punkte
Beantwortet von friedel Experte (3.3k Punkte)
Bedeutet das, dass Midi nicht unterstützt wird? Ich hatte nicht vor, über etas zu diskutieren, sondern ich würde gerne etwas wissen.

Kann man irgendwo nachlesen, welche Formate unterstützt werden? Gibt es denn welche außer Ogg Vorbis, die irgendwie zu einem Webstandard gehören? Ogg Vorbis funktioniert im audio-Tag ja nicht in allen Browsern. Die Alternative MP3 gehört nicht zum Standard und ist kein freies Format. (Wahrscheinlich kann man hier "und" auch durch "weil" ersetzen.) Funktioniert in allen Browsern, in denen OGG Vorbis funktioniert, auch OGG FLAC? Ich gebe zu, dass es bei der Musik auf einer Website normalerweise nicht relevant ist, ob das Kompressionsverfahren verlustfrei ist, aber mich stört, dass ich diese ganzen Info nirgendwo verbindlich nachlesen kann. Ich hoffe, dass das nur daran liegt, dass ich sie nicht finde. Wirklich schlimm wäre, wenn das (noch?) nicht festgelegt wäre oder nicht zugänglich dokumentiert wäre.
0 Punkte
Beantwortet von
in allen Forenbeiträgen werden immer nur ogg und mp3 erwähnt. Letztlich ist HTML5 aber noch im Entwurfsstadium ...
...