如何添加音乐到网站

 时间:2026-02-13 08:11:27

1、在html文件中使用<audio>标签。

代码如下:

<audio controls>


   <source src="test.flac" type="audio/ogg">
   您的浏览器不支持 audio 元素。
</audio>

如何添加音乐到网站

2、打开html文件。网页中会有一个控制音乐播放的组件

如何添加音乐到网站

3、组件各按钮的作用如下图:

如何添加音乐到网站

4、经测试,即使设置了"autoplay"属性,也不会自动播放。

如何添加音乐到网站

如何添加音乐到网站

5、使用js来调用组件播放功能也不行。会有报错提示:“ Uncaught(in promise)DOMException:play()失败,因为用户没有首先与文档交互。”

如何添加音乐到网站

6、Web浏览器正在朝着更严格的自动播放策略发展,以便改善用户体验,最大限度地降低安装广告拦截器的积极性并减少昂贵和/或受限网络上的数据消耗。这些更改旨在为用户提供更大的播放控制权,并使开发商获得合法用例。

自动播放请参考《浏览器自动播放策略调整》

如何添加音乐到网站

7、可以在用户与页面交互后,播放。

代码如下:

<audio id="audio">


   <source src="test.flac" type="audio/ogg">
   您的浏览器不支持 audio 元素。
</audio>

document.addEventListener('click', function() {


   let music = document.getElementById('audio');//获取audio
   music.play();
});

如何添加音乐到网站

  • 哈利波特魔法觉醒决斗派对入口在哪?
  • Taptap怎样切换下载线路
  • osu曲包怎么安装
  • 天地劫幽城再临李逍遥怎么免费获得
  • 手机QQ浏览器如何更改搜索引擎呢?
  • 热门搜索
    北戴河旅游 华东五市旅游线路 九华旅游 临汾旅游 无锡旅游攻略 澳门旅游攻略 安徽旅游攻略 广西桂林旅游 广西北海旅游 爱好旅游打一成语