2016-04-04 19 views
1

http://www.storiesinflight.com/html5/audio.htmlは、私は、オーディオファイルを再生すべき、上記のリンクからサウンドスクリプトを実行しようとしている

/クロムを探るFirefoxの/インターネットでJavaScriptを使用して、音声タグを再生します。記事の作成者は、Firefoxで互換性があると主張しています。しかし、それは私の中で遊んでいない。ただし、Chromeで動作します。試したインターネット探検とそこに運がない。

これには明らかな理由はありますか?

<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> 
+0

ダウンロードしたテスト用のwavファイルをFirefox(45.0.1)にダウンロードしてください。リンク先のページも機能します。私のChromeもそれを再生します。 IE11はそうではありませんが、それは驚くことではありません。私はIEが何かをするとは信じていません。 – ManoDestra

答えて

1

どのバージョンのIEをテストしていますか?

IEは、機能のサポートの点で、しばしば遅れます。

これをチェックアウトするchart。おそらくあなたのIEのバージョンはオーディオをサポートしていないでしょう。


UPDATE

このメタタグはあまりにも

を助けるかもしれない MediaPackをインストール

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

を助けるかもしれない追加

+0

私はバージョン11を使用しています。オーディオタグは「はい」ですhttps://html5test.com/compare/browser/ie-11.html – PushALU

+0

そして、あなたのwavファイルへのパスが正しいことは確かですか?どのような形式のオーディオを再生しようとしていますか? – atefth

+0

確かにそれは正しいはずです。なぜなら、クロムでうまくいくからです。それはwavファイルです。おそらくフォーマットでしょうか?私はおそらくmp3を試してください – PushALU

0

.wavを使用していましたが、.mp3で試してみました.3つのブラウザすべてで動作します。

2

IE 11.wavファイルをサポートしていませんので、あなたはIEをサポートしたい場合は、.mp3.oggのいずれかを使用する必要があります。 Firefoxでうまくいかなかった理由は、.wavファイルが非常に大きいため、リンクをクリックしたときにオーディオファイルがまだ読み込まれていない可能性があるという問題があります。

canplayイベントを使用すると、オーディオファイルがいつロードされ、再生できるかがわかります。

var audio = document.getElementById('audiotag1'); 
audio.addEventListener('canplay', function() { 
    audio.play(); 
}); 
関連する問題