程序師世界是廣大編程愛好者互助、分享、學習的平台,程序師世界有你更精彩!
首頁
編程語言
C語言|JAVA編程
Python編程
網頁編程
ASP編程|PHP編程
JSP編程
數據庫知識
MYSQL數據庫|SqlServer數據庫
Oracle數據庫|DB2數據庫
 程式師世界 >> 編程語言 >> .NET網頁編程 >> ASP.NET >> ASP.NET基礎 >> asp.net實現在線音樂播放器示例

asp.net實現在線音樂播放器示例

編輯: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>

  1. 上一頁:
  2. 下一頁:
Copyright © 程式師世界 All Rights Reserved