asp.net实现在线音乐播放器示例
程序员文章站
2024-02-24 09:49:22
复制代码 代码如下: playback example<...
复制代码 代码如下:
<html>
<head><title>playback example</title>
</head>
<body>
<script language="javascript">
function addmedia(url)
{
// player.controls.stop(); //停止播放器
// alert(player.versioninfo); //播放器的版本信息
//取得向player对象的播放列表中添加媒体的权限
document.getelementbyid("mediaplayer").settings.requestmediaaccessrights("full");
// 取得当前的播放列表
var playlist=mediaplayer.currentplaylist;
//新建一个指定url的media
var currmedia = mediaplayer.newmedia(url);
//把新建的media item添加到播放器列表
playlist.appenditem(currmedia);
}
function clearlist()
{
//mediaplayer.currentplaylist.count返回列表中的歌曲数量
while(mediaplayer.currentplaylist.count>0) {
var item =mediaplayer.currentplaylist.item(mediaplayer.currentplaylist.count-1);
mediaplayer.currentplaylist.removeitem(item); // 从播放列表中删除项
}
}
function addseletedsongtoplaylist()
{
clearlist();
var selectitem = document.getelementsbyname("song");
// alert(selectitem.length);
for(var i=0;i<selectitem.length;i++)
{
if(selectitem[i].checked==true)
{
//alert(selectitem[i].value);
addmedia(selectitem[i].value);
}
}
// alert(mediaplayer.currentplaylist.count);
mediaplayer.controls.play(); //让播放器开始播放
}
//添加歌曲到播放列表
function addurltolist(){
addmedia(document.getelementbyid("songurl").value );}
</script>
<object classid="clsid:6bf52a52-394a-11d3-b153-00c04f79faa6" name="mediaplayer" width="320" height="240" id="mediaplayer" style="filter:gray()">
<param name="autostart" value="1"/>
<!--是否自动播放-->
<param name="balance" value="0"/>
<!--调整左右声道平衡,同上面旧播放器代码-->
<param name="enabled" value="1"/>
<!--播放器是否可人为控制-->
<param name="enablecontextmenu" value="-1"/>
<!--是否启用上下文菜单-->
<param name="url" value=""/>
<!--播放的文件地址-->
<param name="playcount" value="1"/>
<!--播放次数控制,为整数-->
<param name="rate" value="1"/>
<!--播放速率控制,1为正常,允许小数,1.0-2.0-->
<param name="currentposition" value="0"/>
<!--控件设置:当前位置-->
<param name="currentmarker" value="0"/>
<!--控件设置:当前标记-->
<param name="defaultframe" value="0"/>
<!--显示默认框架-->
<param name="invokeurls" value="0"/>
<!--脚本命令设置:是否调用url-->
<param name="baseurl" value=""/>
<!--脚本命令设置:被调用的url-->
<param name="stretchtofit" value="0"/>
<!--是否按比例伸展-->
<param name="volume" value="50"/>
<!--默认声音大小0%-100%,50则为50%-->
<param name="mute" value="0"/>
<!--是否静音-->
<param name="uimode" value="full"/>
<!--播放器显示模式:full显示全部;mini最简化;none不显示播放控制,只显示视频窗口;invisible全部不显示-->
<param name="windowlessvideo" value="0"/>
<!--如果是0可以允许全屏,否则只能在窗口中查看-->
<param name="fullscreen" value="0"/>
<!--开始播放是否自动全屏-->
<param name="enableerrordialogs" value="0"/>
<!--是否启用错误提示报告-->
<param name="samistyle" value=""/>
<!--sami样式-->
<param name="samilang" value=""/>
<!--sami语言-->
<param name="samifilename" value=""/>
<!--字幕id-->
<embed id="mediaplayer" autostart="1" clicktoplay="0" width="320" height="240" showaudiocontrols="1" autorewind="0" autosize="0" showcontrols="1" align="bottom" showstatusbar="1" showdisplay="0" animationatstart="1" src="" showtracker="1" transparentatstart="0" type="application/x-mplayer2" showgotobar="0" pluginspage="" defaultframe="datawindow" border="1" showcaptioning="0" enablecontextmenu="1" showpositioncontrols="0" allowscan="1" invokeurls="0"/>
</object>
<script>addseletedsongtoplaylist();</script>
<br><br><br><br>
<input type="checkbox" name="song" value ="mms://pub1.qmoon.net/911pop?cccode=cc1276">青檬音乐台 <br>
<input type="checkbox" name="song" value ="mms://live.rgd.com.cn/914">广东新闻电台<br>
<input type="checkbox" name="song" value ="mms://live.rgd.com.cn/993">广东音乐之声<br>
<br><input type = "button" id = "play"name="play" value = "播放选中的歌曲" onclick = "addseletedsongtoplaylist();">
<input type = "button" id = "clear" name="clear" value = "清空播放列表" onclick = "clearlist();"> <br>
<input type = "button"id = "add" name="add" value = "添加到播放列表"onclick = "addurltolist();"><input type="text" name="songurl" value ="http://">
</body>
</html>
上一篇: asp.net文件上传示例分享