Bagaimana untuk melaksanakan pemain muzik mudah menggunakan PHP-tutorial php-php.cn

Bagaimana untuk melaksanakan pemain muzik mudah menggunakan PHP

PHPz

Lepaskan： 2023-09-26 14:38:02

asal

924 orang telah melayarinya

Bagaimana untuk melaksanakan pemain muzik mudah menggunakan PHP

Cara melaksanakan pemain muzik ringkas menggunakan PHP

Pengenalan:
Pemain muzik ialah aplikasi web biasa yang boleh memainkan dan mengurus fail audio. Dalam artikel ini, kita akan belajar cara melaksanakan pemain muzik mudah menggunakan bahasa PHP dan beberapa perpustakaan sumber terbuka. Melalui kajian artikel ini, pembaca akan mempelajari cara memproses fail audio, mencipta antara muka pemain yang mudah dan cara melaksanakan main balik dan kawalan audio.

Persediaan
Sebelum bermula, kita perlu menyediakan beberapa sumber asas.

Persekitaran PHP: Pastikan anda telah memasang PHP dan boleh menjalankan program PHP secara setempat.
Fail audio: Sediakan beberapa fail audio, yang boleh dalam format MP3 atau format biasa yang lain.
Pustaka sumber terbuka: Kami akan menggunakan pustaka sumber terbuka yang dipanggil jPlayer, yang merupakan pemain audio HTML5 yang berkuasa, fleksibel dan serasi. Anda boleh memuat turun versi terkini dari laman web rasmi jPlayer.

Buat struktur HTML asas
Sebelum menggunakan jPlayer, kita perlu mencipta struktur HTML asas untuk pemain. Berikut ialah contoh mudah:

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>音乐播放器</title>
</head>
<body>
  <audio id="myAudio" src=""></audio>
  <button onclick="play()">播放</button>
  <button onclick="pause()">暂停</button>
  <button onclick="stop()">停止</button>
</body>
</html>

Salin selepas log masuk

Dalam contoh di atas, kami telah mencipta elemen audio untuk memainkan fail audio. Kami juga menambah beberapa butang untuk mengawal fungsi main, jeda dan berhenti pemain.

Perkenalkan perpustakaan jPlayer
Seterusnya, kami perlu memperkenalkan perpustakaan jPlayer ke dalam projek kami. Selepas memuat turun atau mendapatkan kod untuk jPlayer, nyahzipnya dan salin fail yang diperlukan ke dalam direktori projek anda.

Kemudian, perkenalkan fail CSS dan JS jPlayer ke dalam halaman HTML kami. Tambahkan kod berikut pada teg :

<link rel="stylesheet" type="text/css" href="path/to/jplayer.css">
<script type="text/javascript" src="path/to/jplayer.js"></script>

Salin selepas log masuk

Pastikan anda mempunyai set path/to/jplayer.css dan path/to/jplayer.js laluan dengan betul. path/to/jplayer.css和path/to/jplayer.js的路径。

处理音频文件
在播放器中，我们需要处理音频文件的上传、添加和删除。在这里，我们将使用一个简单的上传表单来上传音频文件。

<form action="upload.php" method="POST" enctype="multipart/form-data">
  <input type="file" name="file">
  <input type="submit" value="上传">
</form>

Salin selepas log masuk

在上面的表单中，创建了一个文件输入框和一个提交按钮。当用户选择音频文件并提交表单时，上传文件的信息将被发送到upload.php脚本进行处理。

现在，我们需要创建一个upload.php

Dalam pemain, kita perlu mengendalikan muat naik, menambah dan memadam fail audio. Di sini kami akan menggunakan borang muat naik yang mudah untuk memuat naik fail audio.

<?php
  if(isset($_FILES['file'])){
    $file = $_FILES['file'];
    $targetDir = "uploads/";
    $targetFile = $targetDir . basename($file['name']);
    move_uploaded_file($file['tmp_name'], $targetFile);
  }
?>

Salin selepas log masuk

Dalam borang di atas, kotak input fail dan butang hantar dibuat. Apabila pengguna memilih fail audio dan menyerahkan borang, maklumat fail yang dimuat naik akan dihantar ke skrip upload.php untuk diproses.

upload.php

<?php
  $audioFiles = glob("uploads/*.mp3");
  if(isset($_GET['file'])){
    $selectedFile = $_GET['file'];
    echo '<audio id="myAudio" src="'.$selectedFile.'"></audio>';
  }else{
    $selectedFile = $audioFiles[0];
    echo '<audio id="myAudio" src="'.$selectedFile.'"></audio>';
  }
?>
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>音乐播放器</title>
  <link rel="stylesheet" type="text/css" href="path/to/jplayer.css">
  <script type="text/javascript" src="path/to/jplayer.js"></script>
  <script type="text/javascript">
    function play(){
      $("#myAudio").jPlayer("play");
    }
    function pause(){
      $("#myAudio").jPlayer("pause");
    }
    function stop(){
      $("#myAudio").jPlayer("stop");
    }
  </script>
</head>
<body>
  <div class="playlist">
    <?php foreach($audioFiles as $file): ?>
        <a href="?file=<?php echo $file ?>"><?php echo basename($file) ?></a><br>
    <?php endforeach; ?>
  </div>
  <button onclick="play()">播放</button>
  <button onclick="pause()">暂停</button>
  <button onclick="stop()">停止</button>
</body>
</html>

Salin selepas log masuk

Dalam contoh di atas, kami mula-mula menyemak sama ada fail telah dimuat naik. Kami kemudiannya mengalihkan laluan sementara fail yang dimuat naik ke laluan destinasi yang ditentukan.

Seterusnya, kita perlu menggunakan PHP untuk melaksanakan main balik dan kawalan fail audio. Berikut ialah contoh mudah:

Dalam contoh di atas, kami mula-mula mendapatkan semua fail audio yang dimuat naik dan memaparkannya sebagai senarai main. Apabila pengguna mengklik pada pautan, laluan ke fail audio yang dipilih diluluskan sebagai parameter GET.

Dalam kod PHP, kami mencipta elemen audio untuk memainkan fail audio yang sepadan berdasarkan laluan fail yang diluluskan. Kemudian, kami menggunakan API perpustakaan jPlayer untuk melaksanakan fungsi main, jeda dan berhenti.

Atas ialah kandungan terperinci Bagaimana untuk melaksanakan pemain muzik mudah menggunakan PHP. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!