没有 Live 服务器，Howler 无法播放

Question

我创建了一个应用程序，它在单击播放按钮后使用嚎叫来播放声音。当我使用实时服务器打开应用程序时它可以正常工作，但是当我在本地打开 index.html 时它不起作用，只需双击文件的图标。

有人可以帮我吗？我需要找出它为什么不起作用。

var sound = new Howl({
  src: ['//ssl.gstatic.com/dictionary/static/sounds/20200429/car--_gb_1.mp3'],
  html5：是的，
});

Answer 1

如果您从源中省略 URL 方案（通常是 http 或 https）并使用 file:// 方案打开本地文件，您的浏览器很可能会尝试从本地文件系统中查找 mp3 文件。

您可以尝试将正确的 URL 方案（http:// 或 https://）添加到源代码的开头，如下所示：

var sound = new Howl({
  src: ['http://ssl.gstatic.com/dictionary/static/sounds/20200429/car--_gb_1.mp3'],
  html5: true,
});