Audio-Tag mit Javascript in Firefox/Internet erforschen/chrom

Question

http://www.storiesinflight.com/html5/audio.html

Ich versuche, von oben Link eine Sound-Skript zu erreichen, die eine Audiodatei spielen. Der Artikelautor behauptet, dass es in Firefox kompatibel ist. Aber es spielt nicht in meinem. Es funktioniert jedoch in Chrome. Versucht Internet zu erkunden und auch nicht Glück dort.

Gibt es irgendwelche offensichtlichen Gründe dafür?

<audio id="audiotag1" src="path.wav" preload="auto"></audio> 
    <a href="javascript:play_single_sound();">Play 5-sec sound on single channel</a> 
    <script type="text/javascript"> 
     function play_single_sound() { 
      document.getElementById('audiotag1').play(); 
     } 
    </script> 

Answer 1

In welcher Version von IE testen Sie es?

IE bleibt oft in Bezug auf die Unterstützung von Funktionen zurück.

Überprüfen Sie diese chart. Vielleicht hat Ihre Version von IE keine Unterstützung für Audio.

---

UPDATE

Hinzufügen dieser Meta-Tag

<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 

Installation MediaPack helfen könnten

helfen könnte

Answer 2

Wir verwenden .wav, versucht mit .mp3 und es funktioniert in allen drei Browsern.

Answer 3

IE 11 unterstützt keine .wav Dateien, so dass, wenn Sie den Internet Explorer unterstützen möchten, müssen Sie entweder .mp3 oder .ogg verwenden. Warum es in Firefox nicht funktioniert hat, könnte ein Problem sein, dass die Dateien sehr groß sind. Je nachdem, wann Sie auf den Link geklickt haben, ist die Audiodatei möglicherweise noch nicht geladen.

Es ist besser, das Ereignis canplay zu verwenden, damit Sie wissen, wann die Audiodatei geladen wurde und abgespielt werden kann.

var audio = document.getElementById('audiotag1'); 
audio.addEventListener('canplay', function() { 
    audio.play(); 
});