网页播放mp3

最新推荐文章于 2021-06-10 12:10:00 发布
最新推荐文章于 2021-06-10 12:10:00 发布
阅读量919 收藏
点赞数
分类专栏： html 文章标签： function class border table div vbscript
网上找的代码，经测试可以使用：
1.<html>
<head>
<title>网页播放mp3</title>
</head>
<body>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
        <tr>
          <td>
            <b>在线音乐点播</b></td>
        </tr>
      </table>
      <br>
      <table align=center style="font:9pt">
        <tr>
          <td>
              <object classid="clsid:22D6F312-B0F6-11D0-94AB-0080C74C7E95" id="MediaPlayer1" width="286" height="225">
              <param name="AudioStream" value="-1">
              <param name="AutoSize" value="-1">
              <!--是否自动调整播放大小-->
              <param name="AutoStart" value="-1">
              <!--是否自动播放-->
              <param name="AnimationAtStart" value="-1">
              <param name="AllowScan" value="-1">
              <param name="AllowChangeDisplaySize" value="-1">
              <param name="AutoRewind" value="0">
              <param name="Balance" value="0">
              <!--左右声道平衡,最左-9640,最右9640-->
              <param name="BaseURL" value>
              <param name="BufferingTime" value="15">
              <!--缓冲时间-->
              <param name="CaptioningID" value>
              <param name="ClickToPlay" value="-1">
              <param name="CursorType" value="0">
              <param name="CurrentPosition" value="0">
              <!--当前播放进度 -1 表示不变,0表示开头 单位是秒,比如10表示从第10秒处开始播放,值必须是-1.0或大于等于0-->
              <param name="CurrentMarker" value="0">
              <param name="DefaultFrame" value>
              <param name="DisplayBackColor" value="0">
              <param name="DisplayForeColor" value="16777215">
              <param name="DisplayMode" value="0">
              <param name="DisplaySize" value="0">
              <!--视频1-50%, 0-100%, 2-200%,3-全屏 其它的值作0处理,小数则采用四舍五入然后按前的处理-->
              <param name="Enabled" value="-1">
              <param name="EnableContextMenu" value="-1">
              <!--是否用右键弹出菜单控制-->
              <param name="EnablePositionControls" value="-1">
              <param name="EnableFullScreenControls" value="-1">
              <param name="EnableTracker" value="-1">
              <!--是否允许拉动播放进度条到任意地方播放-->
              <param name="Filename" value="Music/sayoldtime.mp3" valuetype="ref">
              <param name="InvokeURLs" value="-1">
              <param name="Language" value="-1">
              <param name="Mute" value="0">
              <!--是否静音-->
              <param name="PlayCount" value="10">
              <!--重复播放次数,0为始终重复-->
              <param name="PreviewMode" value="-1">
              <param name="Rate" value="1">
              <!--播放速度1.0-2.0倍的速度播放-->
              <param name="SAMILang" value>
              <param name="SAMIStyle" value>
              <param name="SAMIFileName" value>
              <!--选择同时播放(伴音)的歌曲-->
              <param name="SelectionStart" value="-1">
              <param name="SelectionEnd" value="-1">
              <param name="SendOpenStateChangeEvents" value="-1">
              <param name="SendWarningEvents" value="-1">
              <param name="SendErrorEvents" value="-1">
              <param name="SendKeyboardEvents" value="0">
              <param name="SendMouseClickEvents" value="0">
              <param name="SendMouseMoveEvents" value="0">
              <param name="SendPlayStateChangeEvents" value="-1">
              <param name="ShowCaptioning" value="0">
              <!--是否显示字幕,为一块黑色,下面会有一大块黑色,一般不显示-->
              <param name="ShowControls" value="-1">
              <!--是否显示控制,比如播放,停止,暂停-->
              <param name="ShowAudioControls" value="-1">
              <!--是否显示音量控制-->
              <param name="ShowDisplay" value="0">
              <!--显示节目信息,比如版权等-->
              <param name="ShowGotoBar" value="0">
              <!--一条框,在下面,有往下箭头-->
              <param name="ShowPositionControls" value="-1">
              <!--是否显示往前往后及列表,如果显示一般也都是灰色不可控制-->
              <param name="ShowStatusBar" value="-1">
              <!--当前播放信息,显示是否正在播放,及总播放时间和当前播放到的时间-->
              <param name="ShowTracker" value="-1">
              <!--是否显示当前播放跟踪条,即当前的播放进度条-->
              <param name="TransparentAtStart" value="-1">
              <param name="VideoBorderWidth" value="0">
              <!--显示部的宽部,如果小于视频宽,则最小为视频宽,或者加大到指定值,并自动加大高度.此改变只改变四周的黑框大小,不改变视频大小-->
              <param name="VideoBorderColor" value="0">
              <!--显示黑色框的颜色, 为RGB值,比如ffff00为黄色-->
              <param name="VideoBorder3D" value="0">
              <param name="Volume" value="0">
              <!--音量大小,负值表示是当前音量的减值,值自动会取绝对值,最大为0,最小为-9640,最大0-->
              <param name="WindowlessVideo" value="0">
              <!--如果是0可以允许全屏,否则只能在窗口中查看-->
            </object> <br>
            <span style="cursor:hand" onClick="alert(document.MediaPlayer1.filename);">查看当前任务</span><br>
            <b>MP3点播</b>
            <br><span style="cursor:hand" onClick="document.MediaPlayer1.filename='http://xxzx.wems.net/jxggtd/wems-kj/kjk/yw3/1.MP3';">轩辕剑参外传-天之痕</span>
            <span style="cursor:hand" onClick="document.MediaPlayer1.filename='http://202.107.236.189/mal/zz/张真-红红好姑娘.mp3';">张真(红红好姑娘)</span>
           
            <br>
            <b>播放速度调整</b>
            <script>
