html - source an audio file in repo on github pages -

-

i'm hosting project on github pages , play audio file located in repository through html5 <audio> element. when source on dev environment, audio plays fine, when push gh-pages 404 console error cannot found. 

<audio ref='themesong' src="vendor/assets/music/tetris.mp3" autoplay loop></audio>

error:

get http://myname.github.io/vendor/assets/music/tetris.mp3 404 (not found)

i've tried sourcing this:

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

but nothing seems work.

you can try , reference raw url 

https://raw.githubusercontent.com/myname/myrepo/master/vendor/assets/music/tetris.mp3

note: service rawgit.com mentions:

when request file raw.githubusercontent.com or gist.githubusercontent.com, github serves (in case of javascript, html, css, , other file types) content-type of text/plain. result, modern browsers won't interpret javascript, html, or css.

they because serving raw files git repo relatively inefficient, want discourage people using github repos static file hosting.

rawgit acts caching proxy, forwarding requests github, caching responses either short time (in case of rawgit.com urls) or permanently (in case of cdn.rawgit.com urls), , relaying them browser correct content-type headers.


Comments

Post a Comment

Popular posts from this blog

android - Gradle sync Error:Configuration with name 'default' not found -

-
i want add external library guillotinemenu-android in application. followed steps given in upvoted answer existing question how add library project android studio? facing error when try build project after step 6 i.e. when added dependency in app/build.gradle compile project(":guillotinemenu") . tried stackoverflow links related error not working out. have made folder named libs in app directory , copied project folder guillotine menu there. here build.gradle(module:app) file apply plugin: 'com.android.application' android { compilesdkversion 22 buildtoolsversion "22.0.1" defaultconfig { applicationid "com.sunshine.bbreaker.appet_i" minsdkversion 14 targetsdkversion 22 versioncode 1 versionname "1.0" } buildtypes { release { minifyenabled false proguardfiles getdefaultproguardfile('proguard-android.txt'), 'proguard-rules.p
Read more

java - Andrioid studio start fail: Fatal error initializing 'null' -

-
i don't know happened android studio，when start ，it shows me error message below. , try uninstall/reinstall it,but doesn't work.who can me!!! internal error. please report https://code.google.com/p/android/issues java.lang.runtimeexception: com.intellij.ide.plugins.pluginmanager$startupabortedexception: fatal error initializing 'null' @ com.intellij.idea.ideaapplication.run(ideaapplication.java:178) @ com.intellij.idea.mainimpl$1$1$1.run(mainimpl.java:52) @ java.awt.event.invocationevent.dispatch(invocationevent.java:209) @ java.awt.eventqueue.dispatcheventimpl(eventqueue.java:715) @ java.awt.eventqueue.access$400(eventqueue.java:82) @ java.awt.eventqueue$2.run(eventqueue.java:676) @ java.awt.eventqueue$2.run(eventqueue.java:674) @ java.security.accesscontroller.doprivileged(native method) @ java.security.accesscontrolcontext$1.dointersectionprivilege(accesscontrolcontext.java:86) @ java.awt.eventqueue.dispatchevent(eventqu
Read more

html - jQuery UI Sortable - Remove placeholder after item is dropped -

-
i'm trying nested sortable , i'm kind'a succeeding, there's 1 small little inconvenience bugs me. i want placeholder disappear after i've dropped dragged item (on mouseup) , can't quite figure out how it. i want because when sort downwards, deletion of placeholder affects parent's height, in turn creates small bug, check jsfiddle here. html <div class="container"> <h1>menu</h1> <ul class="list-group striped nest"> <li class="list-group-item">home <ul class="list-group striped nest"></ul></li> <li class="list-group-item">about <ul class="list-group striped nest"></ul></li> <li class="list-group-item"> services <ul class="list-group striped nest"> <li class="list-group-item">design <ul class=
Read more