<audio>
HTML5タグを使用して ogg vorbis ファイルをセットアップしました。
ファイルは Firefox (3.6.13) によって 2 回要求されますが、「自動再生」オプションを使用すると、要求されたファイルの両方が再生されます。
一時停止すると、トラックの 1 つが停止しますが、他のトラックは続きます。もう一度再生を押すと、両方のトラックが再生されますが、現在は同期していません。
すべてが webkit と Opera でうまく機能します。
「自動再生」のない Firefox では、ogg ファイルが 2 回要求されますが、再生されるのは 1 回だけで、すべてが正常に表示されます。しかし、このシナリオでは「自動再生」機能が必要です。
私のhtml:
<audio autoplay controls">
<source src="/media/BetterDays.ogv" type="audio/ogg; codec=vorbis"></source>
<source src="/media/BetterDays.mp3" type="audio/mpeg"></source>
</audio>
私のjQuery:
if(!!document.createElement('audio').canPlayType) {
audio = $('audio').get(0);
$(audio).removeAttr("controls");
$(audio).bind('play',function() {
$("#playtoggle").addClass('playing');
}).bind('pause ended', function() {
$("#playtoggle").removeClass('playing');
});
$("#playtoggle").click(function() {
if (audio.paused) { audio.play(); }
else { audio.pause(); }
});
誰かが提供できる助けに本当に感謝しています。ありがとう。