注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

.花雨伞欢迎你

.

 
 
 

日志

 
 

【转载】自己动手做精美播放器,试试吧!  

2014-12-19 08:10:41|  分类: 音画欣赏2 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

                将下列代码复制、粘贴到记事本(开始--程序--附件--记事本),然后,单击记事本左上角的"文件",单击--另存为,"文件名"栏目输入 睡莲.html  ,单击--保存。再在"我的文档"中找到  睡莲.html  文件,双击"e"字图标打开,看看效果,美吧,一次不成,再打开一次,一定成功!

                认为该播放器不错的,请留言。

 

……………………………………………………………………………………………………………………………………

 

<br><br><br><br><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<!-- saved from url=(0030)http://qiuweng.com/tom/qt3.htm -->
<P align=center><img title=音画代码编辑:月夜赏星   alt=音画代码编辑:月夜赏星  onload="var image=new Image();image.src=this.src;if(image.width>0 && image.height>0){if(image.width>=400){this.width=400;this.height=image.height*400/image.width;}}" style="BORDER-RIGHT: #987cb9 5px dashed; BORDER-TOP: #987cb9 5px dashed; BORDER-LEFT: #987cb9 5px dashed; BORDER-BOTTOM: #987cb9 5px dashed" src="http://b40.photo.store.qq.com/http_imgload.cgi?/rurl4_b=b68f00f93a9caef1b8227b87f9ab7d537301431aacfbe94a50da5092e5dceb976c865f01ed605b4ab007f1146665f48cb06d5aa21f0ad2f412d372dc580a949f2311da32da1d0738ce8cdac58482fae699605c8a&a=34&b=40" width=400>
    <tr><td><DIV style="MARGIN-TOP: -395px; MARGIN-LEFT: 300px">
<EMBED height=350 type=application!/x- width=400 src= http://images.missyuan.com/attachments/day_091019/20091019_52a98d8c5e29d1d937af0fc9mBM8KxkU.swf             
WMODE="transparent" ALLOWNETWORKING="internal"></EMBED></div>
<DIV align=center>
<TABLE cellSpacing=0 cellPadding=0 width="100%" border=0>
<TBODY>
<TR>
<TD class=Pcontent><span id="ob_logd25151"></span> <!-- saved from url=(0030)http://qiuweng.com/tom/qt3.htm -->
<STYLE type=text/css>
TD {
 FONT-SIZE: 9pt; LINE-HEIGHT: 17px
}
BODY { FONT-SIZE: 9pt;
 MARGIN: 0px;
 LINE-HEIGHT: 17px;
 background-color: #ffffff;
}
#lrcollbox TD
{
 FONT-SIZE: 20px; LINE-HEIGHT: 25px; FONT-FAMILY: 黑体
}
#lrcollbox FONT {
 FONT-SIZE: 20px; LINE-HEIGHT: 25px; FONT-FAMILY: 黑体
}
#lrcoll TD {
 CURSOR: default; COLOR: #00c6ff
}
#lrcbox {
 COLOR: ##cc9966}
#lrcfilter {
 FILTER: alpha(opacity=10)
}
#lrcbc {
 COLOR: #ff0000
}
</STYLE><tr><td>
 
<META content="MSHTML 6.00.2900.5512" name=GENERATOR><SPAN id=lrcdata><!--
[offset:500]
[00:00.09]睡莲
[00:05.00]演唱:黄莺莺
[00:11.00]词:葽以功 曲:李达涛
[00:17.00]同步歌词制作:月夜赏星
[02:12.58][00:22.75]你是朵盈洁的睡莲
[02:23.38][00:33.94]漂浮在青春的水面
[02:34.27][00:45.36]我是如此 如此的羞见
[02:44.45][00:56.25]羞见你醉人的笑颜
[01:07.03]你是瓣上露珠点点
[01:18.02]闪烁着爱情的诗篇
[01:29.16]我是如此 如此的羞见
[01:40.00]羞见你滑落绿波间
[01:50.01]●●●●●
[02:57.45]谢谢欣赏

--></SPAN></td></tr>
<DIV >
<TABLE height=20 cellSpacing=0 cellPadding=0 width=565
background=0 border=0>
  <TBODY>
  <TR>
    <TD>    
