JPlayer mp3 not working (chrome)

Question

I'm trying to set up JPlayer on a website in Chrome.

I have an mp3 and ogg file on the server called: test.mp3 and test.ogg.

If I set the media to mp3 supplied and the mp3 path, it doesn't work. If I do the same for the ogg file, it works. I also can hit www.website.com/test.ogg and it plays the audio. However, if I hit www.website.com/test.mp3, it doesn't play the mp3 audio.

Here is my HTACCESS: AddType audio/mpeg mp3

Server appears to accept range requests: Response Headersview source Accept-Ranges:bytes

Is there something minor wrong w/ my htaccess or am I overlooking something else? I've looked into nearly every solution I've found so far w/ no avail.

The website is: radiosmasher.com (radiosmasher.com/test.ogg, etc.)

EDIT: It appears the requests for the MP3's are getting cancelled, if they are of a certain size. They get cancelled after downloading around 2MB of a 10MB song. Any clue?

Answer 1

I have had the same problem with both jPlayer and MediaElement. Thanks to the comments elsewhere on this page, I discovered that the order matters for Chrome, but not for Firefox. This is possibly a bug in Chrome.

So to be more specific, this works in both browsers:

<audio controls="controls" preload="auto">
    <source type="audio/ogg" src="clips/clip1.oga" preload="none"/>
    <source type="audio/mpeg" src="clips/clip1.mp3" preload="none"/>
</audio>

but this only works in Firefox:

<audio controls="controls" preload="auto">
    <source type="audio/mpeg" src="clips/clip1.mp3" preload="none"/>
    <source type="audio/ogg" src="clips/clip1.oga" preload="none"/>
</audio>

The only difference is that Chrome seems to have a problem with MP3 (dunno why) and by putting the ogg first this problem is hidden.

[Using Firefox v15 and Chromium v20 on Ubuntu12.04]