Question

我正在使用一个代码来控制一个带有动画元素的非常基本的html5播放器。按原样，代码在单击时启动音频和动画。我想在页面加载后自动开始音频和动画。任何帮助将不胜感激。谢谢！

    $( document ).ready(function() {
      $('.spinner-wrap').click(function() {

var $this = $(this),
    audio = $this.siblings('audio')[0],
    bpm = Number($this.siblings('audio').data('bpm'))
    pulse = (60/bpm)*1000;


if (audio.paused === false) {
  audio.pause();
  audio.currentTime = 0;
  $this.removeClass('playing');
  clearInterval(intervals);
}

else {
  audio.play();
  $this.addClass('playing');

}


function pulsing() {

  $this.addClass('pulse');

  setTimeout(function() {
    $this.removeClass('pulse');  
  }, pulse-100);

}


      });

    });

Answer 1

我建议您使用音频标记的自动播放属性，如下所示：

<audio autoplay>
   <source src="ogg.ogg" type="audio/ogg">
   <source src="mp3.mp3" type="audio/mpeg">
   Sorry, no audio
</audio>

自动播放HTML5音频元素＆amp;动画

1 个答案: