自动播放HTML5音频元素&动画

Auto Play HTML5 Audio Element & Animation

本文关键字：amp 动画 元素 HTML5 音频 自动播放      更新时间：2023-09-26

我正在使用一个代码来控制一个非常基本的带有动画元素的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);
}

      });
    });

我建议您使用audio标签的autoplay属性，如下所示：

<audio autoplay>
   <source src="ogg.ogg" type="audio/ogg">
   <source src="mp3.mp3" type="audio/mpeg">
   Sorry, no audio
</audio>
相关文章：