javascript实现播放器

最新推荐文章于 2024-04-18 06:45:00 发布

果果软件

最新推荐文章于 2024-04-18 06:45:00 发布

阅读量1k

点赞数

分类专栏：网页文章标签： javascript function button 存储 object html

本文链接：https://blog.csdn.net/jk6801251/article/details/2278072

版权

网页专栏收录该内容

6 篇文章 0 订阅

订阅专栏

javascript实现播放器

<html>
<head>
<title>播放器</title>
<script language="javascript">
//打开就播放
function loadPlay()
{
//try{}catch(e){}表示忽略程序运行中出现的错误
try
{
setColor(0);
document.WMP.URL = MusicList.options[0].value; //指定(播放)列表中的第一首歌曲
document.WMP.controls.play(); //播放
}
catch(e)
{}
}

//以下函数获取当前播放歌曲在列表中的索引
function getMusicIndex()
{
try
{
var MusicIndex=0; //存储当前播放歌曲的位置
/*
遍历整个播放列表.
获取当前播放歌曲在列表中的下标位置
用document.WMP.URL来和列表项的值比较
*/
for(i = 0;i < MusicList.length;i++)
{
if(document.WMP.URL == document.all.MusicList.options[i].value)//错的..
{
MusicIndex = i; //记录下当前播放歌曲的位置
break;
}
}
return MusicIndex; //整个函数返回当前播放歌曲的下标位置
}
catch(e)
{}
setTimeout('getMusicIndex()',1000); //每隔1秒就检测一下当前播放歌曲的位置
}

getMusicIndex(); //调用getMusicIndex()函数

//设置当前播放与不播放的歌曲的颜色
function setColor(me)
{
for(i = 0;i < MusicList.length;i++)
{
MusicList.options[i].style.color = "purple";
if(i == me)
{
MusicList.options[i].style.color = "green";
continue;
}
}
}

//播放上一曲
function playPrevious()
{
try
{
var PlayIndex = getMusicIndex(); //将当前播放歌曲的位置存储到PlayIndex变量中
PlayIndex--; //当前播放歌曲的位置-1就表示起上一曲的位置
setColor(PlayIndex);
document.WMP.URL = MusicList.options[PlayIndex].value;
document.WMP.controls.play();
}
catch(e)
{}
}

//播放下一曲
function playNext()
{
try
{
var PlayIndex = getMusicIndex(); //将当前播放歌曲的位置存储到PlayIndex变量中
PlayIndex++; //当前播放歌曲的位置+1就表示起下一曲的位置
setColor(PlayIndex);
document.WMP.URL = MusicList.options[PlayIndex].value;
document.WMP.controls.play();
}
catch(e)
{}
}

//控制播放,暂停,停止
function control(me)
{
switch (me)
{
case 1 : //暂停
document.WMP.controls.pause();
break;
case 2 : //播放
document.WMP.controls.play();
break;
case 0 : //停止
document.WMP.controls.stop();
break;
}
}
</script>
</head>
<body οnlοad="loadPlay()">
<object id="WMP" classid="clsid:6BF52A52-394A-11D3-B153-00C04F79FAA6" width="232" height="200" loop=-1 style="DISPLAY:none">
<param name="URL">
<param name="uiMode" value="none">
<param name="enableContextMenu" value="false">
</object>
<br>
<button οnclick="control(2)">播放</button>
<button οnclick="control(1)">暂停</button>
<button οnclick="control(0)">停止</button>
<button οnclick="playPrevious()">上一曲</button>
<button οnclick="playNext()">下一曲</button>
<br>
<select id="MusicList" multiple>
<option value="http://down.5458.net/yenja/zy/jwys.mp3">水木年华--借我一生
<option value="http://shanhe.tangguqu.com/mp3/jintian.mp3">刘德华--今天
<option value="http://www.m8cool.com/UserFiles/BbsAttachments/2007072219356718750-29B4.mp3">水木年华--别哭,我最爱的人
</select>
<p>
</body>
</html>