除非打开检查器，否则音频无法在 Aframe 中播放答案

【问题标题】：Audio unable to play in Aframe unless the inspector is opened除非打开检查器，否则音频无法在 Aframe 中播放
【发布时间】：2020-10-18 04:27:07
【问题描述】：

我一直致力于为 Glitch 项目添加背景音乐。我按照 Aframe.io 文档创建了一个声音组件并将其设置为在运行时自动播放，但是，当我尝试运行该项目时，声音不会在我的笔记本电脑上自动播放。我必须打开 Aframe 检查器并取消暂停我的项目才能开始播放音乐。出于某种原因，当我在手机上尝试相同的项目时，我没有遇到这个问题。一旦程序启动并运行，声音就会按预期播放。我不确定是什么导致声音出现故障，但非常感谢任何帮助。这是我正在进行的项目：https://glitch.com/edit/#!/animation-animate?path=index.html%3A15%3A23

【问题讨论】：

标签： aframe

【解决方案1】：

在大多数现代浏览器上自动播放音频需要用户交互才能启用音频。您可以在场景前放置一个 div，单击该 div 即可开始播放背景音频。

查看有关视频自动播放的相关 SO 问题/答案，这应该会有所帮助： Autoplaying videosphere from A-frame is not working on any browser(Safari/Chrome)

A-Frame discord 上的另一位用户提供了这个示例演示： https://aframe-autoplay-background-music.glitch.me/

【讨论】：

他们似乎通过对 javascript 部分的调整解决了这个问题，但我不熟悉 javascript。仅使用 aframe html 是否有任何可能的解决方案？

【解决方案2】：

在使用 Aframe 原生处理声音时，我遇到了同样的问题，我可以给您的建议之一是使用 HowlerJS 声音库播放声音，它与大多数框架兼容，也与 A-Frame 兼容

我分享了他们的页面和文档，这个库非常易于使用和实施到项目中 https://howlerjs.com/ https://github.com/goldfire/howler.js#documentation

【讨论】：