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();});