是有有办法让audio音频标签强制自动播放
来源：2-17 音频和视频
小熊乔一
2022-01-22 08:56:10
老师，现在想实现一个移动端上面，类似“电子结婚请柬”，一进去就可以默认播放音乐，但是无论我怎么尝试，强制调用，都依旧提示“DOMException: play() failed because the user didn't interact with the document first”，是否有什么办法，可以做到“自动播放效果”，“伪自动播放也行”，只要给用户感受的是，背景音乐一进来自动播放。（我用的是vue 2 的编写的，老师如果出代码，尽量使用 vue2.x 哈~）非常感谢！
写回答
1回答
-
好帮手慕小李
2022-01-22
同学你好，以下方式同学仅供参考。（vue2.x）
这三种方式可以按照需求来使用，如是本地的音乐不需要通过ajax获取后台的数据，那么使用第一个方式就可以了。记得要把音乐放到目录中。
另可以在移动端试用如下方式，使用dom的click事件。这样同学可以把事件添加到一个透明蒙版上，当用户点击到透明的蒙版上时，让用户觉得是音乐“自动播放”。
*现在很多浏览器都在屏蔽类似于音频视频自动播放的功能，很多项目都用的是伪播放的形式在做。有的点击某个按钮，或类似于透明蒙版，有的直接把事件挂载到window对象上。如下：
同学自己试试，祝学习愉快！
0
相似问题