HTML网页歌曲播放器+歌词同步

合集下载

html中audio标签的用法

html中audio标签的用法在HTML中，<audio>标签用于嵌入音频内容到网页中。

它提供了一种简单的方式来播放音频文件，例如音乐、音效或录音。

要使用<audio>标签，只需在HTML代码中添加以下内容：```html<audio src='audiofile.mp3' controls></audio>```在上述代码中，`src`属性用于指定要播放的音频文件的URL。

`controls`属性可添加一个播放器控制面板，使用户能够控制音频的播放、暂停、音量等。

除了`src`和`controls`属性之外，<audio>标签还支持其他一些属性，如下所示：- `autoplay`：自动播放音频文件，无需用户点击播放按钮。

- `loop`：循环播放音频文件。

- `preload`：指定音频在页面加载时是否应该被预加载。

可能的值有`auto`、`metadata`和`none`。

- `volume`：设置音频的音量（0.0到1.0之间的值）。

```html<audio src='audiofile.mp3' autoplay loop preload='auto' volume='0.5'></audio>```除了使用`src`属性指定外部音频文件的URL外，<audio>标签还支持在标签内部添加嵌入式音频内容。

这可以通过使用<source>标签实现，如下所示：```html<audio controls><source src='audiofile.mp3' type='audio/mpeg'><source src='audiofile.ogg' type='audio/ogg'>Your browser does not support the audio element.</audio>```在上述代码中，<source>标签用于指定音频文件的URL和文件类型。

如何在HTML里设置循环播放背景音乐

如何在HTML里设置循环播放背景音乐如何在HTML⾥设置循环播放背景⾥乐第⾥步：在HTML⾥件⾥，写上如下代码：<head><meta charset="UTF-8"><title>Love</title><audio src="/upload/Fyy - 万有引⾥（枪声版）（remix）.mp3" autoplay="autoplay" loop="true"></audio> </head>在audio标签⾥src是背景⾥乐的资源路径，autoplay属性是设置加载完页⾥之后播放背景⾥乐，loop则是设置歌曲循环播放。

