当前位置:Gxlcms > asp.net > asp.net实现在线音乐播放器示例

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

时间:2021-07-01 10:21:17 帮助过:53人阅读

代码如下:
<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>

人气教程排行