Heim >Web-Frontend >js-Tutorial >bgsound 背景音乐 的一些常用方法及特殊用法小结_基础知识
前几天,在QQ群里有个XD问到bgsound的一些资料,确切地说是它的特殊用法。奇怪群里的人竟然都没几个能说出新意的,包括我!或许是这个标签不常用、或者是用处不大,所以,大家也就没有特意去研究过背景音乐吧。(以前自学这个东西时,本人也是仅仅出于好奇,玩玩而已^_^)
废话少说,来点真格的……
(以下是原文,不仅仅是bgsound哦,还有其他东东,慢慢see)
src="your.mid"
设定 midi 或者是 mp3 档案及路径,可以是相对或绝对。
autostart=true
是否在音乐档传完之後,就自动播放音乐。true 是,false 否 (内定值)。
loop=infinite
是否自动反覆播放。LOOP=2 表示重复两次,Infinite 表示重复多次。
WMP 与 Real 既有各自专用的歌词表现形式,又有两者都通用的歌词表现形式。WMP 专用的歌词表现形式是通过 *.SMI 文件实现的,Real 专用的歌词表现形式是通过 *.RT 文件实现的,两者通用的歌词表现形式为 *.LRC 文件。
SMI 歌词文件
请点播放键观看效果(有个缓冲过程,大家要等待片刻)。SMI 文件有专门的制作软件,非常方便,方法后面详谈。可实现歌词的单行、多行及卡拉OK等特殊效果。SMI 歌词实际是利用 WMP 的 Closed Caption 属性实现的。
代码如下:
SMI 演示
<script> <BR>function Play() <BR>{ <BR>aboutplayer.closedCaption.CaptioningID = "CapText"; <BR>aboutplayer.closedCaption.SAMIFileName = "http://lrc.aboutplayer.com/goodbye.smi";; <BR>aboutplayer.URL = "http://www.shijiren.net/wma/g00146001/g0014600101.wma";; <BR>aboutplayer.controls.play(); <BR>} <BR>function Stop() <BR>{ <BR>aboutplayer.controls.stop(); <BR>} <BR></script>
问题的关键就是下面三句:
aboutplayer.closedCaption.CaptioningID = "CapText";
// 网页上显示歌词的位置 ID
aboutplayer.closedCaption.SAMIFileName = http://lrc.aboutplayer.com/goodbye.smi;
// SMI 歌词文件地址
aboutplayer.URL = http://www.shijiren.net/wma/g00146001/g0014600101.wma;
// 媒体文件地址
放在 aboutplayer.controls.play(); 的前面。其中 SMI 文件地址最好用绝对地址(随媒体文件地址是绝对、相对而变化)。若媒体文件与 SMI 文件通名同路径,则 SMI 文件地址可省略不写。
上面只是单曲歌词播放的实例,关于 SMI 歌词连续播放的经典版本请参阅谱乐制作的 BBSVisual For SMI。
RT 歌词文件
请点播放键观看效果。RT 歌词文件既可逐行同步,也可逐字同步,下面就是逐字同步的演示。
代码如下:
这种方式的歌词同步谱乐称之为“精确制导”,即卡拉OK效果,逐字出现的时间与媒体播放精确同步。“网上卡拉OK”为谱乐首先创意,并实现了多种表现形式。
LRC 歌词文件
LRC 歌词中也能实现“精确制导”,具体效果参阅 http://aboutplayer.com/bbsvisual++,可“逐字变色”,感觉非常爽。但这种“精确制导”的歌词文件制作非常费时费力,不便于推广应用。为此,谱乐研究出了一种网页能自动“逐字变色”的播放器 BBSVisual。演示地址:http://qq.aboutplayer.com。
LRC 歌词作为一种通用的歌词文件,使用非常广泛,网上很多地方提供下载(谱乐歌词搜索与下载 http://lrc.aboutplayer.com)。下面是歌词文件“潘越云 - 野百合也有春天.lrc”的内容:
[ti:野百合也有春天] // 歌曲名
[ar:潘越云] // 演唱者
[al:唯一] // 专辑名
[la:zh] // 语言类别
[by:谱乐] // 歌词编制人
[offset:500] // 时间参数(正数表示整体提前,负数表示整体滞后。通过在网页中编制语句实现)
[00:00.00]潘越云-野百合也有春天
[00:05.50www.aboutplayer.com
[01:21.05][00:07.14]仿佛如同一场梦
[01:24.52][00:10.42]我们如此短暂的相逢
[01:28.55][00:14.09]你像一阵春风轻轻柔柔吹入我心中
[01:35.69][00:21.58]而今何处是你往日的笑容
[01:43.01][00:29.10]记忆中那样熟悉的笑容
[02:18.93][01:49.26][00:35.40]你可知道我爱你想你念你怨你深情永不变
[02:27.36][01:57.61][00:43.62]难道你不曾回头想想昨日的誓言
[02:34.57][02:04.90][00:51.04]就算你留恋开放在水中娇艳的水仙
[02:42.00][02:12.16][00:58.54]别忘了寂寞的山谷的角落里野百合也有春天
[01:08.54]谱乐专栏
[02:48.65]啦...........啦...............啦..........
前面是歌词出场时间,可组成时间数组 Time(1)、Time(2) ……。后头为歌词内容,可组成歌词数组 Txt(1)、Txt(2) ……。LRC歌词文件的工作机理就是“通过即时判断,当歌曲播放时间到达 Time(1) 时,歌词 Txt(1) 显示”。Txt(1)“逐字变色”的时间算法为 (Time(2) - Time(1)) / Txt(1).Length。“歌词同步”谱乐的说教就到此为止,详细的工作过程请到谱乐论坛下载源码研究。
最后介绍两款歌词制作辅助软件。LRC2SMI:方便地将 LRC 文件转换为 SMI 文件。“精确制导”:制作准确的“逐字变色”的 LRC 歌词文件。谱乐论坛独家提供下载。
。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。
常用网页播放器: