Audio-tag funktioniert nicht in Firefox und Opera

Ich versuche, um meine eigenen audio-player. Ich habe es in Google Chrome und alles funktioniert gut. Aber wenn ich versuche, es zu benutzen, in Firefox und Opera (Letzte Versionen) nicht. Ich habe zum Beispiel:

<!DOCTYPE html>
<head>
</head>
<body>
    <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
    <div id="play">click me</div>
    <audio class="tr_audio">
       <source src="ogg/track1.ogg" type="audio/ogg; codecs='vorbis'">
       <source src="track1.mp3" type="audio/mpeg; codecs='mp3'">
    </audio>
    <script>
        $("#play").click(function() {
            $("audio").get(0).play();
            alert($("audio").get(0));
        });
    </script>
</body>

Es arbeiten fein in Chrome, aber nicht in Opera und Firefox. Warum?

  • Können spielen Sie Ihre ogg-Dateien normalerweise? (also nicht im browser?)
  • Opera und FF mit der ogg-Datei. Sind Sie sicher, dass der Pfad zu den ogg-Datei korrekt ist? Haben Sie Ihren server MIME-Typen korrekt eingerichtet für ogg-Dateien? Hast du ein Beispiel im Netz?
  • Ja Jungs, Dateien spielt ok, ohne browser und den Pfad korrekt ist. Auch wenn ich, starten Sie diese ogg-Dateien mit Opera oder FF (mit Rechtsklick auf die Datei) spielt es auch ok.. TimHayes, ich Teste es von meinem computer
  • Haben Sie jemals bekommen dies funktioniert in Opera? Ich habe das gleiche problem, aber keine Lösungen noch (nur für Oper - alle anderen Browser funktionieren problemlos)
InformationsquelleAutor Stas Ushakov | 2012-11-04
  1. 2

    Die mit Ihrem code und testen Sie in firefox deutlich gemacht, dass das problem der codecs. Die folgenden Zeilen wurden kopiert aus der firefox Konsole:

    [10:20:19.068] Angegebene "type" - Attribut von "audio/ogg; codecs='vorbis'" wird nicht unterstützt. Laden von Medien-Ressourcen Beispiel.ogg ist fehlgeschlagen. @ http://example.com/

    [10:20:19.068] Angegebene "type" - Attribut von "audio/mpeg; codecs=" mp3 " - " wird nicht unterstützt. Laden von Medien-Ressourcen Beispiel.mp3 nicht. @ http://example.com/

    Dann, entfernen der codecs - Spezifikation von der type - Attribut gemacht, es funktioniert in Firefox, Safari und Opera.

    <audio class="tr_audio">
   <source src="ogg/track1.ogg" type="audio/ogg">
   <source src="track1.mp3" type="audio/mpeg">
</audio>

    Ich hoffe, es half. Cheers

    • Super Arbeit!!! Es ist Arbeit! Danke!!!
    • Wenn eine Antwort ist richtig, bitte markieren, sonst stackoverflow nicht jemals wissen, dass Ihr problem gelöst wurde. Bedenken bis Stimme Antworten, waren sehr hilfreich. Dies hilft anderen Benutzern mit ähnlichen Fragen zu finden, Antworten leichter
    InformationsquelleAutor Bruno Vieira
  2. 0

    Nur ein heads-up, wer mit der beta-version von FireFox 21, wenn Sie noch nicht bemerkt MP3-audio spielt nun in <audio> tags zimmerreserviereung, ohne das Sie Bearbeiten die about:config des Browsers. Jetzt brauchen wir nur es korrekt freigegeben!

    InformationsquelleAutor Banny
  3. 0

    Firefox 24.0 als Halloween 2013 durch firebug 1.12.4 von MP3-Quelle

    <source src="media/SoundFile.mp3" type="audio/mpeg" />

[! Yellow Warning] Specified "type" attribute of "audio/mpeg" is not supported. Load of media resource media/SoundFile.mp3 failed.

    Ursprünglich wollte ich verschiedene codec-Einträgen und es ist wirklich nicht wie Sie. Zum Beispiel Ogg errored ähnlich, bis ich entfernt das codec Erklärungen.. so, die Idee hat nicht geholfen.

    Ich glaube, ich bin einfach nur dokumentiert, dass, obwohl MP3 ist angenommen zu sein, unterstützt seit version 21 im Firefox funktioniert es immer noch nicht aus irgendeinem Grund hier.

    Ähm ich sollte erwähnen, das ist aus einer lokalen Datei, zu dieser Zeit, also vielleicht etwas zu tun mit dem MIME-Typ fehlt auf Win7 oder etwas in den Sinn kommt.

    Nein, warte eine verdammte minute hier... nun ich denke, es ist eine einfache Lizenzierung Problem.

    Also eigentlich ist es schlimm, Fehler-logging sollte es erklären, wenn die Lizenzierung ist das problem.

    InformationsquelleAutor MistereeDevlord
Schreibe einen Kommentar