Question

我用Muse创建了一个网站，并决定在github页面中托管它。

我将howler.js用于音频并将其放入js文件中。

在本地测试时，我的网站运行正常。我的音频效果很好。但是，当我在github页面中托管它时，音频链接断开，我收到404错误

这是我的js文件。

const underwater = new Howl({
  src: ["../assets/underwater.mp3", "Add File", "Add File"],
  autoplay: false,
  volume: 0.5,
  loop: true,
  preload: true,
  rate: 1
});

代码在本地运行良好。

但是，当在github页面中托管时，我看到链接变成这样： https://username.github.io/assets/underwater.mp3

它应该是这样的： https://username.github.io/myproject/assets/underwater.mp3

您是否知道如何解决此问题？非常感谢任何帮助...

谢谢

Answer 1

我认为你可以通过这种方式用（./）替换父调用（../）：

const underwater = new Howl({
  src: ["./assets/underwater.mp3", "Add File", "Add File"],
  autoplay: false,
  volume: 0.5,
  loop: true,
  preload: true,
  rate: 1
});

检查我如何通过./assets

更改../assets

在github页面中托管时，Javascript无法与assets文件夹链接

1 个答案: