＜audio＞播放音频Chrome浏览器禁止自动播放问题 play() failed because the user didn‘t interact with the document first

2018年一月份开始  Chrome浏览器不会再自动播放音频文件 用户必须对网页进行主动触发后才可自动播放

<audio id="audio" autoplay="autoplay">

        <source src="test.ogg" />

</audio>

<audio id="audio" preload="auto">

        <source src="test.ogg" />

</audio>

 

1.现象：使用audio标签播放音频时，audio设置为autoplay或直接audio.play()。打开页面，若用户未与页面进行交互（如任意位置点一下），会报以下错误，无法播放

 

2.查询解决方法，尝试使用muted属性、chrome://flags中将“Autoplay policy”修改为 “No user gesture is required”（Autoplay policy好像已被取消，并未找到）等方法都未解决，还有什么把播放器显示出来巴拉巴拉啥啥啥的都不好使，

3.解决办法：在网站设置中，将网站的声音权限设置为“允许”，如图