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


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


       本人博客的文章大部分来自网络转载,因为时间的关系,没有写明转载出处和作者。所以在些郑重的说明:文章只限交流,版权归作者。谢谢

  • 相关阅读:
    Java设计模式之单例模式
    Bootstrap-table使用footerFormatter做统计列
    Bootstrap进度条
    基于Bootstrap的表格插件bootstrap-table
    基于Bootstrap的对话框插件bootstrap-dialog
    基于Bootstrap的下拉框插件bootstrap-select
    JsonConfig处理日期时间
    Jquery表单验证插件validate
    Hibernate使用Criteria去重distinct+分页
    设置iframe高度自适应屏幕高度
  • 原文地址:https://www.cnblogs.com/wzg0319/p/1750776.html
Copyright © 2020-2023  润新知