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>
相关推荐
可爱的秋秋啊3 分钟前
简单网站编写
开发语言·前端
Keepreal49613 分钟前
Electron基本概念
前端·javascript·electron
zhaoolee30 分钟前
Claude Code使用指北(如何白嫖百万Qwen3 Token,每月劲省20刀)
前端
前台端水工程师32 分钟前
vite-plugin-mock插件的3.0.2版本在生产环境无法使用
前端
戈卬35 分钟前
VSCode 中 Prettier 工作原理与使用指南
前端
我叫张得帅38 分钟前
从零开始的前端异世界生活--005--“HTTP详细解析中”
前端
Whbbit199938 分钟前
在 Nestjs 中使用 Drizzle ORM
前端·javascript·nestjs
Never_Satisfied39 分钟前
在JavaScript中,map方法使用指南
前端·javascript·vue.js
_码力全开_39 分钟前
JavaScript从入门到实战 (1):JS 入门第一步:它是什么?能做什么?环境怎么搭?
开发语言·前端·javascript·新人首发
itslife42 分钟前
vite 源码 - 执行 buildStart 钩子
前端·javascript