How to play audio files from php through html5 audio element

Question

I want to stream an .wav audio file located in the application server directory, the file name should not be exposed to the end user. Im using Yii2 framework by the way, in general, how can I achieve this through PHP?

I think you can try a server rewrite module.

shanechiu
– shanechiu

2017-09-22 05:56:18 +00:00
Commented Sep 22, 2017 at 5:56 — shanechiu
– shanechiu, Commented Sep 22, 2017 at 5:56

Saroj · Accepted Answer · 2017-09-22 05:55:45Z

2

simple way. If you don't want to expose the file name then don't use name attribute.

<html>
<body>

<audio controls>
  <source src="horse.ogg" type="audio/ogg">
  <source src="horse.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>

</body>
</html>

src is the path of your audio file and type is the type of the audio.

answered Sep 22, 2017 at 5:55

Saroj

1,3734 gold badges16 silver badges34 bronze badges

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

Comments

Sandun Munasinghe · Accepted Answer · 2018-03-22 05:12:20Z

Actually I have managed to find a way to solve the problem.

Controller code

    $audioFilePath = "audio_file_absolute_path.wav"

    header('Cache-Control: no-cache');
    header('Content-Transfer-Encoding: binary');
    header('Content-Type: audio/wav'); // sets the output content type to wav
    header('Content-Length: ' . filesize($audioFilePath)); // sets the legth of the file (in order to the HTML5 player to access the audio duration)
    header('Accept-Ranges: bytes');
    header('Content-Disposition: inline; filename="test_audio.wav"'); // set an output file name

    readfile($audioFilePath); // reads the file

View code (The audio player)

          <audio controls>
               <source id="audioPlayerSource" src="<? 'Url of audio file read controller function' ?>" type="audio/wav">
          </audio>

This way the audio file in the server gets streamed to the audio player in the view

Punit Gajjar · Accepted Answer · 2017-09-22 07:27:54Z

0

<?php
    foreach($video as $video) { ?>
       <video width="100%" height="390" controls="">
           <source src="<?php echo $video['video'];?>" type="video/mp4">
       </video>
<?php } ?>

edited Sep 22, 2017 at 7:27

Punit Gajjar

5,0077 gold badges39 silver badges73 bronze badges

answered Sep 22, 2017 at 6:05

Pankaj Upadhyay

2,12022 silver badges23 bronze badges

Collectives™ on Stack Overflow

How to play audio files from php through html5 audio element

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related