プロジェクト — http://codepen.io/abdulahhamzic/pen/ALQqGq
これは、ドキュメントの読み込み時にオーディオ ファイルを再生するために使用している HowlerJS コードです。
var simonSaysSong = new Howl({
src: ['http://czechmyjugs.com/Simon%20Says.mp3'],
preload: true,
loop: true
});
simonSaysSong.play();
以前は、次のコードを使用して、ネイティブ JavaScript メソッドを使用してオーディオを再生しました。
var simonSaysSong = new Audio('http://czechmyjugs.com/Simon%20Says.mp3');
simonSaysSong.play();
これらはどちらもデスクトップ ブラウザーではうまく機能しますが、Samsung Galaxy S i9000 ネイティブ ブラウザーを使用している場合はどちらもオーディオを再生できません。
もう 1 つの問題は、ボタン (色付きの div のいずれか) のクリック時にオーディオの遅延があることです。ボタンをクリックしてから数秒間効果音が鳴ります。ここでも同じですが、HowlerJS または audio() メソッドを使用するかどうかにかかわらず、デスクトップ ブラウザーでは機能しますが、私の携帯電話のブラウザーでは機能しません。