asp.net實現線上音樂播放器樣本_實用技巧

來源:互聯網
上載者:User

複製代碼 代碼如下:

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

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.