Android / IOS Chrome无法使用HTML5音频播放音频

Question

我目前正在使用HTML5音频在我的角度应用程序中的特定按钮上播放声音，所有浏览器中的声音都出现在桌面上，但它在Android / IOS浏览器中存在问题。

所以我尝试了下面的事情：

1）。首先我尝试通过js播放声音，但它不会因为Android / IOS chrome不允许我使用audio.play（），它总是给我错误， 未捕获（在promise中）DOMException：play（）只能由用户手势启动。

2）。然后，如果它不允许我使用audio.play，那么首先我要在html中创建一个带有autoplay属性的音频元素来测试音频标签是否在移动设备上工作，并发现它正在工作。

<audio id = "audio1" src="s.mp3" type="audio/mpeg"  autoplay></audio> 

所以我做了什么，我用javasript创建了一个具有自动播放属性的音频html元素，因为我希望在点击按钮时播放音频。

                  var source = "s.mp3";
                  var element = document.createElement('audio');
                  element.setAttribute("src",source);
                  element.setAttribute("autoplay","");
                  document.body.appendChild(element);

但这不适用于手机Chrome，看起来对我来说很奇怪，因为我刚创建了与html中的属性相同的元素。