MP3-Datei mit Javascript abspielen

7

Welches ist die beste und browserübergreifende Möglichkeit, eine MP3-Datei (sehr kurz) über Javascript abzuspielen? Ich habe verschiedene Wege ausprobiert, aber es gibt immer ein Problem ...

EDIT 1:

Ich brauche keinen "vollen" Player, ich brauche nur eine Funktion, die ich jedes Mal aufrufen kann, wenn etwas passiert

EDIT 2:

Ok, ich muss mein Problem besser erklären. Der Server ist ein Smartphone, das in einem LAN verbunden ist, aber nicht immer mit dem Internet. Ich möchte mp3 verwenden, weil die Datei nur 3kb wiegt (anstelle von 60kb wav), aber wenn der Mechanismus zum Abspielen dieser Datei zu "schwer" ist (ein Spieler oder jquery.js), ist es besser, die wav-Datei zu verwenden. Andere Vorschläge?

    
supergiox 15.02.2012, 20:16
quelle

3 Antworten

15

Verwenden Sie dies:

%Vor%

Die Dokumentation dazu ( HTMLAudioElement ) finden Sie unter MDN Beachten Sie, dass die meisten Steuerelemente von HTMLMediaElement geerbt werden.

    
Ties 11.01.2015 18:28
quelle
5

Laden Sie die Seite mit nur einem direkten Download in die Audiodatei. Erkennen, ob der Browser MP3s unterstützt. Wenn dies der Fall ist, wird der direkte Download in ein AUDIO-Tag schrittweise verbessert. Hier ist ein Beispiel:

%Vor%

Und das Javascript:

%Vor%

Ich könnte mir vorstellen, dass die meisten der zig Millionen vorgefertigten MP3-Plugins so funktionieren.

UPDATE:

Da Sie die Frage bearbeitet haben, um anzugeben, dass Sie eine Lösung bevorzugen, die jQuery nicht verwendet, werde ich darauf hinweisen, dass das Umschreiben, um jQuery nicht zu verwenden, trivial ist. Es ist nur länger und weniger elegant. Beachten Sie, dass Javascript-Bibliotheken, die aus CDNs geladen werden, normalerweise vom Browser zwischengespeichert werden.

    
user240515 15.02.2012 21:00
quelle
-1

Ich würde empfehlen, Flowplayer zu verwenden. Es ist in Flash und JavaScript geschrieben und hat einen HTML5-Fallback.

Hinweis: Auf allen iOS-Geräten (iPads usw.) gibt es keine automatische Wiedergabe.

    
jeremy.bass 15.02.2012 20:21
quelle

Tags und Links