zoukankan      html  css  js  c++  java
  • 网页嵌入播放器,并且可以控制播放列表的

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


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

  • 相关阅读:
    Delphi 控件使用谷歌浏览器控件chromium 安装包是 dcef3-20140522 --碰到的问题
    salesforce零基础学习(九十九)Git 在salesforce项目中的应用(vs code篇)
    Salesforce LWC学习(二十) CLI篇:新版本不支持Audience解决方案
    Salesforce LWC学习(十九) 针对 lightning-input-field的label值重写
    apt安装后需要移除的问题
    mysql 触发器阻止不合理数据插入
    本机环境virtualbox出现问题重装
    php 版本升级后需要对代码进行兼容性检测
    k8s使用需认证的私服仓库
    无法启动electron,提示node_modules/electron/dist/chrome-sandbox is owned by root and has mode 4755.
  • 原文地址:https://www.cnblogs.com/wzg0319/p/1750776.html
Copyright © 2011-2022 走看看