浏览器对脚本播放媒体的限制

前情提要

在做的ERP系统,接到新需求,在收到订单后弹出框, 语音通知 ,我用WS接受服务器信息,用隐藏的audio标签和js手动播放,自测没问题,集成测试过了,好,上线…

—大约一周后
用户反馈,弹出框是有的, 语音通知偶尔有,且几率很小,我的反应是:你是不是音响没插稳…(之前是有过这种情况的,而且不止一次orz)

排查问题

线下环境一直是没有问题的(Chrome稳定最新 84.0.4147.125),直到我打开火狐:

Uncaught (in promise) DOMException: play() failed because the user didn't interact with the document first.

好家伙,得经用户允许的意思?于是我去查看文档,大意是控制组件不允许隐藏或在视图之外,且用户点击过播放之后才能手动用脚本控制,上一次我遇到类似的\问题是在用脚本全屏的时候…

大概是为了防止流氓网页做出什么出格的事情吧(现在不也很多澳门赌场广告吗…)

解决

没办法,我老老实实写上 control 属性,放在全局组件上,更新用户手册,希望这次问题解决了,还有,希望巨硬没事