网页嵌入播放器,并且可以控制播放列表的

<HTML>
<HEAD>
   <TITLE>MP3播放器</TITLE>
   
</HEAD>

<BODY>

<script language="JavaScript">
//            增加一首歌到播放器列表,这样,播放器放完一首歌之后,会继续放下一首
function             addmedia(url)
{
               // TTplayer.controls.stop();                 //停止播放器
               // alert(            TTplayer.versionInfo); //播放器的版本信息
 
               // 取得当前的播放列表
               var playlist=TTplayer.currentPlaylist;//新建一个指定URL的Media。
               var currMedia = TTplayer.newMedia(url);
                  //把新建的Media item添加到播放器列表
                 playlist.appendItem(currMedia);
}
// 清空播放列表
function             clearlist()
{               

          
}
//播放选中的歌曲
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(TTplayer.currentPlaylist.count);
                     TTplayer.controls.play();            //让播放器开始播放
}//添加文本输入框中的url到播放列表
function            addUrlToList(){
                   addmedia(document.getElementById("songURL").value );}
</script>
<object id="TTplayer" width=300 height=300 classid="CLSID:6BF52A52-394A-11D3-B153-00C04F79FAA6">
                 <param name="URL" value="http://tribe.booye.com/UploadPic/TribeForums/7b9b697e-1e14-40e2-95b6-ee844f134737.mp3">
                 <param name="autoStart" value="1">
                  <param name="balance" value="0">
                 <param name="baseURL" value>
                  <param name="captioningID" value>
                  <param name="currentPosition" value="0">
                  <param name="currentMarker" value="0">
                  <param name="defaultFrame" value>    
                  <param name="enabled" value="1">
                  <param name="enableErrorDialogs" value="0">
                   <param name="enableContextMenu" value="1">              
                   <param name="fullScreen" value="0">     
                  <param name="invokeURLs" value="1">
                  <param name="mute" value="0">
                  <param name="playCount" value="1">  
                  <param name="rate" value="1">
                  <param name="SAMIStyle" value>
                  <param name="SAMILang" value>
                  <param name="SAMIFilename" value>
                   <param name="stretchToFit" value="0">
                   <param name="uiMode" value="full">
                  <param name="volume" value="100">
                   <param name="windowlessVideo" value="0"></object>
<br><br><br><br>
<input type="checkbox" name="song" value ="http://www.xtvtc.net/dept/szb/bbs/UpFile/UpAttachment/200652918528.mp3">Goodnight moon<br>
<input type="checkbox" name="song" value ="http://clq.yinyuexue.com/Article/UploadFiles/200512/20051218012935274.wma"> 几个小孩子的歌<br>
<input type="checkbox" name="song" value ="http://www.henau.edu.cn/fujian/blog/rjd.mp3"> 芒果<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.cnblogs.com/wzg0319/p/1750776.html