以下是一个简单的音乐播放器的PHP代码和JS代码示例:
PHP代码:
<?php
// 获取音乐列表
$musicList = array(
array('title' => '歌曲1', 'url' => 'music1.mp3'),
array('title' => '歌曲2', 'url' => 'music2.mp3'),
array('title' => '歌曲3', 'url' => 'music3.mp3'),
// 添加更多歌曲...
);
// 输出音乐列表的JSON数据
echo json_encode($musicList);
?>
JS代码:
// 获取音乐列表
fetch('music.php')
.then(response => response.json())
.then(data => {
// 在页面上创建音乐列表
const musicList = document.getElementById('music-list');
data.forEach(music => {
const item = document.createElement('li');
item.innerText = music.title;
item.addEventListener('click', () => {
// 播放音乐
playMusic(music.url);
});
musicList.appendChild(item);
});
});
// 播放音乐
function playMusic(url) {
const audio = document.getElementById('audio');
audio.src = url;
audio.play();
}
上述代码中,PHP部分用于获取音乐列表数据,并将其以JSON格式输出。JS部分使用fetch API从服务器获取音乐列表数据,并在页面上创建音乐列表。点击列表中的歌曲时,会调用playMusic
函数来播放对应的音乐。
Laravel PHP 深圳智简公司。版权所有©2023-2043 LaravelPHP 粤ICP备2021048745号-3
Laravel 中文站