<DIV id=Layer2 style="Z-INDEX: 2; POSITION: absolute; TOP: -92px;"><SPAN 说明:上行top改变上下;下行height改变显示歌词范围>
<DIV id=lrcollbox style="LEFT: 0px; OVERFLOW: hidden; WIDTH: 500px; HEIGHT: 150px">
<TABLE oncontextmenu="return false;" id=lrcoll style="LEFT: 30px; POSITION: relative; TOP: 0px" cellSpacing=0 cellPadding=0 width="80%" align=center border=0>
<TBODY>
<TR>
<TD id=lrcwt1 noWrap align=middle height=40></TD></TR>
<TR>
<TD id=lrcwt2 noWrap align=middle height=40></TD></TR>
<TR>
<TD noWrap align=middle height=20>
<TABLE cellSpacing=0 cellPadding=0 border=0>
<TBODY>
<TR>
<TD noWrap height=40><SPAN id=lrcwt3 style="HEIGHT: 40px"></SPAN></TD></TR>
<TR style="POSITION: relative; TOP: -40px">
<TD noWrap height=40>
<DIV id=lrcfilter style="OVERFLOW: hidden; WIDTH: 100%; COLOR: #ff0000; HEIGHT: 40px"></DIV></TD></TR></TBODY></TABLE></TD></TR>
<TR style="POSITION: relative; TOP: -40px">
<TD noWrap align=middle height=40>
<TABLE cellSpacing=0 cellPadding=0 border=0>
<TBODY>
<TR>
<TD noWrap height=30><SPAN id=lrcbox style="HEIGHT: 40px"></SPAN></TD></TR>
<TR style="POSITION: relative; TOP: -40px">
<TD noWrap height=40>
<DIV id=lrcbc style="OVERFLOW: hidden; WIDTH: 0px; HEIGHT: 40px"></DIV></TD></TR>
<DIV></DIV></TBODY></TABLE></TD></TR>
<TR style="POSITION: relative; TOP: -90px">
<TD id=lrcwt4 noWrap align=middle height=40></TD></TR></TBODY></TABLE></DIV>
<DIV></DIV></SPAN>
<DIV></DIV></TD></TR></TBODY></TABLE>
<P></P></TD></TR></TBODY></TABLE>
 
 <object style="POSITION: relative; FILTER: Xray" TOP: 600px; left: -0px;" id=aboutplayer height=2  width=2     classid=clsid:6bf52a52-394a-11d3-b153-00c04f79faa6>
        <param name="url" value="http://music.meile.com/d79/C7/52/m_c7tk787cd0b3_128.mp3">
        <param name="autostart" value="ture">
        <param name="volume" value="100">
        <param name="enablecontextmenu" value="0">
        <param name="enableerrordialogs" value="0">
        <param name="playCount" value="5">
      </object>
