Einfache zukunftssichere, abwärtskompatible Möglichkeit, Audio-MP3-Dateien direkt auf der Seite abzuspielen?

9

Ich habe eine Seite für einen Musiker, die Musik im mp3Format enthält, aber diese werden über eine Flash-Datei ( xspfplayer ) abgespielt . Ohne Flash ist dies natürlich nutzlos.

Gibt es eine bessere zukunftssichere und einigermaßen abwärtskompatible Möglichkeit, MP3-Audio-Snippets auf einer Seite einzufügen, ohne Benutzer zur Verwendung von Flash zu zwingen und sie auch nicht zu zwingen, die MP3-Datei zuerst herunterzuladen oder die Seite vollständig zu verlassen?

artlung
quelle

Antworten:

6

Eine andere Lösung besteht darin, eine JavaScript-Bibliothek namens Sound Manager zu verwenden . Standardmäßig wird ein unsichtbares Flash-Objekt in die Seite eingebettet und zum Abspielen von Audiodateien (einschließlich MP3s) verwendet. Die neueste Version bietet die Möglichkeit, das HTML5- audioTag zu verwenden, sofern verfügbar.

Sie können Ihren Player dann in HTML / CSS / JS schreiben und Sound Manager herausfinden lassen, ob Sie Flash oder audioTag zum Abspielen der Audiodatei verwenden möchten. Auf diese Weise funktioniert Ihr Player im IE6 und auch auf dem iPhone / iPad.

jay_soo
quelle
SoundManager sieht ziemlich gut aus! Und beinhaltet tatsächlich die bereits akzeptierte Antwort der Verwendung <audio>. Tolles Zeug und willkommen bei Pro Webmasters!
Artlung
8

Am besten verwenden Sie weiterhin den Flash Player und das HTML5-Audio-Tag für alle Browser, die dies unterstützen. Schließlich unterstützen alle Browser HTML5 und Sie können den Flash-Audio-Player ausschalten.

Es gibt ein großartiges Dokument zum HTML5-Audio-Tag und wie man es hier verwendet, http://html5doctor.com/native-audio-in-the-browser/ . Es scheint extrem einfach zu bedienen zu sein.

Es sieht so aus, als ob Safari 4 und Chrome 3 sowohl das Tag- als auch das MP3-Format unterstützen. Opera und FF 3.5 unterstützen das WAV-Format.

Ben Hoffman
quelle
2
Außerdem unterstützen Opera und FF ogg vorbis, was wahrscheinlich eine bessere Wahl als MP3 ist.
luiscubal
@luiscubal - Das ist wahr. Wenn ich vergessen habe, das zu erwähnen. Vielen Dank!
Ben Hoffman
1
Wenn Sie sich für jQuery interessieren, sollten Sie sich jPlayer ansehen. Es verwendet HTML5, greift
deizel
Ich meinte eigentlich "bessere Wette als WAV", aber ich denke, es könnte auch für MP3 gelten.
luiscubal
1

Ich glaube, diese Lösung entspricht Ihren Anforderungen genauer:

Erstellen Sie eine M3U-Wiedergabelistendatei, die auf die URL des MP3 verweist, laden Sie die M3U auf Ihren Server hoch und erstellen Sie dann einen Link zur M3U-Datei auf Ihrer Seite.

Wenn der Besucher auf den Link zur M3U-Datei klickt, wird die (winzige) M3U-Datei heruntergeladen und er hat die Möglichkeit, sie im Media Player seiner Wahl zu öffnen (dh was auch immer bereits auf dem Computer installiert ist - keine Notwendigkeit für Flash überhaupt).

Nach dem Öffnen beginnt der MP3-Stream.

danlefree
quelle
Es ist ein Standard-Dateityp, aber denken Sie nicht, dass das Öffnen in einem externen Player erzwungen wird? Meine Hoffnung war es, den Benutzer auf meiner Seite zu halten und vorhandene Browser-Ressourcen als Player zu verwenden. Dies klingt nach dem gleichen Problem, wenn nur eine Verknüpfung zu einer MP3-Datei hergestellt wird. Manchmal (oft?) Wird der Benutzer aus dem Browser entfernt.
Artlung
Es ist wahr, die Aktion öffnet die M3U-Datei mit der bevorzugten Anwendung auf dem System, sobald sie heruntergeladen wurde. Es tut mir leid, wenn ich Ihre Anforderung falsch interpretiert habe. RE: Verlassen der Seite. Die akzeptierte Antwort auf Ihre Frage bleibt die beste Wahl (und wenn die Benutzerstatistiken der Website nichts anderes angeben, würde ich wetten, dass sie für die Anforderungen der Website ausreicht).
danlefree