HTML/JS添加音乐

彩虹海！2024-10-15 8:52

HTML/JS添加背景音乐

由于需要避免浏览器不必要的资源消耗，音乐播放必须要有事件触发

文章目录

HTML/JS添加背景音乐
html
js

html

在body中添加你的音乐

csharp 复制代码

<body>
<audio autoplay="autopaly" loop="loop" id="audios">
	<source src="../music/潮汐 (Natural)-傅梦彤.128.mp3" type="audio/mp3" />
</audio>
</body>

js

在js中添加这段播放触发事件

javascript 复制代码

<script type="text/javascript">
	     // 将以下代码添加到js入口函数内即可
		 document.addEventListener('touchstart', function () {
          document.getElementById('audios').play()
      })

      document.addEventListener('click', function () {
          document.getElementById('audios').play()
      })

      document.addEventListener('load', function () {
          document.getElementById('audios').play()
      })
</script>