服务器之家

服务器之家 > 正文

asp.net实现在线音乐播放器示例

时间:2019-11-29 14:30     来源/作者:ASP.NET教程网

代码如下:


<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>

相关文章

热门资讯

玄元剑仙肉身有什么用 玄元剑仙肉身境界等级划分
玄元剑仙肉身有什么用 玄元剑仙肉身境界等级划分 2019-06-21
男生常说24816是什么意思?女生说13579是什么意思?
男生常说24816是什么意思?女生说13579是什么意思? 2019-09-17
配置IIS网站web服务器的安全策略配置解决方案
配置IIS网站web服务器的安全策略配置解决方案 2019-05-23
Nginx服务器究竟是怎么执行PHP项目
Nginx服务器究竟是怎么执行PHP项目 2019-05-24
华为nova5pro和p30pro哪个好 华为nova5pro和华为p30pro对比详情
华为nova5pro和p30pro哪个好 华为nova5pro和华为p30pro对比详情 2019-06-22
返回顶部