第⾥步：在java⾥件中写上如下代码（若上⾥第⾥步src⾥没有“/upload/”，则不需要写）@Configurationpublic class MVCConfig implements WebMvcConfigurer {@Overridepublic void addResourceHandlers(ResourceHandlerRegistry registry) {registry.addResourceHandler("/upload/**").addResourceLoc ations("file:C:/Users/24721/IdeaProjects/Love/src/main/resource s/static/music/"); }}其中MVCConfig是类名，WebMvcConfigurer是接⾥，“/upload/**”是固定写法，"file:C:/Users/.../music/"是背景⾥乐所在⾥录。

HTML5音视频嵌入与播放控制指南

HTML5音视频嵌入与播放控制指南1. 引言随着互联网技术的不断发展，多媒体内容在网页中的应用越来越普遍。

HTML5作为一种强大的标记语言，为嵌入和播放音视频提供了全新的解决方案。

本文将为您详细介绍如何在HTML5中嵌入和控制音视频。

2. 音频嵌入与播放2.1 音频元素（<audio>）在HTML5中，可以使用<audio>元素来嵌入音频文件。

下面是一个简单的示例代码：```html<audio src="audio.mp3" controls></audio>```上述代码中，通过将音频文件的URL赋值给src属性，可以在网页中嵌入音频。

controls属性可以添加播放控制面板，使用户可以控制音频的播放。

2.2 编辑音频控件<audio>元素本身提供了一些默认的控制面板，但是我们也可以自定义音频控件。

以下是一个自定义音频控件的示例：```html<audio controls><source src="audio.mp3" type="audio/mpeg">Your browser does not support the audio tag.</audio>```在上述示例中，使用<source>元素将多个不同格式的音频文件链接到<audio>元素中。

这样，当某个格式的音频文件不被支持时，浏览器可以自动切换到下一个可支持的格式。

3. 视频嵌入与播放3.1 视频元素（<video>）与音频嵌入类似，HTML5中的<video>元素用于嵌入视频文件。

下面是一个简单的示例代码：```html<video src="video.mp4" controls></video>```在上述代码中，通过将视频文件的URL赋值给src属性，可以在网页中嵌入视频。

网页中添加音乐播放器代码

网页中添加音乐播放器代码<embed controller="true" width="300" height="40" src="/lrc/1.wma" border="0" >（一）基本语法：embed src=url说明：embed可以用来插入各种多媒体，格式可以是Midi、Wav、AIFF、AU、MP3等等，Netscape及新版的IE 都支持。

url为音频或视频文件及其路径，可以是相对路径或绝对路径。

示例：<embed src="your.mid">（二）、属性设置：1、自动播放：语法：autostart=true、false说明：该属性规定音频或视频文件是否在下载完之后就自动播放。

true：音乐文件在下载完之后自动播放；false：音乐文件在下载完之后不自动播放。

示例：<embed src="your.mid" autostart=true><embed src="your.mid" autostart=false>2、循环播放：语法：loop=正整数、true、false说明：该属性规定音频或视频文件是否循环及循环次数。

属性值为正整数值时，音频或视频文件的循环次数与正整数值相同；属性值为true时，音频或视频文件循环；属性值为false时，音频或视频文件不循环。

示例：<embed src="your.mid" autostart=true loop=2><embed src="your.mid" autostart=true loop=true><embed src="your.mid" autostart=true loop=false>3、面板显示：语法：hidden=ture、flase说明：该属性规定控制面板是否显示，默认值为flase。

网页音乐代码大全

⽹页⾳乐代码⼤全把下⾯代码放⼊<body >下autostart="true"中true或1表⽰⾃动播放，false或0表⽰⼿动播放loop="true" 中的true或1表⽰重复播放，false或0表⽰只播放⼀次width= height= 中的数字分别表⽰播放器的宽度和⾼度 =0表⽰隐藏播放器EnableContextMenu="0" 禁右键ShowStatusBar="1" （带显⽰⽂件播放信息）…………………………………………………………………………………………………………………实现多⾸歌曲连续播放，将下⾯的播放地址改为播放列表⽂件，但列表⽂件后缀为“wma”(伪⾳乐⽂件)。

如：<EMBED pluginspage= width=400 height=145 type=application/x-mplayer2 FileName="liebiao.wma" SHOWCONTROLS="1"SHOWSTATUSBAR="0" SHOWDISPLAY="1" SHOWGOTOBAR="1"AUTOSTART="1" PlayCount="1">liebiao.wma：以上内容⽤记事本保存，⽂件名为liebiao.wma，放⼊代码引⽤⽂件同⼀⽬录下。

…………………………………………………………………………………………………………………1隐藏播放器(不循环)代码:<EMBED src=⾳乐⽹址 hidden=true type=audio/x-ms-wma AUTOSTART="1">2.隐藏播放器(循环播放)代码:<EMBED src=⾳乐⽹址 hidden=true type=audio/mpeg AUTOSTART="1" loop="-1">3.⿊⾊⽪肤播放器代码:<EMBED style="FILTER: xray()" src=⾳乐⽹址 width=360 height=30 type=audio/mpeg volume="0" autostart="true" loop="-1">4.淡蓝⾊播放器代码:<EMBED src=播放地址 width=300 height=45 type=audio/mpeg loop="-1" autostart="1"volume="0">5.迷幻播放器代码:<TABLE style="FILTER: Alpha(Opacity=100, FinishOpacity=0, Style=2, StartX=20, StartY=40, FinishX=0, FinishY=0)gray(); WIDTH: 400px; HEIGHT: 83px"><TBODY><TR><TD><EMBED src=播放地址 width=400 height=40 type=audio/mpeg panel="0"autostart="0" loop="true"></TD></TR></TBODY></TABLE>6.带菜单的播放器代码:<EMBED pluginspage= width=400 height=172 type=application/x-mplayer2FileName="⾳乐⽹址" SHOWCONTROLS="1" SHOWSTATUSBAR="1" SHOWDISPLAY="1" SHOWGOTOBAR="1" AUTOSTART="true" PlayCount="1">7.深黄⾊带菜单播放器代码:<EMBED style="FILTER: invert()" src=⾳乐⽹址 width=320 height=45 type=audio/x-ms-wma ShowStatusBar="1" loop="true" autostart="true">8.灰⾊播放器代码:<EMBED style="FILTER: Gray()" src="链接地址" width=300 height=69type=application/x-mplayer2 loop="-1" showcontrols="1" ShowDisplay="0"ShowStatusBar="1" autostart="1"></EMBED>9.灰⽩⾊播放器代码:<embed style="FILTER: Gray()" src=链接地址 width=300 height=45 loop="-1"autostart="true"></EMBED>10.带菜单的蓝⾊播放器代码:<EMBED src="链接地址" width=300 height=69 type=application/x-mplayer2 loop="-1" showcontrols="1" ShowDisplay="0" ShowStatusBar="1" autostart="1"></EMBED>11.棕⾊播放器代码:<EMBED style="FILTER: invert()" src=链接地址 width=300 height=45 loop="-1" autostart="true"></EMBED>12.带边框背景的播放器代码:<TABLE borderColor=#4F3256 background=背景图⽚地址 border=1><TBODY><TR><TD style="FILTER: alpha(opacity=50,style=3)"><P align=center><EMBED src=⾳乐⽹址 width=300 height=25 type=audio/mpeg loop="-1" autostart="false" volume="0"></P></TD></TR></TBODY></TABLE>13.带背景图⽚的播放器代码:<TABLE borderColor=navy background=图⽚地址 border=0><TBODY><TR><TD style="FILTER: alpha(opacity=80,style=3)"><P align=center><EMBED src=⾳乐⽹址 width=300 height=45 type=audio/mpeg loop="-1" autostart="0" volume="0"></P></TD></TR></TBODY></TABLE>12 13综合属性分析background=图⽚地址可以更换图⽚地址来实现改变播放器背景14.黄⾊闪光播放器代码:<TABLE style="BORDER-RIGHT: #000000 3px dashed; BORDER-TOP: #000000 3px dashed; BORDER-LEFT: #000000 3px dashed; BORDER-BOTTOM: #000000 3px dashed" cellSpacing=0 cellPadding=0 bgColor=#00000><TBODY><TR><TD><TABLE borderColor=navy background= border=0><TBODY><TR><TD style="FILTER: alpha(opacity=50,style=3)"><P align=center><EMBED src=⾳乐⽹址 width=400 height=35 type=audio/mpeg loop="-1" autostart="0" loop="-1"></P></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>15.蓝⾊闪光播放器代码:<TABLE borderColor=#dee4fe cellSpacing=3 cellPadding=0 background= border=2> <TBODY><TR><TD><TABLE align=center border=0><TBODY><TR><TD style="FILTER: alpha(opacity=60,style=3)"><P align=center><EMBED style="FILTER: Gray" src=⾳乐⽹址 width=400 height=35type=audio/mpeg volume="0" autostart="false" loop="-1"></P></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>16.带花边的播放器代码:<TABLE style="BORDER-RIGHT: #000000 3px dashed; BORDER-TOP: #000000 3px dashed; BORDER-LEFT: #000000 3px dashed; BORDER-BOTTOM: #000000 3px dashed" cellSpacing=0 cellPadding=0 bgColor=#00000><TBODY><TR><TD><TABLE borderColor=#000000 align=center border=1><TBODY><TR><TD><P align=center><EMBED style="FILTER: Xray" src=⾳乐⽹址 width=400 height=35type=audio/mpeg volume="0" autostart="false" loop="-0"></P></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>17.粉⾊花边播放器代码:<TABLE style="BORDER-RIGHT: #ff69b4 3px dotted; BORDER-TOP: #ff69b4 3px dotted; BORDER-LEFT: #ff69b4 3px dotted; BORDER-BOTTOM: #ff69b4 3px dotted" cellSpacing=0 cellPadding=0 align=center bgColor=white><TBODY><TR><TD><TABLE borderColor=#ff69b4 align=center bgColor=#ffccf5 border=2><TBODY><TR><TD style="FILTER: alpha(opacity=100,style=3)"><P align=center><EMBED src=⾳乐⽹址 width=300 height=25 type=audio/mpegvolume="0" autostart="false" loop="-0"></P></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>18.显⽰⽂件标签灰⾊播放器代码:<DIV><EMBED style="FILTER: Gray()" src="链接地址" loop="-1" width=300 height=140 balance="true" showpositioncontrols="true" showtracker="true" showaudiocontrols="true" showcontrols="true" showstatusbar="true" showdisplay="true" displaysize="0"volume="100" autosize="true" autostart="true" animationatstart="true"transparentatstart="true"></EMBED></div>19显⽰⽂件标签棕⾊播放器代码:<DIV><EMBED style="FILTER: invert()" src="链接地址" loop="-1" width=300 height=140 balance="true" showpositioncontrols="true" showtracker="true" showaudiocontrols="true" showcontrols="true" showstatusbar="true" showdisplay="true" displaysize="0"volume="100" autosize="true" autostart="true" animationatstart="true"transparentatstart="true"></EMBED></div>20.显⽰⽂件标签⿊⾊播放器代码:<DIV><EMBED style="FILTER: xray()" src="链接地址" loop="-1" width=300 height=140 balance="true" showpositioncontrols="true" showtracker="true" showaudiocontrols="true" showcontrols="true" showstatusbar="true" showdisplay="true" displaysize="0"volume="100" autosize="true" autostart="true" animationatstart="true"transparentatstart="true"></EMBED></div>21.连放播放器代码:<EMBED style="FILTER: Gray()" src=⾳乐⽹址 width=500 height=35 type=audio/x-ms-wma controls="StatusBar,TACCtrl,ControlPanel" border="0" autostart="1" playcount="0" showtracker="1" volume="0"></EMBED>22.彩⾊播放器代码:<TABLE style="FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: 00CCFF; FONT-STYLE: normal; FONT-FAMILY: Tahoma, Verdana; FONT-VARIANT: normal" cellSpacing=0 cellPadding=0 width=140 border=0><TBODY><TR><TD style="BACKGROUND-COLOR: 00CCFF"><EMBED style="FILTER: invertalpha(opacity=50) WIDTH: 140px; HEIGHT: 45px" src=⾳乐链接地址 type=video/x-ms-asf autostart="FALSE" loop="-1" volume="0"></EMBED></TD></TR></TBODY></TABLE>本代码属性分析BACKGROUND-COLOR: 00CCFF 播放器颜⾊代码可以更换以变换播放器颜⾊23.透明播放器代码代码:<TABLE style="FILTER: Alpha(Opacity=100, FinishOpacity=0, Style=2, StartX=20, StartY=40, FinishX=0, FinishY=0)xray(); WIDTH: 200px; HEIGHT: 40px"> <TBODY><TR><TD><EMBED style="BORDER-RIGHT: silver 1px solid; BORDER-TOP: silver 1px solid; BORDER-LEFT: silver 1px solid; BORDER-BOTTOM: silver 1px solid" src=⾳乐链接地址width=200 height=30 type=audio/x-mplayer2 loop="-1" autostart="0" volume="0" EnableContextMenu="0" showstatusbar="0" console="video"></TD></TR></TBODY></TABLE>⽹站嵌⼊背景⾳乐代码⼤全，使⽤以下代码，给您的⽹站添加背景⾳乐吧！注意，以下代码使⽤的时候，注意：注意，以下代码使⽤的时候，注意：⼀下代码有的需要改为半⾓形式，才能正常使⽤。

如何实现歌词与音乐的同步

如何实现歌词与音乐的同步文源/网络编辑/幽谷星尘1.音乐的导入和编辑首先我们把选好的音乐下载到桌面(或我的电脑)，这是一首MP3格式的音乐。

（1）音乐的导入Flash的步骤步骤1创建音乐图层新建一个Flash文档，在【属性】面板中设置【背景】为蓝色（#0066FF）。

将【图层1】重新命名为“音乐”。

我们将把音乐“khm.mp3”放置在该图层上。

说明：改变图层的名称是为了避免以后在制作MTV的过程中图层逐渐增多能便于识别。

步骤2 将音乐导入到Flash中执行【文件】|【导入】|【导入到库】命令，弹出【导入到库】对话框。

在【导入到库】对话框中选择要导入的声音文件“khm.mp3”，单击【打开】按钮，将声音导入到【库】中，如图所示。

【库】面板中的音乐说明：导入的声音最初并不出现在时间轴上，既使执行【文件】︱【导入】︱【导入到场景】命令，音乐文件也是出现在【库】中的，这里我们采用了【文件】|【导入】|【导入到库】命令，需要时可以随时在【库】中调用这个声音文件。

步骤4 将音乐文件导入到场景中选中【音乐】图层的第一帧，在【属性】面板中打开【声音】下拉菜单，选择刚导入的“khm.mp3”，如图所示。

【属性检查器】选择音乐在【属性】面板选择了“khm.mp3”以后，音乐就被导入到场景，【音乐】图层的第一帧出现一条表示声波的小横线。

说明：还有一种将音乐文件导入到场景中的方法，选定要添加音乐图层的帧后，将声音从【库】面板中拖到舞台上释放鼠标，声音就添加到了当前层中。

（2）计算和查看音乐长度的方法步骤1 直接计算音乐的长度要计算音乐的长度（所占帧数），首先应该知道音乐的播放时间，选择【音乐】图层第1帧，打开【属性】面板就可以看到相应的信息，如图所示。

音乐文件的相关信息我们在新建文件的时候，将动画的播放速度采用默认的设置【帧频】：12fps/s，即每秒播放12帧。

通过上面的信息提示知道音乐文件“khm.mp3”的时间为205.1s（秒），那么可以用计算的方法算出播放完整音乐所需的帧数：12×205.1=2461.2，取整数值为2461帧。

网页音乐播放器代码

插音乐播放器<embed src=这里填写你要放的歌曲地址 width=216 height=39 autostart="true"loop="false" id=MediaPlayer name="MediaPlayer">一、文字标记基本代码如下：<P align=center><FONT color=#0066ff face=隶书 size=5>插入文字</FONT></P>align=center 表示字体居中，可选值为居右（right）居左（left）color=颜色代码face=字体常用字体为：宋体.黑体.楷体.仿宋.幻缘.新宋体.细明体等size=字体大小，这里的最大值为7 取值越大文字就越大1.字体变化 <font>..........</font>a.字体大小 <font size=#>..........</font> #=1~7；数字愈大字也愈大b.指定字型 <font face="字体名称">..........</font>c.文字颜色 <font color=#rrggbb>..........</font>rr：表红色（red）色码gg：表绿色（green）色码bb：表蓝色（blue）色码rrggbb也可用6位颜色代码数字2.粗体字 <b>..........</b>3 字体加粗<STRONG>..........</STRONG>和<b>标签差不多的效果4.换行（也称回车） <br>5.分段标记 <p>文字的对齐方向 <p align="#"> #号可为 left：表向左对齐（预设值） center：表向中对齐 right：表向右对齐 P.S.<p align="#">之后的文字都会以所设的对齐方式显示，直到出现另一个<p align="#">改变其对齐方向，遇到<hr>或<h#>标签时会自动设回预设的向左对齐。

HTML5音乐播放器

HTML5音乐播放器
一般情况下，要在html网页中播放音乐或者播放视频，可使用flash完成。

但是，苹果系列因为商业缘故，并不支持flash插件，这就使得很多在其他设备能正常播放的视频、音乐，在苹果中不能播放。

但值得庆幸的是，苹果支持html5，同时html5中有许多针对音视频的支持。

一、视频的跨平台解决方案
1、使用<iframe>元素如优酷提供的<iframe height=498 width=510
src="/embed/XODg1OTQ5MDc2" frameborder=0 allowfullscreen></iframe>
2、使用html5标签如<video>、<object> 其中，<object>可以支持在播放失败时加载预置的js代码
二、音频的跨平台解决方案
1、使用html5播放器网上有很多html5音乐播放器，但都是基于html5<audio>标签实现的。

这里我们使用audio.js来实现音乐播放，播放界面如下：
使用步骤：
其中的<ol>中的data-src是我们需要在浏览页面时加入的数据！
2.调整播放器界面界面
1).在<style>中的样式，主要控制播放器的相对位置和音乐列表的显示样式！
2).如果需要改变播放器的样式，则需要在audio.js中更高css的样式，比如更换颜色、调整界面宽度和高度等，具体操作的以下css:
3).需要注意的是，必须引入audio.js所需要的两个图片文件，具体如下：。

1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。

<html><head><meta http-equiv=Content-Type content=text/html; charset=gb2312><title>歌曲试听</title><STYLE type=text/css>TD { FONT-SIZE: 9pt; LINE-HEIGHT: 17px; } BODY{ FONT-SIZE: 9pt; LINE-HEIGHT:17px; margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom:0px; } #lrcollbox td, #lrcollbox font {font-family: 黑体; font-size: 16px;}#lrcoll td { color:#0080C0; cursor: default; } #lrcbox { color:#00FF00} #lrcfilter { filter: alpha(opacity=0) } #lrcbc { color:#FFFF33 }</STYLE></head><script language="JavaScript">self.moveTo(0, 0);self.resizeTo(screen.availWidth, screen.availHeight);</script><base onmouseover="window.status=' 别忘了把地址告诉你QQ上的朋友哦！'; return true;"><body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"><span id="lrcdata"></span><center><object classid="clsid:6bf52a52-394a-11d3-b153-00c04f79faa6" id="aboutplayer"width="480" height="240"><param name="url" value="/中文歌曲/童安格-明天你是否依然爱我/明天你是否依然爱我.mp3"><param name="volume" value="100"><param name="enablecontextmenu" value="0"><param name="enableerrordialogs" value="0"></object><div id="lrcollbox" style="overflow:hidden; height:260; width:480; background-color:#000000;"> <table border="0" cellspacing="0" cellpadding="0" width="100%" id="lrcoll"style="position:relative; top: -20px;" oncontextmenu="return false;"><tr><td nowrap height="20" align="center" id="lrcwt1"></td></tr><tr><td nowrap height="20" align="center" id="lrcwt2"></td></tr><tr><td nowrap height="20" align="center" id="lrcwt3"></td></tr><tr><td nowrap height="20" align="center" id="lrcwt4"></td></tr><tr><td nowrap height="20" align="center" id="lrcwt5"></td></tr><tr><td nowrap height="20" align="center" id="lrcwt6"></td></tr><tr><td nowrap height="20" align="center"><table border="0" cellspacing="0" cellpadding="0"><tr><td nowrap height="20"><span id="lrcwt7" style="height:20"></span></td></tr><tr style="position:relative; top: -20px; z-index:6"><td nowrap height="20"><div id="lrcfilter" style="overflow:hidden; width:100%; color:#FFFF33; height:20"> </div></td></tr></table></td></tr><tr style="position:relative; top: -20px"><td nowrap height="20" align="center"><table border="0" cellspacing="0" cellpadding="0"><tr><td nowrap height="20"><span id="lrcbox" style="height:20">歌词加载中</span></td></tr><tr style="position:relative; top: -20px; z-index:6;"><td nowrap height="20"><div id="lrcbc" style="overflow:hidden; height:20; width:0;"></div></td></tr></table></td></tr><tr style="position:relative; top: -40px;"><td nowrap height="20" align="center" id="lrcwt8"> </td></tr><tr style="position:relative; top: -40px;"><td nowrap height="20" align="center" id="lrcwt9"> </td></tr><tr style="position:relative; top: -40px;"><td nowrap height="20" align="center" id="lrcwt10"> </td></tr><tr style="position:relative; top: -40px;"><td nowrap height="20" align="center" id="lrcwt11"> </td></tr><tr style="position:relative; top: -40px;"><td nowrap height="20" align="center" id="lrcwt12"> </td></tr><tr style="position:relative; top: -40px;"><td nowrap height="20" align="center" id="lrcwt13"> </td></tr></table></div></center><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;lrcwt1.innerText = this.retxt(ii - 7);lrcwt2.innerText = this.retxt(ii - 6);lrcwt3.innerText = this.retxt(ii - 5);lrcwt4.innerText = this.retxt(ii - 4);lrcwt5.innerText = this.retxt(ii - 3);lrcwt6.innerText = this.retxt(ii - 2);lrcwt7.innerText = this.retxt(ii - 1);lrcfilter.innerText = this.retxt(ii - 1);lrcwt8.innerText = this.retxt(ii + 1);lrcwt9.innerText = this.retxt(ii + 2);lrcwt10.innerText = this.retxt(ii + 3);lrcwt11.innerText = this.retxt(ii + 4);lrcwt12.innerText = this.retxt(ii + 5);lrcwt13.innerText = this.retxt(ii + 6);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;}this.print("");lrcwt1.innerText = "";lrcwt2.innerText = "";lrcwt3.innerText = "";lrcwt4.innerText = "";lrcwt5.innerText = "";lrcwt6.innerText = "";lrcwt7.innerText = "";lrcfilter.innerText = "";lrcwt8.innerText = "";lrcwt9.innerText = "";lrcwt10.innerText = "";lrcwt11.innerText = "";lrcwt12.innerText = "";lrcwt13.innerText = "";}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></body></html>。