var mediaRate=document.MediaPlayer1.Rate;
var mediaVolume=document.MediaPlayer1.Volume;
var mediaCurrentPosition=document.MediaPlayer1.CurrentPosition;
function setRate(num)
{
     mediaRate=num;
     document.MediaPlayer1.Rate=num;
}
function addCurrentPosition(num)
{
     mediaCurrentPosition=document.MediaPlayer1.CurrentPosition;
     mediaCurrentPosition+=num;
     if(mediaCurrentPosition<0)mediaCurrentPosition=0;
     document.MediaPlayer1.CurrentPosition=mediaCurrentPosition;
}
function addVolume(num)
{
     mediaVolume=document.MediaPlayer1.Volume;
     if(num>0 && mediaVolume<-1)
     {
           mediaVolume+=num;
           if(mediaVolume>-1)mediaVolume=-1;
           document.MediaPlayer1.Volume=mediaVolume;
     }
     else
     {
           if(num<0 && mediaVolume>-9999)
           {      mediaVolume +=num;
                 if(mediaVolume <-9999)mediaVolume=-9999;
                 document.MediaPlayer1.Volume=mediaVolume;
           }
     }
}
function addRate(num)
{
     mediaRate=document.MediaPlayer1.Rate;
     if(num>0 && mediaRate<12.0)
     {
           mediaRate+=num;
           //if(mediaRate >2.0)mediaRate=2.0;
           document.MediaPlayer1.Rate=mediaRate;
     }
     else
     {
           if(num<0 && mediaRate>0.1)
           {      mediaRate +=num;
                 if(mediaRate <0.1)mediaRate=0.1;
                 document.MediaPlayer1.Rate=mediaRate;
           }
     }
}
function exchangeValue(obj)
{
     if(obj=="0")
     {
           obj="-1";
     }
     else
     {
           obj="0";
     }
     return obj;
}
</script>
            <!--速度正常1.0
     速度慢0.0<value<1.0
     速度快1.0<value<2.0
