這篇文章主要介紹了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>Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
