网页播放器

最新推荐文章于 2023-07-12 16:16:03 发布

zhuliang0108

最新推荐文章于 2023-07-12 16:16:03 发布

阅读量95

点赞数

分类专栏：网页效果

本文链接：https://blog.csdn.net/zhuliang0108/article/details/83805335

版权

网页效果专栏收录该内容

5 篇文章 0 订阅

订阅专栏

<html>
<head>
<script>

//var MusicList;

//打开就播放
function loadPlay()
{
try{
//MusicList=document.all.MusicList;
setColor(0);
document.WMP.URL=MusicList.options[0].value; //指定(播放)列表中的第一首歌曲
document.WMP.controls.play(); //播放
}catch(e){}

//try{}catch(e){}表示忽略程序运行中出现的错误
}

//以下函数获取当前播放歌曲在列表中的索引
function getMusicIndex()
{
try{
var MusicIndex=0; //存储当前播放歌曲的位置
/*
遍历整个播放列表.
获取当前播放歌曲在列表中的下标位置
用document.WMP.URL来和列表项的值比较
*/
// alert("--1--"+MusicList.length);
//var MusicList=document.all.MusicList;
// alert("--2--"+MusicList.length);
for(i=0;i<MusicList.length;i++)
{
//alert(document.WMP.URL+"=="+document.all.MusicList.options[i].value);
if(document.WMP.URL==document.all.MusicList.options[i].value)
{
MusicIndex=i; //记录下当前播放歌曲的位置
alert("******"+i);
break;
}
}
alert("当前位置："+MusicIndex);
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){
alert("播放上一曲异常！"+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){
alert("播放下一曲异常！"+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>
<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" size="5">
<option value="jiabanjiashale.wmv">加班加傻了的 multiple</option>
<option value="cat.asf">水木年华--借我一生</option>
<option value="dachenxiaoai.mp3">水木年华--少年往事</option>
</select>
<p>
</body>
</html>

zhuliang0108

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
网页播放器

//var MusicList; //打开就播放function loadPlay(){ try{ //MusicList=document.all.MusicList; setColor(0); document.WMP.URL=MusicList.options[0].value; //指定(播放)列表中的第一首歌曲 ...
复制链接

扫一扫