PHP readfile not working correctly with Safari - php

Question

I am loading an mp3 into an html <audio> tag. The source of that tag is really a php script which returns a song that is not hosted in the public directory.
Omitting most of validation and other code, the headers used to output the mp3 are:
header( 'Content-type: {$mime_type}' );
header( 'Content-length: ' . filesize( $file ));
header( 'Content-Disposition: inline;filename="'.$filename.'"' );
header( 'Cache-Control: no-store, no-cache, must-revalidate, post-check=0, pre-check=0' );
header( 'Pragma: no-cache' );
header( 'Content-Transfer-Encoding: binary');
header( 'Expires: 0');
readfile( $file );
This works on Firefox, Chrome (and mobile), Edge (and mobile) and Opera. However I can't seem to get Safari to use the generated url as an audio source. In fact, no audio source appears in the DOM after the page has rendered:
The url might look like, www.website.com/song.php?sid=234234234234
I have tried tweaking this file plenty of times but can't see to figure out why this is happening on Safari. My intuition is the way the browser deals with mp3s and the like, which should be dealt with in the header.
Any guidance, hints or help would be appreciated.
Thanks.
update:
Added the network, shows that it loads the mp3 but then the second request doesn't?
response headers:
Name Value
Server Apache
Content-Type audio/mpeg, audio/x-mpeg, audio/x-mpeg-3, audio/mpeg3
Date Wed, 28 Dec 2016 17:24:48 GMT
Cache-Control no-cache
X-Powered-By PHP/5.3.29
Content-Disposition inline;filename="148_2793d1c49976a3689147634359577ec1aa5619f1.mp3"
Content-Length 834312
Expires 0
Connection Keep-Alive
Content-Transfer-Encoding binary
Accept-Ranges bytes
Keep-Alive timeout=5, max=100
Pragma no-cache

Answer 1

You need to pass the Multiple ranges header, because it's a partial content: http://www.w3.org/Protocols/rfc2616/rfc2616-sec19.html#sec19.2
header("Accept-Ranges: 0-filesize( $file )");
EDIT
Take a look here:
http://www.techstruggles.com/mp3-streaming-for-apple-iphone-with-php-readfile-file_get_contents-fail/
You need to define some headers for safari, even for the mobile version.

Answer 2

I had this issue sometime ago, sorry if I don't remember correctly how I fixed that, but is a header issue (its the main part I can remember, and I don't use comments for adding the answer because its too long)
Try with this..
header( 'Accept-Ranges: bytes');
header("Pragma: public");
header("Expires: 0");
header('Cache-Control: no-cache, no-store');
header('Content-Transfer-Encoding: binary');
header('Content-Disposition: inline; filename="'.$filename.'"');
header('Content-Length: '.$fsize);
header('Content-Type: audio/'.$t);
header('Accept-Ranges: bytes');
header('Connection: Keep-Alive');
header('Content-Range: bytes 0-'.$shortlen.'/'.$fsize);
header('X-Pad: avoid browser bug');
header('Etag: '.$etag);
Where:
$filename = "myaudio.mp3";
$path = 'music/'.$filename;
$fsize = filesize($path);
$shortlen = $fsize - 1;
$fp = fopen($path, 'r');
$etag = md5(serialize(fstat($fp)));
fclose($fp);
$t = "mpeg";
Hope this helps, but the 2 main headers you need is "Etag" and "Accept-Ranges" if I'm not wrong.