Как сделать mp3 проигрыватель для сайта на php?

1
2
3
4

<audio id="player" controls>
  <source src="" type="audio/mp3">
  Your browser does not support the audio element.
</audio>

1
2
3
4
5
6
7

<script>
  function playAudio(url) {
    var player = document.getElementById("player");
    player.src = url;
    player.play();
  }
</script>

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12

<?php
  $files = array();
  $dir = opendir('music/');
  while ($file = readdir($dir)) {
    if ($file == '.' || $file == '..') {
      continue;
    }
    $files[] = $file;
  }
  closedir($dir);
  echo json_encode($files);
?>

1
2
3
4
5
6
7
8
9

<script>
  function loadMusicList() {
    var xhr = new XMLHttpRequest();
    xhr.open('GET', 'get_music_list.php', true);
    xhr.onreadystatechange = function() {
      if (xhr.readyState === XMLHttpRequest.DONE && xhr.status === 200) {
        var musicList = JSON.parse(xhr.responseText);
        for (var i = 0; i < musicList.length; i++) {
          var link = document