<P></P>
<SCRIPT language=JavaScript>
var lrc0;
var lrc1;
var min;
lrcobj = new lrcClass(lrcdata.innerHTML.slice(4,-3));
function lrcClass(tt)
{
  this.inr = [];
  this.min = [];
  this.oTime = 0;
  this.dts = -1;
  this.dte = -1;
  this.dlt = -1;
  this.ddh;
  this.fjh;
  lrcbc.style.width = 0;
  if(/\[offset\:(\-?\d+)\]/i.test(tt))
    this.oTime = RegExp.$1/1000;
 
  tt = tt.replace(/\[\:\][^$\n]*(\n|$)/g,"$1");
  tt = tt.replace(/\[[^\[\]\:]*\]/g,"");
  tt = tt.replace(/\[[^\[\]]*[^\[\]\d]+[^\[\]]*\:[^\[\]]*\]/g,"");
  tt = tt.replace(/\[[^\[\]]*\:[^\[\]]*[^\[\]\d\.]+[^\[\]]*\]/g,"");
  tt = tt.replace(/<[^<>]*[^<>\d]+[^<>]*\:[^<>]*>/g,"");
  tt = tt.replace(/<[^<>]*\:[^<>]*[^<>\d\.]+[^<>]*>/g,"");
  while(/\[[^\[\]]+\:[^\[\]]+\]/.test(tt))
  {
    tt = tt.replace(/((\[[^\[\]]+\:[^\[\]]+\])+[^\[\r\n]*)[^\[]*/,"\n");
    var zzzt = RegExp.$1;
    /^(.+\])([^\]]*)$/.exec(zzzt);
    var ltxt = RegExp.$2;
    var eft = RegExp.$1.slice(1,-1).split("][");
    for(var ii=0; ii<eft.length; ii++)
    {
      var sf = eft[ii].split(":");
      var tse = parseInt(sf[0],10) * 60 + parseFloat(sf[1]);
      var sso = { t:[] , w:[] , n:ltxt }
      sso.t[0] = tse-this.oTime;
      this.inr[this.inr.length] = sso;
    }
  }
  this.inr = this.inr.sort( function(a,b){return a.t[0]-b.t[0];} );
  for(var ii=0; ii<this.inr.length; ii++)
  {
    while(/<[^<>]+\:[^<>]+>/.test(this.inr[ii].n))
    {
      this.inr[ii].n = this.inr[ii].n.replace(/<(\d+)\:([\d\.]+)>/,"%=%");
      var tse = parseInt(RegExp.$1,10) * 60 + parseFloat(RegExp.$2);
      this.inr[ii].t[this.inr[ii].t.length] = tse-this.oTime;
    }
    lrcbc.innerHTML = "<font>"+ this.inr[ii].n.replace(/&/g,"&").replace(/</g,"<").replace(/>/g,">").replace(/%=%/g,"</font><font>") +"</font>";
    var fall = lrcbc.getElementsByTagName("font");
    for(var wi=0; wi<fall.length; wi++)
      this.inr[ii].w[this.inr[ii].w.length] = fall[wi].offsetWidth;
    this.inr[ii].n = lrcbc.innerText;
  }
  for(var ii=0; ii<this.inr.length-1; ii++)
    this.min[ii] = Math.floor((this.inr[ii+1].t[0]-this.inr[ii].t[0])*10);
  this.min.sort(function(a,b){return a-b});
  min = this.min[0]/2;
  this.run = function(tme)
  {
    if(tme<this.dts || tme>=this.dte)
    {
      var ii;
      for(ii=this.inr.length-1; ii>=0 && this.inr[ii].t[0]>tme; ii--){}
      if(ii<0) return;
      this.ddh = this.inr[ii].t;
      this.fjh = this.inr[ii].w;
      this.dts = this.inr[ii].t[0];
      this.dte = (ii<this.inr.length-1)?this.inr[ii+1].t[0]:aboutplayer.currentMedia.duration;
   

 this.print(this.retxt(ii));
      if(this.dlt==ii-1)
      {
        clearTimeout(lrc0);
        if(lrcoll.style.pixelTop!=0) lrcoll.style.top = 0;
        golrcoll(0);
        clearTimeout(lrc1);
        lrcfilter.filters.alpha.opacity = 100;
        golrcolor(0);
      }
      else if(parseInt(lrcoll.style.top)!=-20)
      {
        clearTimeout(lrc0);
        lrcoll.style.top = -20;
        clearTimeout(lrc1);
        lrcfilter.filters.alpha.opacity = 0;
      }
      this.dlt = ii;
    }
    var bbw = 0;
    var ki;
    for(ki=0; ki<this.ddh.length && this.ddh[ki]<=tme; ki++)
      bbw += this.fjh[ki];
    var kt = ki-1;
    var sc = ((ki<this.ddh.length)?this.ddh[ki]:this.dte) - this.ddh[kt];
    var tc = tme - this.ddh[kt];
    bbw -= this.fjh[kt] - tc / sc * this.fjh[kt];
    if(bbw>lrcbox.offsetWidth)
      bbw = lrcbox.offsetWidth;
    lrcbc.style.width = Math.round(bbw);
  }
  this.retxt = function(i)
  {
    return (i<0 || i>=this.inr.length)?"":this.inr[i].n;
  }
  this.print = function(txt)
  {
    lrcbox.innerText = txt;
    lrcbc.innerText = txt;
  }
}
function lrcrun()
{
  with(aboutplayer)
  {
    lrcobj.run(controls.currentPosition);
  }
  if(arguments.length==0) setTimeout("lrcrun()",10);
}
function golrcoll(s)
{
  lrcoll.style.top = -(s++)*2;
  if(s<=9)
    lrc0 = setTimeout("golrcoll("+s+")",min*10);
}
function golrcolor(t)
{
  lrcfilter.filters.alpha.opacity = 110-(t++)*10;
  if(t<=10)
    lrc1 = setTimeout("golrcolor("+t+")",min*10);
}
window.onerror = function()
{return true;}
lrcrun();
</SCRIPT>

 

 ………………………………………………………………………………………………………………………………………

 

 

  评论这张
 
阅读(151)| 评论(5)
推荐

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017