I've got a bit of a problem, I'm trying to play MP3 files through the HTML 5 audio tags via iPhone's Mobile Safari:

<audio src="http://domain.com/musicfile.mp3" controls="controls"></audio>

Ok, this works and all but only when it's a direct MP3 file. If I were to say, put it through a PHP script that outputs the selected file it wont work at all. I have tried various methods to get this to work(like the example listed below) and researched many forums and other sites with no luck.

PHP Code:

$file="test.mp3";
header("Content-type: application/octet-stream");
header("Content-disposition: inline; filename=\"$file\"");
header("Content-transfer-encoding: binary");
header("Content-length: " . filesize($file));

$fp=fopen($file, "r");
fpassthru($fp);
exit(); 


If you can help me, that would be awesome! Thanks in advance!

You will need to use

content-type="audio/mpeg"

otherwise the user agent will treat it as a binary file.

Thanks for your prompt response, but I have already tried that. It seems that no matter what I try to do, the HTML 5 audio tags don't like when things go through scripts.

I'm not sure why because it works in Safari 4 flawlessly but once I try it on my iPhone the audio file does not load. Please note, I have successfully tested this with a direct stream to the file it's self.

Thanks again!

maybe the iPhone browser doesn't support HTML5 as yet.

I'm pretty sure it supports HTML 5. If I play it through a regular file(not through the php file) it works perfectly fine.

What I have found so far is that it might have something to do with the headers but I am not exactly sure what.

I fixed and found the error my self, thanks anyways. For any who are experiencing the same problem try re-arranging the headers. I'm not sure why it mattered so much but apparently it did.