时间戳

首页 > 解决方案 > JavaScript - Chrome 打开新窗口，音频自动播放

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

问题描述

当我使用 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 因为用户没有先与文档交互。

有人对我有建议的解决方案吗？

编辑：在元素上设置静音无济于事，因为它仍然需要额外单击才能取消静音。

谢谢

:-)

标签： javascripthtmlgoogle-chromehtml5-audio

解决方案

这是一个添加了道具的代码片段，muted它没有显示任何错误。检查并告诉我，这里是小提琴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>

推荐阅读