当前浏览器:
当前浏览器:
当前浏览器:
iPhone,chrome等要求自动播放时,音频必须静音,需要由一个真实的用户交互
操作来恢复,不能使用代码。
https://developers.google.com/web/updates/2017/09/autoplay-policy-changes
如果是通过点击链接、脚本操作等方式加载页面,可以通过js程序去掉静音(地址栏输入貌似不支持js解除禁音)。
目前demo 借助performance.navigation.type 判断是否满足加载声音的条件。来实现自动播放(带声音)。
TIPS:“重新加载”按钮或者location.reload()方法加载,通过“前进”或“后退”按钮加载 这种是不会带有声音播放的
自动播放是默认静音的,需要手动触发cancelMute()
我绑定了container窗口的点击事件,来激活声音。