下面代码放在 <body>代码下即可
代码一
<audio autoplay="autoplay" loop>
<source src="输入音乐地址" type="audio/mpeg">
</audio>{/tabs-pane}
{tabs-pane label="效果"}
{/tabs-pane}
代码二
可播放下一首歌曲
<audio id="player" controls>
<source src="http://api.yujn.cn/api/fanchang.php?" type="audio/mpeg">
<source src="http://api.yujn.cn/api/fanchang.php?" type="audio/ogg">
<source src="http://api.yujn.cn/api/fanchang.php?" type="audio/wav">
</audio>
<script>
const player = document.getElementById("player");
let currentSongIndex = 0;
// 定义歌曲列表
const songs = [
{ src: "http://api.yujn.cn/api/fanchang.php?", type: "audio/mpeg" },
{ src: "http://api.yujn.cn/api/fanchang.php?", type: "audio/mpeg" },
{ src: "http://api.yujn.cn/api/fanchang.php?", type: "audio/mpeg" }
];
// 在播放结束时自动切换到下一首歌曲
player.addEventListener("ended", function() {
currentSongIndex++;
if (currentSongIndex >= songs.length) {
currentSongIndex = 0; // 回到第一首歌曲
}
player.src = songs[currentSongIndex].src;
player.type = songs[currentSongIndex].type;
player.play();
});
// 播放第一首歌曲
player.src = songs[currentSongIndex].src;
player.type = songs[currentSongIndex].type;
player.play();
</script>
评论 (0)