js顺序播放列表中的音乐

最新推荐文章于 2024-05-07 23:11:20 发布

b10l07

最新推荐文章于 2024-05-07 23:11:20 发布

阅读量550

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/tnnyang/p/6693526.html

版权

今天一个朋友问我js顺序播放音乐列表中的音乐的问题，我仔细一想，我也没有做过啊，无从下手啊，怎么办？然后我就上网查了一下audio标签，又百度了js如何顺序播放音乐，结果就找到了解决的办法。
audio标签有一个方法是onended，W3C对它的解释是“当媒介已到达结尾时运行的脚本（可发送类似“感谢观看”之类的消息）。”这么问题就迎刃而解了。
直接上代码：

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<audio controls="controls" autoplay="autoplay" id="audio" src="http://so1.111ttt.com:8282/2016/1/12m/10/205102159306.m4a?tflag=1491889514&pin=1d78d27553feb8fb49894cc570a4e497&ip=180.173.30.102#.mp3" style="width:500px;"></audio>
<script type="text/javascript">
var i = 0;
var audios=[
    "http://so1.111ttt.com:8282/2016/5/12m/10/205101601572.m4a?tflag=1491889763&pin=00b0e3cfdc2727028c8cd40a3913cd34&ip=180.173.30.102#.mp3",
    "http://so1.111ttt.com:8282/2016/5/12m/10/205101416298.m4a?tflag=1491889789&pin=ca21cf0765639847b78d5fea2d9568ae&ip=180.173.30.102#.mp3",
    "http://so1.111ttt.com:8282/2016/1/12m/10/205101007238.m4a?tflag=1491890978&pin=6ae41be616c20b7e1224e935de8c2c2d&ip=180.173.30.102#.mp3"
    ];
document.getElementById("audio").onended = function(){
    if(audios[i]){
        this.setAttribute('src',audios[i]);i++;
    }else{
        alert('没有音乐了');
    }
};
</script>
</body>
</html>

转载于:https://www.cnblogs.com/tnnyang/p/6693526.html

b10l07

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js顺序播放列表中的音乐

今天一个朋友问我js顺序播放音乐列表中的音乐的问题，我仔细一想，我也没有做过啊，无从下手啊，怎么办？然后我就上网查了一下audio标签，又百度了js如何顺序播放音乐，结果就找到了解决的办法。audio标签有一个方法是onended，W3C对它的解释是“当媒介已到达结尾时运行的脚本（可发送类似“感谢观看”之类的消息）。”这么问题就迎刃而解了。直接上代码：<!DOCTYPE html&gt...
复制链接

扫一扫