javascript - HTML/JS github pages 元素在使用 firefox 运行时不加载图像或声音

Question

好吧，这是一个奇怪的网站，我不完全确定这是否是正确的 SE 网站，但我认为这是因为它考虑到网络代码/浏览器兼容性。如果没有，有人在评论中告诉我我会移动它。

所以基本上，我有我的 game's source code在github上。我也在 github pages 上托管游戏本身.这个游戏应该(我相信)在 Firefox 和 Chrome 浏览器上运行。源代码没有任何浏览器独有的内容。

游戏在 chrome 上运行良好。但是，在 Firefox 上，情况并非如此。 github 页面链接上没有任何 Assets (图像、声音)显示/工作。奇怪的是:在我的本地文件系统上，当我用 FF 打开 html 文件时，它运行/渲染 Assets 就好了。此外，当我下载我的元素的 zip 并使用 FF 尝试时，它也可以正常工作。为什么会这样？

(注意，如果您想查看问题，请单击 github 页面链接，然后单击“开始游戏”，这将打开出现问题的游戏)

编辑:忘了说，我在 FF 控制台中得到的错误是 NS_ERROR_NOT_AVAILABLE:它通向第 421 行，即:g2d.drawImage(playerSprite, spriteLoc[0], spriteLoc[1]);我将图像绘制到 Canvas 上的位置。 g2d 应该是 ctx btw，这是一个糟糕的 Java 习惯。

Answer 1

尝试改变资源的路径。你这样调用声音文件和图像文件:

laserSound = new Audio("resources\\Sounds\\laserblast.wav");
playerSprite.src = "resources\\Sprites\\Sprite.png";

您需要将路径更改为:

laserSound = new Audio("resources/Sounds/laserblast.wav");
playerSprite.src = "resources/Sprites/Sprite.png";

也就是把这个\改成这个/

目前您获取它的方式，Firefox 找不到您的文件所在的位置。

还有，你为什么不把 init(); 放在 JS 文件的底部，它只是为了确保 JS 解析器已经知道你将调用的某些函数已经定义，像update()和initBackground()(这似乎不是问题，只是为了安全起见。)