9

<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(); }     
    });  

誰かが提供できる助けに本当に感謝しています。ありがとう。

4

1 に答える 1

2

このようにしてください。html 5 タグはまだ少しバグがありますが、古き良き JavaScript でうまくいくでしょう。

<script>
give your audio tag an id, in my example it will be audiobox

function play() {
    document.getElementById('audiobox').play();
  }
  play();
 </script>
于 2012-11-11T22:15:27.080 に答える