Question

我正在尝试播放音频文件（我尝试了很多）。它们都是mp3。我已经在MAMP本地主机上以及通过仅在浏览器中运行它测试了以下内容。

我使用以下javascript：

<div class="chat-messages">
  <p class="my">last message</p>
  <p class="my">message</p>
  <p class="my">message</p>
  <p class="me">Hello</p>
  <p class="me">Hello</p>
  <p class="my">last message</p>
  <p class="my">message</p>
  <p class="my">message</p>
  <p class="my">message</p>
  <p class="me">Hello</p>
</div>

这将返回错误：

var testSound = new Audio();
testSound.src = "a.mp3"
setTimeout(testSound.play.bind(testSound),100)

试图抓住它：

Uncaught (in promise)

不返回任何内容（var testSound = new Audio(); testSound.src = "a.mp3" setTimeout(playSound,100) function playSound () { testSound.play().then(response => { }).catch(e => { console.log(e); }) }）

但是如果我现在转到控制台，只需键入：

""

声音按预期播放。

即使我将第一个代码段的第三行注释为：

testSound.play()

编辑：

即使人们不知道解决方案是什么，我仍然很想知道他们是否可以重现错误。

编辑2：

顺便说一句，该问题不会在Firefox或Safari中持续存在。

Answer 1

如果您阅读了与该异常相关的完整错误消息，则会得到更好的解释：

❌未捕获（承诺）的DOMException：play（）失败，因为用户没有首先与文档进行交互。 https://goo.gl/xX8pDD

Google的文章“ Autoplay Policy Changes”（在上面的消息中链接）详细说明了这种情况。

简短的版本是：如果要播放音频或视频，则需要等待直到用户单击页面上的某些内容为止。

播放音频文件返回“未捕获（承诺）”，但在控制台中有效

1 个答案: