HTML5自动播放背景音乐

最新推荐文章于 2024-04-30 14:16:01 发布

原创最新推荐文章于 2024-04-30 14:16:01 发布 · 2.5w 阅读

52 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

HTML5

当前文章被收录于：

HTML5

5 篇文章 0 人学习

订阅专栏查看详情

当前文章被以下社区和专栏收录：

本文介绍如何在HTML中使用音频元素实现自动播放，并通过JavaScript监听触摸事件来控制音频播放，包括预加载、循环播放及触摸开始触发播放等功能。

html

<audio src="./audio/bgmusic.mp3" preload="meta" loop autoplay id="bgmusic"></audio>

javascript

var bgmusic = document.getElementById('bgmusic');
bgmusic.addEventListener('canplay', function(){
	this.play();
}, false);
window.addEventListener('load', function(){
	window.addEventListener('touchstart', once, false);
}, false);
function once(){
	bgmusic.play();
	window.removeEventListener('touchstart', once, false);
}

标签

#html5 #自动播放背景音乐