-->
            <span style="cursor:hand" onClick="setRate(1.2);">较快</span> <span style="cursor:hand" onClick="addRate(0.1);">加速</span>
            <span style="cursor:hand" onClick="addRate(-0.1);">减速</span> <span style="cursor:hand" onClick="setRate(0.8);">较慢</span>
            <span style="cursor:hand" onClick="setRate(1);">正常</span> <span style="cursor:hand" onClick="alert(mediaRate);">查看速度</span>
            <br>
            <b>播放声音调整</b> <span style="cursor:hand" onClick="document.MediaPlayer1.Mute=exchangeValue(document.MediaPlayer1.Mute);">静音/取消</span>
            <span style="cursor:hand" onClick="alert(document.MediaPlayer1.Mute);">查看</span>
            <br>
            <span style="cursor:hand" onClick="document.MediaPlayer1.Volume=-1">最大</span>
            <span style="cursor:hand" onClick="document.MediaPlayer1.Volume=-9999">最小</span>
            <span style="cursor:hand" onClick="document.MediaPlayer1.Volume=-180">默认</span>
            <span style="cursor:hand" onClick="document.MediaPlayer1.Volume=-259">中大</span>
            <span style="cursor:hand" onClick="document.MediaPlayer1.Volume=-399">中等</span>
            <span style="cursor:hand" onClick="document.MediaPlayer1.Volume=-999">中小</span>
            <span style="cursor:hand" onClick="document.MediaPlayer1.Volume=-1599">小</span>
            <span style="cursor:hand" onClick="addVolume(100);">加大音量</span> <span style="cursor:hand" onClick="addVolume(-100);">减少音量</span>
            <span style="cursor:hand" onClick="alert(document.MediaPlayer1.Volume);">查看</span>
            <br>
            <b>播放界面控制</b><br>
            <span style="cursor:hand" onClick="document.MediaPlayer1.ShowCaptioning=exchangeValue(document.MediaPlayer1.ShowCaptioning);">显示/隐藏字幕</span>
            <span style="cursor:hand" onClick="alert(document.MediaPlayer1.ShowCaptioning);">查看</span>
            <br>
            <span style="cursor:hand" onClick="document.MediaPlayer1.ShowControls=exchangeValue(document.MediaPlayer1.ShowControls);">显示/隐藏播放控制</span>
            <span style="cursor:hand" onClick="alert(document.MediaPlayer1.ShowControls);">查看</span>
            <br>
            <span style="cursor:hand" onClick="document.MediaPlayer1.ShowAudioControls=exchangeValue(document.MediaPlayer1.ShowAudioControls);">显示/隐藏音量控制</span>
            <span style="cursor:hand" onClick="alert(document.MediaPlayer1.ShowAudioControls);">查看</span>
            <br>
            <span style="cursor:hand" onClick="document.MediaPlayer1.ShowDisplay=exchangeValue(document.MediaPlayer1.ShowDisplay);">显示/隐藏节日信息</span>
            <span style="cursor:hand" onClick="alert(document.MediaPlayer1.ShowDisplay);">查看</span>
            <br>
            <span style="cursor:hand" onClick="document.MediaPlayer1.ShowGotoBar=exchangeValue(document.MediaPlayer1.ShowGotoBar);">显示/隐藏GOTOBAR</span>
            <span style="cursor:hand" onClick="alert(document.MediaPlayer1.ShowGotoBar);">查看</span>
            <br>
            <span style="cursor:hand" onClick="document.MediaPlayer1.ShowPositionControls=exchangeValue(document.MediaPlayer1.ShowPositionControls);">显示/隐藏位置控制</span>
            <span style="cursor:hand" onClick="alert(document.MediaPlayer1.ShowPositionControls);">查看</span>
            <br>
            <span style="cursor:hand" onClick="document.MediaPlayer1.ShowStatusBar=exchangeValue(document.MediaPlayer1.ShowStatusBar);">显示/隐藏播放信息</span>
            <span style="cursor:hand" onClick="alert(document.MediaPlayer1.ShowStatusBar);">查看</span>
            <br>
            <span style="cursor:hand" onClick="document.MediaPlayer1.ShowTracker=exchangeValue(document.MediaPlayer1.ShowTracker);">显示/隐藏播放跟踪条</span>
            <span style="cursor:hand" onClick="alert(document.MediaPlayer1.ShowTracker);">查看</span>
            <br>
            <b>声道切换</b> <span style="cursor:hand" onClick="document.MediaPlayer1.Balance=-9640;">左声道</span>
            <span style="cursor:hand" onClick="document.MediaPlayer1.Balance=9640;">右声道</span>
            <span style="cursor:hand" onClick="document.MediaPlayer1.Balance=0;">左右平衡</span>
            <span style="cursor:hand" onClick="alert(document.MediaPlayer1.Balance);">查看</span>
            <br>
            <b>视频窗口大小</b> <span style="cursor:hand" onClick="document.MediaPlayer1.DisplaySize=1;">50%</span>
            <span style="cursor:hand" onClick="document.MediaPlayer1.DisplaySize=0;">100%</span>
            <span style="cursor:hand" onClick="document.MediaPlayer1.DisplaySize=2;">200%</span>
            <span style="cursor:hand" onClick="document.MediaPlayer1.DisplaySize=3;">全屏</span>
            <span style="cursor:hand" onClick="alert(document.MediaPlayer1.DisplaySize);">查看</span>
            <br>
            <b>播放进度控制</b> <span style="cursor:hand" onClick="document.MediaPlayer1.CurrentPosition=0;">回到开始</span>
            <span style="cursor:hand" onClick="addCurrentPosition(60);">前进一分钟</span>
            <span style="cursor:hand" onClick="addCurrentPosition(-60);">后退一分钟</span>
            <span style="cursor:hand" onClick="document.MediaPlayer1.CurrentPosition=99999;">到最后</span>
            <span style="cursor:hand" onClick="alert(document.MediaPlayer1.CurrentPosition);">查看</span>
            <br>
            <b>选择伴音</b> <span style="cursor:hand" onClick="document.MediaPlayer1.SAMIFileName='http://xxzx.wems.net/jxggtd/wems-kj/kjk/yw3/1.MP3';">天之痕</span>
            <span style="cursor:hand" onClick="document.MediaPlayer1.SAMIFileName='';">无</span>
            <span style="cursor:hand" onClick="alert(document.MediaPlayer1.SAMIFileName);">查看</span>
            (注意不能马上生效,点击后需要再重新播放歌曲) <span style="cursor:hand" onClick="alert(document.MediaPlayer1.maxlength);">查看</span>
            <script language=vbscript>
for each obj in document.MediaPlayer1.all
     messagebox(obj)
next
</script>
</td></tr></table>
</body>
</html>

2.<html>
<head>
<title>aboutplayer</title>
<style>
body {
 overflow:auto;
 font-size:12px;
 cursor:default;
 background-color: #977E4A;
}

#table01 {
 font-size:12px;
 background-Color:black;
 color:white;
 text-align:center;
}

#playListTitle {
 background-Color:#001122;
 color:white;
 font-size:12px;
 font-weight:bold;
 width:100%;
 height:16px;
 padding:2px;
}

#playList {
 width:150px;
 height:225px;
 margin:0px;
 font-size:12px;
 background-Color:black;
 color:white;
}

#musicList {
 width:200px;
 border:buttonface 4px groove;
 height:80px;
 position:absolute;
 right:5px;
 top:23px;
 left: -1px;
}

#musicListTitle {
 font-size:13px;
 width:100%;
 height:20px;
 background-Color:#C5FFC5;
 padding:3px;
 font-weight:bold;
}

#musicList a {
 text-decoration:none;
 width:100%;
 height:20px;
 line-height:20px;
 font-szie:20px;
 line-height:20px;
 padding-top:5px;
 padding-left:10px;
}

#musicList a:hover {
 background-Color:#E5FFE5;
}
.style1 {
 color: #006699;
 font-weight: bold;
}
.style2 {font-size: 12px}
a:link {
 text-decoration: none;
}
a:visited {
 text-decoration: none;
}
a:hover {
 text-decoration: none;
}
a:active {
 text-decoration: none;
}
.style4 {font-size: 12px; color: #FFFF33; }
.style7 {font-family: "Times New Roman", Times, serif}
</style>
<script>

function playList_dragOver(){
 event.returnValue=false;
}

function playList_dragEnter(){
 event.returnValue=false;
 event.dataTransfer.dropEffect='link';
}

function addMusic(){
 if(event.srcElement.tagName=='A'){
  strTxt=event.srcElement.innerText;
  strURL=event.srcElement.href;
  playList.innerHTML="";
  playList.options[0]=new Option(strTxt,strURL);
  playList.options[0].selected=true;
 }
 event.returnValue=false;
 
 playList_dblClick();
 return(false);
}

function playList_drop(){
 strTxt=unescape(event.dataTransfer.getData('Text').split(":")[0]);
 strURL=unescape(event.dataTransfer.getData('Text').split(":")[1]);
 playList.options[playList.options.length]=new Option(strTxt,strURL);
}

function playList_keyDown(){
 if(event.keyCode==46){
  try{
   playList.options[playList.options.selectedIndex].outerHTML="";
  }catch(e){}
  return(false);
 }
 if(event.keyCode==13){
  playList_dblClick();
  return(false);
 }
}

function playList_dblClick(){
 MediaPlayer1.detachEvent("PlayStateChange",checkPlayStatus);
 MediaPlayer1.fileName=playList.value;
 MediaPlayer1.play();
 setTimeout('MediaPlayer1.play();MediaPlayer1.attachEvent("PlayStateChange",checkPlayStatus);',1000);
}

function musicList_dragStart(){
 if(event.srcElement.tagName=='A'){
  event.dataTransfer.setData('Text',escape(event.srcElement.innerText)+":"+escape(event.srcElement.href));
 }else{
  return(false);
 }
}

function init(){
 MediaPlayer1.AutoRewind=false;
 MediaPlayer1.AutoStart=true;
 MediaPlayer1.SendPlayStateChangeEvents=true;
 MediaPlayer1.attachEvent("PlayStateChange",checkPlayStatus);
}

function checkPlayStatus(oldState,newState){
 try{
  if(MediaPlayer1.PlayState==0){
   MediaPlayer1.detachEvent("PlayStateChange",checkPlayStatus);
   MediaPlayer1.stop();
   if(playList.options.selectedIndex<playList.options.length-1){
    playList.options[playList.options.selectedIndex+1].selected=true;
   }else{
    playList.options[0].selected=true;
   }
   MediaPlayer1.fileName=playList.value;
   MediaPlayer1.play();
   setTimeout('MediaPlayer1.play();MediaPlayer1.attachEvent("PlayStateChange",checkPlayStatus);',1000);
  }
 }catch(e){}
}
</script>
<script>
function doFull()
{
var objId = "MediaPlayer1";
var funcStr = objId + ".displaySize = 3";
eval(funcStr);
}
</script>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312"><body οnlοad="init();">
<table id=table01>
 <tr>
  <td>
   <object classid="clsid:22D6F312-B0F6-11D0-94AB-0080C74C7E95" id="MediaPlayer1" width="286" height="225" STANDBY="Loading Windows Media Player components..." TYPE="application/x-oleobject">
    <param name="AudioStream" value="-1">
    <param name="AutoSize" value="-1">
    <!--是否自动调整播放大小-->
    <param name="AutoStart" value="0">
    <!--是否自动播放-->
    <param name="AnimationAtStart" value="-1">
    <param name="AllowScan" value="-1">
    <param name="AllowChangeDisplaySize" value="-1">
    <param name="AutoRewind" value="0">
    <param name="Balance" value="0">
    <!--左右声道平衡,最左-9640,最右9640-->
    <param name="BaseURL" value>
    <param name="BufferingTime" value="15">
    <!--缓冲时间-->
    <param name="CaptioningID" value>
    <param name="ClickToPlay" value="-1">
    <param name="CursorType" value="0">
    <param name="CurrentPosition" value="0">
    <!--当前播放进度 -1 表示不变,0表示开头 单位是秒,比如10表示从第10秒处开始播放,值必须是-1.0或大于等于0-->
    <param name="CurrentMarker" value="0">
    <param name="DefaultFrame" value>
    <param name="DisplayBackColor" value="0">
    <param name="DisplayForeColor" value="16777215">
    <param name="DisplayMode" value="0">
    <param name="DisplaySize" value="0">
    <!--视频1-50%, 0-100%, 2-200%,3-全屏 其它的值作0处理,小数则采用四舍五入然后按前的处理-->
    <param name="Enabled" value="-1">
    <param name="EnableContextMenu" value="1">
    <!-是否用右键弹出菜单控制-->
    <param name="EnablePositionControls" value="-1">
    <param name="EnableFullScreenControls" value="-1">
    <param name="EnableTracker" value="-1">
    <!--是否允许拉动播放进度条到任意地方播放-->
    <param name="Filename" value="" valuetype="ref">
    <param name="InvokeURLs" value="-1">
    <param name="Language" value="-1">
    <param name="Mute" value="0">
    <!--是否静音-->
    <param name="PlayCount" value="10">
    <!--重复播放次数,0为始终重复-->
    <param name="PreviewMode" value="-1">
    <param name="Rate" value="1">
    <!--播放速度1.0-2.0倍的速度播放-->
    <param name="SAMILang" value>
    <param name="SAMIStyle" value>
    <param name="SAMIFileName" value>
    <!--选择同时播放(伴音)的歌曲-->
    <param name="SelectionStart" value="-1">
    <param name="SelectionEnd" value="-1">
    <param name="SendOpenStateChangeEvents" value="-1">
    <param name="SendWarningEvents" value="-1">
    <param name="SendErrorEvents" value="-1">
    <param name="SendKeyboardEvents" value="0">
    <param name="SendMouseClickEvents" value="0">
    <param name="SendMouseMoveEvents" value="0">
    <param name="SendPlayStateChangeEvents" value="-1">
    <param name="ShowCaptioning" value="0">
    <!--是否显示字幕,为一块黑色,下面会有一大块黑色,一般不显示-->
    <param name="ShowControls" value="-1">
    <!--是否显示控制,比如播放,停止,暂停-->
    <param name="ShowAudioControls" value="-1">
    <!--是否显示音量控制-->
    <param name="ShowDisplay" value="0">
    <!--显示节目信息,比如版权等-->
    <param name="ShowGotoBar" value="0">
    <!--一条框,在下面,有往下箭头-->
    <param name="ShowPositionControls" value="-1">
    <!--是否显示往前往后及列表,如果显示一般也都是灰色不可控制-->
    <param name="ShowStatusBar" value="-1">
    <!--当前播放信息,显示是否正在播放,及总播放时间和当前播放到的时间-->
    <param name="ShowTracker" value="-1">
    <!--是否显示当前播放跟踪条,即当前的播放进度条-->
    <param name="TransparentAtStart" value="-1">
    <param name="VideoBorderWidth" value="0">
    <!--显示部的宽部,如果小于视频宽,则最小为视频宽,或者加大到指定值,并自动加大高度.此改变只改变四周的黑框大小,不改变视频大小-->
    <param name="VideoBorderColor" value="0">
    <!--显示黑色框的颜色, 为RGB值,比如ffff00为黄色-->
    <param name="VideoBorder3D" value="0">
    <param name="Volume" value="0">
    <!--音量大小,负值表示是当前音量的减值,值自动会取绝对值,最大为0,最小为-9640,最大0-->
    <param name="WindowlessVideo" value="0">
    <embed src="-1" width="286" height="225" autostart="0" audiostream="-1" autosize="-1" animationatstart="-1" allowscan="-1" allowchangedisplaysize="-1" autorewind="0" balance="0" baseurl="value" bufferingtime="15" captioningid="value" clicktoplay="-1" cursortype="0" currentposition="0" currentmarker="0" defaultframe="value" displaybackcolor="0" displayforecolor="16777215" displaymode="0" displaysize="0" enabled="-1" enablecontextmenu="-1" enablepositioncontrols="-1" enablefullscreencontrols="-1" enabletracker="-1" filename="" invokeurls="-1" language="-1" mute="0" playcount="10" previewmode="-1" rate="1" samilang="value" samistyle="value" samifilename="value" selectionstart="-1" selectiοnend="-1" sendopenstatechangeevents="-1" sendwarningevents="-1" senderrorevents="-1" sendkeyboardevents="0" sendmouseclickevents="0" sendmousemoveevents="0" sendplaystatechangeevents="-1" showcaptioning="0" showcontrols="-1" showaudiocontrols="-1" showdisplay="0" showgotobar="0" showpositioncontrols="-1" showstatusbar="-1" showtracker="-1" transparentatstart="-1" videoborderwidth="0" videobordercolor="0" videoborder3d="0" volume="0" windowlessvideo="0"></embed>
    <!--如果是0可以允许全屏,否则只能在窗口中查看-->
   </object>
  </td>
  <td>
   <div id=playListTitle>Play List:</div>
   <select id=playList size=2 οndragοver="playList_dragOver();" οndragenter="playList_dragEnter();"
    οndrοp="playList_drop();" οnkeydοwn="playList_keyDown();" οndblclick="playList_dblClick();">
   </select>
  </td>
 </tr>
</table>
<script language="JavaScript1.2">

var dragswitch=0
var nsx
var nsy
var nstemp

function drag_dropns(name){
temp=eval(name)
temp.captureEvents(Event.MOUSEDOWN | Event.MOUSEUP)
temp.οnmοusedοwn=gons
temp.οnmοusemοve=dragns
temp.οnmοuseup=stopns
}

function gons(e){
temp.captureEvents(Event.MOUSEMOVE)
nsx=e.x
nsy=e.y
}
function dragns(e){
if (dragswitch==1){
temp.moveBy(e.x-nsx,e.y-nsy)
return false
}
}

function stopns(){
temp.releaseEvents(Event.MOUSEMOVE)
}


//drag drop function for IE 4+
/

var dragapproved=false

function drag_dropie(){
if (dragapproved==true){
document.all.showimage.style.pixelLeft=tempx+event.clientX-iex
document.all.showimage.style.pixelTop=tempy+event.clientY-iey
return false
}
}

function initializedragie(){
iex=event.clientX
iey=event.clientY
tempx=showimage.style.pixelLeft
tempy=showimage.style.pixelTop
dragapproved=true
document.οnmοusemοve=drag_dropie
}


if (document.all){
document.οnmοuseup=new Function("dragapproved=false")
}

drag drop functions end here//

function hidebox(){
if (document.all)
showimage.style.visibility="hidden"
else if (document.layers)
document.showimage.visibility="hide"
}


</script>
<div id="showimage" style="position:absolute; width:500px; left:465px; top:18px; height: 0px;">
<table border="0" width="199" cellspacing="0" cellpadding="0">
  <tr>
    <td width="100%"><table border="0" width="100%" cellspacing="0" cellpadding="0"
    height="36">
      <tr>
        <td width="100%" bgcolor="#C6FFC6" style="padding:4px" onMousedown="initializedragie()"><ilayer width="100%" onSelectStart="return false"><layer width="100%" onMouseover="dragswitch=1;drag_dropns(showimage)" onMouseout="dragswitch=0" class="style1">
        <div align="left" class="style2">
          <div align="center">用鼠标按着我拖拖看<span class="style7">^o^</span></div>
        </div>
        </layer>
        </ilayer></td>
        <td bgcolor="#00CCFF" style="cursor:hand"><strong><a href="#" onClick="hidebox();return false">×</a></strong></td>
      </tr>
      <tr>
        <td width="100%" style="padding:4px" colspan="2"><p> </p>
          <div id=musicList οndragstart="musicList_dragStart();">
            <div class="style2" id=musicListTitle>All Music</div>
            <span class="style2">
            <a href="http://xxzx.wems.net/jxggtd/wems-kj/kjk/yw3/1.MP3" οnclick="addMusic();">轩辕剑参外传-天之痕</a><br>
            <a href="http://www.gyvnet.com/music_new/web/user/usermusic/2947/2005030813201579754.mp3" οnclick="addMusic();">麻吉弟弟 甜蜜蜜</a><br>
            <a href="http://www.gyvnet.com/music_new/web/user/usermusic/2308/2005063004283371564.mp3" οnclick="addMusic();">第一滴泪 - 动力火车</a><br>
            <a href="http://211.90.238.134/blog/upload/music/half.sugar.wma" οnclick="addMusic();">半糖主义 - SHE</a><br>
            <a href="http://web.163.sh.cn/~kkyhm/music/3.wma" οnclick="addMusic();">发如雪 - 周杰伦</a></span><br>
            <hr>
            <span class="style4">Tips: 把歌曲拖入播放列表<br>
            </span>
              <input type="button" class="style2" οnclick="doFull();" value="全屏/ESC返回">
              </div>
          </td>
      </tr>
    </table>
    </td>
  </tr>
</table>
</div>
<div id=info></div>
<body>
</html>
feng8008
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
html网页播放mp3音乐js脚本
05-06
html网页播放mp3音乐js脚本
自用的MP3播放网页
pal97的博客
05-05 364
自用的MP3播放网页，后台php，前台js，bootstrap <!-- mp3测试网站 1、自动搜索网站中mp3目录下的文件夹，生成文件夹分类（php） 2、再从各个目录下搜索文件，添加至播放按钮（php+javascript） 3、audio元素添加监听事件，暂停或退出时记忆播放记录（localStorage永久保存） 退出利用onbeforeunload事件，效果不是很好 4、利用post上传历史记录，服务器端用文件保存，如果是post请求则只返回历史记录，如果是get请求则不读取文件
网页播放mp3-网页打开即播放
一叶扁舟
10-26 3593
网页播放mp3-网页打开即播放 document.getElementById('bgaudio').play(); //document.getElementsByTagName('body')[0].style.width=screen.width+"px";
网页上播放音频、视频Mp3，Mp4
望远烬的博客
04-08 931
昨天在处理网页上播放音频mp3,视频mp4上用了一天的时间来比较各种方案，最终还是选择了HTML5的 标签，谷歌浏览器、IE浏览器对标签的支持都很好，火狐上需要安装quicktime插件，效果比较差。 <embed type="audio/mpeg" src="demo.mp3" style="width:400px; height:100px; border:3px solid bla...
html4播放mp3,在网页播放MP3、WMA音乐的代码
weixin_29796903的博客
06-10 1661
一、在网页播放MP3、WMA音乐的代码(极速模式和兼容模式都显示)border="0" width="460" height="68" type="application/x-mplayer2"pluginspage="http://www.microsoft.com/isapi/redir.dll?prd=windows&sbp=mediaplayer&ar=media&...
网页上播放mp3或flash等播放器代码
09-22
本文将详细介绍下：media player控制/REAL PLAYER控制/param name标签 部分(播放器代码)/插入rm格式视频等播放器代码，感兴趣的你可以参考下哈
flash播放mp3网页代码
11-25
flash播放mp3网页代码 包含3个flash播放器 在a html里面的代码是这三个播放器的Demo
MP3网页点击播放
06-16
用于网页链接的迷你MP3播放器，试试看好不好用？？好就赞一个
网页视频播放插件源代码
03-15
一个很不错的网页视频播放器件，采用Flash+Javascript的插件形式开发，简单小巧，支持手机端播放，可以很方便的集成到任何cms网站系统或自己开发的网站中，基本上支持了主流的音视频格式文件，喜欢的自己下载。...
node-v9.2.1-linux-x86.tar.xz
05-06
Node.js，简称Node，是一个开源且跨平台的JavaScript运行时环境，它允许在浏览器外运行JavaScript代码。Node.js于2009年由Ryan Dahl创立，旨在创建高性能的Web服务器和网络应用程序。它基于Google Chrome的V8 JavaScript引擎，可以在Windows、Linux、Unix、Mac OS X等操作系统上运行。 Node.js的特点之一是事件驱动和非阻塞I/O模型，这使得它非常适合处理大量并发连接，从而在构建实时应用程序如在线游戏、聊天应用以及实时通讯服务时表现卓越。此外，Node.js使用了模块化的架构，通过npm（Node package manager，Node包管理器）,社区成员可以共享和复用代码，极大地促进了Node.js生态系统的发展和扩张。 Node.js不仅用于服务器端开发。随着技术的发展，它也被用于构建工具链、开发桌面应用程序、物联网设备等。Node.js能够处理文件系统、操作数据库、处理网络请求等，因此，开发者可以用JavaScript编写全栈应用程序，这一点大大提高了开发效率和便捷性。 在实践中，许多大型企业和组织已经采用Node.js作为其Web应用程序的开发平台，如Netflix、PayPal和Walmart等。它们利用Node.js提高了应用性能，简化了开发流程，并且能更快地响应市场需求。
node-v9.1.0-linux-s390x.tar.xz
05-06
Node.js，简称Node，是一个开源且跨平台的JavaScript运行时环境，它允许在浏览器外运行JavaScript代码。Node.js于2009年由Ryan Dahl创立，旨在创建高性能的Web服务器和网络应用程序。它基于Google Chrome的V8 JavaScript引擎，可以在Windows、Linux、Unix、Mac OS X等操作系统上运行。 Node.js的特点之一是事件驱动和非阻塞I/O模型，这使得它非常适合处理大量并发连接，从而在构建实时应用程序如在线游戏、聊天应用以及实时通讯服务时表现卓越。此外，Node.js使用了模块化的架构，通过npm（Node package manager，Node包管理器）,社区成员可以共享和复用代码，极大地促进了Node.js生态系统的发展和扩张。 Node.js不仅用于服务器端开发。随着技术的发展，它也被用于构建工具链、开发桌面应用程序、物联网设备等。Node.js能够处理文件系统、操作数据库、处理网络请求等，因此，开发者可以用JavaScript编写全栈应用程序，这一点大大提高了开发效率和便捷性。 在实践中，许多大型企业和组织已经采用Node.js作为其Web应用程序的开发平台，如Netflix、PayPal和Walmart等。它们利用Node.js提高了应用性能，简化了开发流程，并且能更快地响应市场需求。
2024年中国MXene行业研究报告.docx
05-06
2024年中国MXene行业研究报告
TensorFlow安装步骤
05-06
附件是TensorFlow安装步骤，文件绿色安全，请大家放心下载，仅供交流学习使用，无任何商业目的！
ISO IEC 27001-2022 信息安全、网络安全和隐私保护信息安全管理系统要求.pdf
05-06
ISO IEC 27001-2022 信息安全、网络安全和隐私保护信息安全管理系统要求.pdf
广东工业大学电工学考试试卷B期末考试试题回忆版.doc
最新发布
05-06
此试题是考试后回忆版本，你会发现是惊喜。恭喜你考个好成绩。
编译程序构造的一般原理和基本方法.pdf
05-06
编译原理是计算机专业的一门核心课程，旨在介绍编译程序构造的一般原理和基本方法。编译原理不仅是计算机科学理论的重要组成部分，也是实现高效、可靠的计算机程序设计的关键。本文将对编译原理的基本概念、发展历程、主要内容和实际应用进行详细介绍编译原理是计算机专业的一门核心课程，旨在介绍编译程序构造的一般原理和基本方法。编译原理不仅是计算机科学理论的重要组成部分，也是实现高效、可靠的计算机程序设计的关键。本文将对编译原理的基本概念、发展历程、主要内容和实际应用进行详细介绍编译原理是计算机专业的一门核心课程，旨在介绍编译程序构造的一般原理和基本方法。编译原理不仅是计算机科学理论的重要组成部分，也是实现高效、可靠的计算机程序设计的关键。本文将对编译原理的基本概念、发展历程、主要内容和实际应用进行详细介绍编译原理是计算机专业的一门核心课程，旨在介绍编译程序构造的一般原理和基本方法。编译原理不仅是计算机科学理论的重要组成部分，也是实现高效、可靠的计算机程序设计的关键。本文将对编译原理的基本概念、发展历程、主要内容和实际应用进行详细介绍编译原理是计算机专业的一门核心课程，旨在介绍编译程序构造的一般原理和基本
node-v8.9.4-linux-x86.tar.xz
05-06
Node.js，简称Node，是一个开源且跨平台的JavaScript运行时环境，它允许在浏览器外运行JavaScript代码。Node.js于2009年由Ryan Dahl创立，旨在创建高性能的Web服务器和网络应用程序。它基于Google Chrome的V8 JavaScript引擎，可以在Windows、Linux、Unix、Mac OS X等操作系统上运行。 Node.js的特点之一是事件驱动和非阻塞I/O模型，这使得它非常适合处理大量并发连接，从而在构建实时应用程序如在线游戏、聊天应用以及实时通讯服务时表现卓越。此外，Node.js使用了模块化的架构，通过npm（Node package manager，Node包管理器）,社区成员可以共享和复用代码，极大地促进了Node.js生态系统的发展和扩张。 Node.js不仅用于服务器端开发。随着技术的发展，它也被用于构建工具链、开发桌面应用程序、物联网设备等。Node.js能够处理文件系统、操作数据库、处理网络请求等，因此，开发者可以用JavaScript编写全栈应用程序，这一点大大提高了开发效率和便捷性。 在实践中，许多大型企业和组织已经采用Node.js作为其Web应用程序的开发平台，如Netflix、PayPal和Walmart等。它们利用Node.js提高了应用性能，简化了开发流程，并且能更快地响应市场需求。
计算机二级【公共基础知识速学教程】.pdf
05-06
内容概要：这份资料包含了计算机二级公共基础知识速学教程的内容大纲，涵盖了数据结构与算法、程序设计基础、软件工程基础、数据库设计基础等多个章节。其中包括了算法复杂度、数据结构、栈、队列、链表、二叉树、查找、排序等内容，以及程序设计方法、软件工程概念、数据库设计原理等知识点。 适用人群：适合希望系统学习计算机二级公共基础知识的学生、计算机专业学习者、程序员、软件工程师以及对数据结构、算法和数据库设计感兴趣的人群，希望通过系统学习提升自己的计算机基础知识和技能。 使用场景及目标：该教程可用于计算机相关专业的课程学习、自学提升或备考计算机二级公共基础考试。学习者可以通过逐章学习和实践，掌握数据结构与算法、程序设计基础、软件工程基础和数据库设计基础等知识，提高自己在计算机领域的理论基础和实践能力。 其他说明：学习者在使用这份教程时，可以结合实际案例和练习题进行深入学习和巩固。建议按照章节顺序系统学习，理解各个知识点的概念和应用，并通过实践项目或练习加深对计算机基础知识的理解和掌握。通过系统学习，可以提升自己在计算机领域的专业水平和能力。
IEC 60364-7-722-2018 低压电气装置.第7-722部分：特殊装置或场所的要求.电动车辆的电源.pdf
05-06
IEC 60364-7-722-2018 低压电气装置.第7-722部分：特殊装置或场所的要求.电动车辆的电源.pdf
网页播放音频封装
06-01
常见的网页音频播放方式有两种：使用HTML5的audio标签和使用JavaScript控制音频播放。 使用HTML5的audio标签的代码如下： ``` <audio src="audio.mp3" controls> ``` 其中，`src`属性指定音频文件的路径，`...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值