источник аудиофайла в репо на страницах github

Question

Я размещаю проект на страницах github и хотел бы воспроизвести аудиофайл, который находится в моем репозитории, через элемент html5 <audio>. когда я получаю его в своей среде dev, звук воспроизводится нормально, но когда я нажимаю на gh-pages, я получаю ошибку консоли 404, которую он не может найти.

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

Ошибка:

GET http://myName.github.io/vendor/assets/music/Tetris.mp3 404 (Not Found) 

Я попытался его поиске это:

"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" 

но ничего не похоже на работу.

Answer 1

Вы можете попробовать и ссылаться на Необработанные URL-адрес

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

Примечание: услуга как rawgit.com упоминает:

When you request a file from raw.githubusercontent.com or gist.githubusercontent.com , GitHub usually serves it (in the case of JavaScript, HTML, CSS, and some other file types) with a Content-Type of text/plain . As a result, most modern browsers won't actually interpret it as JavaScript, HTML, or CSS.

They do this because serving raw files from a git repo is relatively inefficient, so they want to discourage people from using their GitHub repos for static file hosting.

RawGit acts as a caching proxy, forwarding requests to GitHub, caching the responses either for a short time (in the case of rawgit.com URLs) or permanently (in the case of cdn.rawgit.com URLs), and relaying them to your browser with the correct Content-Type headers.