Html 在github页面上的repo中源音频文件

我正在github页面上主持一个项目，希望通过html5

元素播放位于我的存储库中的音频文件。当我在我的开发环境中设置源代码时，音频播放良好，但是当我推到gh页面时，我得到一个404控制台错误，无法找到它

<audio ref='themeSong' src="vendor/assets/music/Tetris.mp3" autoPlay loop></audio>

我试过这样做：

"vendor/assets/music/Tetris.mp3"
"/vendor/assets/music/Tetris.mp3"
"http://github.com/myName/myRepo/vendor/assets/music/Tetris.mp3"
"http://github.com/myName/myRepo/tree/master/vendor/assets/music/Tetris.mp3"

---

但似乎什么都不管用

您可以尝试引用原始url

https://raw.githubusercontent.com/myName/myRepo/master/vendor/assets/music/Tetris.mp3

注意：类似这样的服务提到：

当您从

raw.githubusercontent.com

或

gist.githubusercontent.com

请求文件时，GitHub通常使用

内容类型

的

服务它（在JavaScript、HTML、CSS和一些其他文件类型的情况下）。因此，大多数现代浏览器实际上不会将其解释为JavaScript、HTML或CSS

他们这样做是因为从git repo提供原始文件相对效率较低，所以他们希望阻止人们使用GitHub repo进行静态文件托管

RawGit充当缓存代理，将请求转发到GitHub，在短时间内（对于
RawGit.com
URL）或永久性地（对于
cdn.RawGit.com
URL）缓存响应，并使用正确的
内容类型
标题将它们转发到浏览器

工作得很好。另一方面，当我在回购协议中查看文件时，有一个小链接，上面写着“查看原始数据”。在
src
中使用该链接，并在dev和gh页面上播放。这还能用吗？现在无法从GitHub播放原始文件，播放按钮变灰。同样的事情也会发生在rawgit上。@juanferer应该这样做，但rawgit除外：。检查你的adblocker，以防万一：
https://raw.githubusercontent.com/myName/myRepo/master/vendor/assets/music/Tetris.mp3