0

私の質問を読むために時間を割いてくれてありがとう。

HTML5オーディオをjQueryと統合するアプリケーションを構築しています。Chromeでは再生されます!Firefoxではそうではありません。

.mp3ファイルと.oggファイルの両方があり、オーディオタグを次のように記述しました。

<audio id="drop-sound">
    <source src="music/water-droplet-1.mp3" type="audio/mp3" />
    <source src="music/water-droplet-1.ogg" type="audio/ogg" />
</audio>

次に、私のjQueryはこれを次のように再生します。

//drop sound
var audioDrop = $('#drop-sound')[0];

//play drop
audioDrop.play();

どんな助けでもいただければ幸いです!

4

1 に答える 1

1

問題の解決に役立つアイデアがいくつかあります。

1つ目は、オーディオタグを次のように変更することです。

<audio id="drop-sound">
  <source src="music/water-droplet-1.ogg" type="audio/ogg" />
  <source src="music/water-droplet-1.mp3" type="audio/mpeg" />
    Your browser does not support the audio element.
</audio>

audio/mpeg代わりにタイプを使用してくださいaudio/mp3

2つ目は、JavaScriptを次のように変更することです。

document.getElementById('drop-sound').play();

これは、変数を設定してから再生するように指示するよりも高速です。

最後に、サーバーが正しいMIMEタイプを送信していることを確認します。これを説明するチュートリアルがあります。

于 2013-01-06T01:28:43.610 に答える