Rumah > Artikel > pembangunan bahagian belakang > Bagaimana untuk melaksanakan pemain muzik mudah menggunakan PHP
Bagaimana untuk melaksanakan pemain muzik mudah menggunakan PHP
- PHPzasal
- 2023-09-26 14:36:21978semak imbas
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>
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>
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>
在上面的表单中，创建了一个文件输入框和一个提交按钮。当用户选择音频文件并提交表单时，上传文件的信息将被发送到upload.php脚本进行处理。
现在，我们需要创建一个upload.php
- Memproses fail audio
- 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.phpuntuk diproses.
Kini, kita perlu mencipta skrip
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);
}
?>upload.php untuk mengendalikan fail audio yang dimuat naik. Berikut ialah contoh mudah: <?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>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.
Laksanakan main balik dan kawalan audioSeterusnya, 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.
🎜Kesimpulan: 🎜Setakat ini, kami telah menyelesaikan penciptaan pemain muzik mudah. Pemain ini boleh memuat naik fail audio, memaparkan senarai main dan memainkan, menjeda dan menghentikan fail audio. 🎜🎜Sudah tentu, ini hanya contoh asas, anda boleh memanjangkan dan memperbaikinya mengikut keperluan anda sendiri. Contohnya, anda boleh menambah fungsi pemadaman fail audio, kawalan kelantangan, bar kemajuan main balik, dsb. 🎜🎜Saya harap artikel ini berguna kepada pemula dan memberitahu anda cara menggunakan PHP untuk melaksanakan pemain muzik mudah. Jika anda mempunyai sebarang pertanyaan, sila tinggalkan mesej. 🎜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!