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

前端技术 2023/09/05 .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>

本文地址：https://www.stayed.cn/item/14493

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见，何事秋风悲画扇。

我的标签

随笔档案