<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>音乐播放器</title>
<script>
var music = [
"Always - T[尹美莱].wav.mp3",
"Aoa - 猫步轻悄(Like A Cat).mp3",
"Aoa - 短裙.mp3",
"Bye Bye Sea - 星光瀑布.mp3",
"EXO-K - MAMA - 2012Mnet M!CountDown现场.mp3"
];
var index = 0;
var playtype;
window.onload = function ()
{
var typesel = document.getElementById("typesel");
typesel.onchange = function ()
{
window.playtype = typesel.value;//获取下拉菜单的值
}
var player = document.getElementById("player");
player.src = music[index]; //指定播放器播放哪个音乐
player.onended = function () //当前音乐结束后执行
{
if (playtype == "random")
{
index = Math.floor(Math.random() * music.length);
player.src = music[index];
}
else
{
player.src = music[++index % music.length];
}
player.play();
}
}
</script>
</head>
<body>
<select id="typesel">
<option value="sequence">顺序播放</option>
<option value="random">随机播放</option>
</select><br />
<audio id="player" style="width:500px" controls>不能播放</audio>
</body>
</html>
html5最简单音乐播放器
猜你喜欢
转载自blog.csdn.net/Jos1n/article/details/75304093
今日推荐
周排行