すべてのブラウザで音声を再生する

Question

私はWebアプリケーションをテストしていますが、何らかの理由でonLoadで再生する必要のあるオーディオが多くの場合再生に失敗します。すべてのデバイス/ブラウザでオーディオを再生するためのより良い戦略はありますか？ここで

は私のコードです：

$(document).ready(function() { 

    var audio = document.getElementById('audio1'); 
    if (audio.paused) { 
     audio.play(); 
    }else{ 
     audio.currentTime = 0 
} 
}); 

はHTML：

<audio id="audio1" src="https://LINK.wav" ></audio> 

Answer 1

（コメントフィードバック-thanksに基づいて編集された！）

Waveファイルは非圧縮のオーディオであり、ダウンロードする必要が本当に大きなファイルになる傾向があります。これがMp3、Ogg、またはAACがウェブフォーマットとして好まれる理由です。各ブラウザはすべてのブラウザをサポートしているわけではありません。 FirefoxはAACをサポートしておらず、IEとSafariはOggをサポートしていません。 caniuse to checkを使用できます。 this article on HTML5 audio typesから

<audio controls preload> 
    <source src="https://LINK.m4a" type="audio/mp4" /> 
    <source src="https://LINK.oga" type="audio/ogg" /> 
</audio> 

情報：

HTML5のオーディオは次のように設定されます。

Answer 2

あなたは

<audio id="audio1" src="your_filepath/LINK.wav" type="audio/wav"></audio> 

のように、ファイルの種類を含める必要がしかし、あなたは唯一のWAVファイルを指定した場合、一部のブラウザではIEのように再生できません。

「これら二つの

<audio> 
    <source src="LINK.ogg" type="audio/ogg"> 
    <source src="LINK.mp3" type="audio/mpeg"> 
</audio> 

少なくとも1つが、すべてのブラウザによって理解され、そして（圧縮）ファイルがはるかに小さいので、それは勝った：

は、それはこのように、mp3 と OGGファイルを供給するために、より信頼性の高いですそれらがロードされ、プレイを開始するまで、それを長く取る。