JavaScript - Chrome 打开新窗口，音频自动播放答案

【问题标题】：JavaScript - Chrome open new window, audio autoplayJavaScript - Chrome 打开新窗口，音频自动播放
【发布时间】：2019-01-01 23:33:49
【问题描述】：

当我使用 JavaScript 打开流式音频窗口时，它拒绝在 Google Chrome（版本 67.0.3396.99）上自动播放。

我已经在元素上设置了“自动播放”属性

<audio id="stream" controls autoplay>

我什至尝试在页面中使用嵌入的 JavaScript 来

document.getElementById("stream").play();.

问题在于 Chrome 会阻止任何 play() 交互，因为

Uncaught (in promise) DOMException: play() failed 因为用户没有先与文档交互。

有没有人给我建议的解决方案？

编辑：在元素上设置静音并没有帮助，因为它仍然需要额外点击才能取消静音。

谢谢

:-)

【问题讨论】：

【解决方案1】：

这是一个添加了 prop muted 的代码n-p，它没有显示任何错误。检查并告诉我，这是小提琴http://jsfiddle.net/Aravi/9ng3tszq/

window.addEventListener("load",function(){
 var player1 = document.getElementById("player");
 player1.play();
})

<audio id="player" controls autoplay muted>
   <source src="http://d2cstorage-a.akamaihd.net/wbr/gotnext/8578.mp3" type="audio/mp3">
</audio>

【讨论】：

我已经编辑了我的问题 ---> “在元素上设置静音没有帮助，因为它仍然需要额外点击才能取消静音。”
如果您不想要额外的点击，那么一旦音频开始播放，您可以移除道具取消静音..您是否正在寻找那种黑客
当我点击答案上的“-> 运行代码片段”时，自动播放工作。当我单击 jsFiddle 时，自动播放不起作用。当我自己尝试时，自动播放不起作用。我正在尝试<audio id="stream" controls autoplay muted>
@JackWilson 对我来说，它在任何地方都会自动播放，即使它最初需要一点延迟。
不，还是像我之前评论中所说的那样。