这个网站是一个音乐播放器的网站,提供网易云音乐的API接口调用。用户可以通过调用API来获取歌曲、歌单、专辑等信息。例如在网页中添加一个img
标签,设置背景图片为随机生成的音乐API接口返回的图片URL,就可以实现音乐播放器的效果。
技术老李:
```html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Music Player</title>
<!-- 背景图片URL 可使用随机图片API -->
<style>
body {
background-image: url("img/background.jpg");
}
.photo-bg {
background-image: url("img/milu.jpg");
}
</style>
</head>
<body>
<div class="photo-bg">
<img src="" alt="Image not found" />
</div>
<!-- 音乐设置 -->
<script src="https://api.mizore.cn/meting/api.php"></script>
<!-- meting api -->
<script>
// meting api支持的服务
const musicServer = "netease";
// 音乐服务:网易云 netease 参见 meting api支持的服务
// 音乐循环顺序,顺序播放:'list'
const musicOrder = "list";
// 音频循环顺序, 随机播放:'random'
const randomPlay = true;
// 歌曲类型
const songType = "playlist";
// 歌单ID或歌曲ID或者专辑ID
const musicId = "3778678";
// 20173709 29732992
const playlistId = "20173709";
// 歌曲名
const songName = "29732992";
const songArtist = "29732992";
// 获取播放列表信息
function getPlaylist() {
fetch(musicServer + "/playlist/" + playlistId)
.then((response) => response.json())
.then((data) => {
console.log(data);
});
}
// 随机播放一首曲目
function playRandomSong() {
fetch(musicServer + "/song/" + songId)
.then((response) => response.json())
.then((data) => {
if (randomPlay) {
console.log(data);
} else {
getPlaylist();
}
});
}
// 初始化
getPlaylist();
setInterval(playRandomSong, 3000); // 每秒随机播放一首曲目
</script>
</body>
</html>
”`