Firefox загружает и воспроизводит один и тот же файл .ogv дважды одновременно с «автоигрой» - PullRequest
9 голосов
/ 10 февраля 2011

У меня есть файл ogg vorbis, настроенный с тэгом HTML5 <audio>.
Файл запрашивается Firefox дважды (3.6.13), но с опцией 'autoplay' воспроизводятся оба запрошенных файла.
Когда я делаю паузу, один из треков останавливается, а другой продолжается.Когда я снова нажимаю кнопку воспроизведения, воспроизводятся обе дорожки, хотя сейчас они не синхронизированы.

Все отлично работает с webkit и opera.
В Firefox без 'autoplay' файл ogg запрашивается дважды, но воспроизводится только один, и все выглядит нормально.Но в этом сценарии мне нужна функциональность «автозапуска».

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

Я действительно ценю любую помощь, которую можно предложить.Спасибо.

1 Ответ

2 голосов
/ 12 ноября 2012

сделайте так, теги 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>
...