javascript - 为什么音频不能在移动浏览器上播放

Question

我一直在寻找一整天。我知道自动播放在移动设备上不起作用，这是有道理的。但我想知道为什么这不起作用。有没有解决这个问题的方法。以下代码在桌面上完美运行，但在移动设备上运行不佳。

var audio = new Audio('sound.mp3');
audio.play();

Answer 1

这是一个非常老的问题，但我在解决我的问题的过程中遇到过几次，即音频在桌面上似乎工作得很好，但在某些移动浏览器上却根本没有。

我的问题是，在 touchevent 中，我正在执行 e.preventDefault() 这(不知何故？)使事件“不可信”意味着一切看起来都很好但没有音频将播放。

我通过不使用触摸事件并依赖于在 css 中设置 touch-action: manipulation 之后触发的点击事件来修复它。不是最好的解决方案，但是嘿。非常愚蠢的是，在控件上轻按以使用阻止默认播放声音时事件变得不受信任，这样它就不会在双击时放大。

希望这对遇到类似问题的人有所帮助。

(来自 Manuel Graf 对 this 问题的评论)