如何添加音乐到网站

 时间:2024-10-15 00:42:10

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浏览器如何更改搜索引擎呢?
  • 热门搜索
    小学安全知识手抄报 遵纪守法手抄报内容 心理健康手抄报素材 历史手抄报版面设计图 关于环保的手抄报图片 感恩老师的手抄报图片 森林防火手抄报图片 法制在我心中手抄报 数学手抄报图片大全 文明用餐手抄报