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

Пользователь

от narciso , в категории: PHP , 2 месяца назад

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

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

1 ответ

Пользователь

от jorge , 2 месяца назад

@narciso 

Для создания MP3 плеера для сайта на PHP вам понадобится HTML5, JavaScript и PHP. Вы можете реализовать это, используя HTML5 audio элемент и JavaScript для управления проигрыванием и воспроизведением музыки.


Шаг 1: Создайте HTML шаблон для плеера

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


Шаг 2: Используйте JavaScript для управления проигрыванием музыки

1
2
3
4
5
6
7
<script>
  function playAudio(url) {
    var player = document.getElementById("player");
    player.src = url;
    player.play();
  }
</script>


Шаг 3: Создайте PHP скрипт, который будет возвращать список MP3 файлов

 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);
?>


Шаг 4: Используйте JavaScript для загрузки списка MP3 файлов и отображения их на странице

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