HTML5 audio from PHP script

Question

I want to play audio which will be generated from a php script.

Client side:

<audio controls autoplay src="audio.php"></audio>

Server side:

$path = 'somefile.mp3';
header('Content-Type: audio/mpeg');
header('Cache-Control: no-cache');
header("Content-Transfer-Encoding: binary");
readfile($path);

It plays, but I can't change current the time in the audio element. The range slider is not working.

I think the reason is you must make audio file seekable. For example when user rewind audio file this player try to get partial content (stackoverflow.com/questions/11340276/make-mp3-seekable-php) — stepozer
– stepozer, Commented Sep 21, 2015 at 6:42

1cgonza · Accepted Answer · 2015-09-21 07:14:39Z

4

It is just missing a few things in the header in order for the seekbar to work. The Content-Length and Accept-Ranges. The HTML audio player needs them in order to build player seekbar.

Try this:

$path = 'somefile.mp3';
header('Content-Type: audio/mpeg');
header('Cache-Control: no-cache');
header('Content-Transfer-Encoding: binary');
header('Content-Length: ' . filesize($path));
header('Accept-Ranges: bytes');
readfile($path);

answered Sep 21, 2015 at 7:14

1cgonza

1,58810 silver badges20 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

HTML5 audio from PHP script

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related