设为首页 加入收藏 网站搜索 繁體中文 中国建站网 — 站长资源平台

网页播放技术的歌词同步

来源本站整理 作者:佚名 时间:2005-5-26 7:22:00 该文得分0
   WMP 与 Real 既有各自专用的歌词表现形式,又有两者都通用的歌词表现形式。WMP 专用的歌词表现形式是通过 *.SMI 文件实现的,Real 专用的歌词表现形式是通过 *.RT 文件实现的,两者通用的歌词表现形式为 *.LRC 文件。

    SMI 歌词文件

    请点播放键观看效果(有个缓冲过程,大家要等待片刻)。SMI 文件有专门的制作软件,非常方便,方法后面详谈。可实现歌词的单行、多行及卡拉OK等特殊效果。SMI 歌词实际是利用 WMP 的 Closed Caption 属性实现的。

    代码如下:

    <OBJECT ID="aboutplayer" CLASSID="clsid:6BF52A52-394A-11d3-B153-00C04F79FAA6" height=150 width=200><param name="UIMode" value="none"></OBJECT>
    <table height=100 width=200 border=3 bordercolor=blue>
        <tr align=center>
            <td bgcolor=white><font color=olive size=2>SMI 演示</font></td>
        </tr>
        <tr height=75>
            <td bgcolor="green"><div id=CapText></div></td>
        </tr>
    </table>
    <table width=200>
        <tr>
            <td align=center><INPUT TYPE="BUTTON" VALUE="Play" ></td>
            <td align=center><INPUT TYPE="BUTTON" VALUE="Stop" ></td>
        </tr>
    </table>
<SCRIPT>
function Play()
{
aboutplayer.closedCaption.CaptioningID = "CapText";
aboutplayer.closedCaption.SAMIFileName = "http://lrc.aboutplayer.com/goodbye.smi";
aboutplayer.URL = "http://www.shijiren.net/wma/g00146001/g0014600101.wma";
aboutplayer.controls.play();
}
function Stop()
{
aboutplayer.controls.stop();
}
</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 歌词文件既可逐行同步,也可逐字同步,下面就是逐字同步的演示。


    代码如下:

<window bgcolor="black" duration="225" width="142" height="95">
<center>
<font charset="gb2312" color="red">
<strong>
<b>
<time begin=00:00:00/><font size="2">泪的小雨</font>
<font size="1">
<p>演唱:邓丽君
<p><font color="green">(谱乐视听)</font>
<p><font color="red">倾情制作
<time begin=00:23.15/><clear/>分<time begin=00:23.55/>不<time begin=00:23.90/>出<time begin=00:24.30/>是<time begin=00:24.80/>泪<time begin=00:25.40/>是<time begin=00:26.10/>雨
<time begin=00:28.80/><p>泪<time begin=00:29.15/>和<time begin=00:29.50/>雨<time begin=00:29.90/>忆<time begin=00:30.36/>起<time begin=00:30.95/>了<time begin=00:31.70/>你
<time begin=00:34.55/><p>忆<time begin=00:34.85/>起<time begin=00:35.40/>你<time begin=00:36.10/>雨<time begin=00:36.40/>中<time begin=00:36.90/>分<time begin=00:37.45/>离
<time begin=00:38.70/><p>泪<time begin=00:39.70/>珠<time begin=00:40.00/>儿<time begin=00:41.30/>洒<time begin=00:42.05/>满<time begin=00:43.00/>地
<time begin=00:45.25/><clear/>哭<time begin=00:45.70/>泣<time begin=00:46.60/>你<time begin=00:47.15/>哭<time begin=00:47.63/>泣<time begin=00:47.90/>为<time begin=00:48.20/>了<time begin=00:48.50/>分<time begin=00:48.80/>离
<time begin=00:49.55/><p>分<time begin=00:50.00/>离<time begin=00:50.85/>分<time begin=00:51.10/>离<time begin=00:51.32/>后<time begin=00:51.60/>再<time begin=00:51.90/>相<time begin=00:52.40/>见<time begin=00:52.75/>不<time begin=00:53.00/>易
<time begin=00:54.10/><p>我<time begin=00:54.70/>重<time begin=00:54.95/>把<time begin=00:55.25/><p>你<time begin=00:55.70/>的<time begin=00:56.00/>爱<time begin=00:56.35/>情<time begin=00:56.65/>藏<time begin=00:57.10/>在<time begin=00:57.40/>我<time begin=00:57.75/>心<time begin=00:58.05/>底
<time begin=00:58.80/><clear/>啊<time begin=01:01.75>藏<time begin=01:02.05>在<time begin=01:02.40>我<time begin=01:02.70>心<time begin=01:03.30>底
<time begin=01:04.55/><p>就<time begin=01:05.07/>好<time begin=01:05.50/>像<time begin=01:06.35/><time begin=01:06.63/>藏<time begin=01:07.30/>起<time begin=01:08.00/>回<time begin=01:08.77/>忆
<time begin=01:23.00/><p>我<time begin=01:23.45/>喜<time begin=01:23.80/>欢<time begin=01:24.15/>绵<time begin=01:24.65/>绵<time begin=01:25.25/>细<time begin=01:25.87/>雨
<time begin=01:28.80/><p>细<time begin=01:29.20/>雨<time begin=01:29.45/>里<time begin=01:29.80/>忆<time begin=01:30.35/>起<time begin=01:31.00/>了<time begin=01:31.65/>你
<time begin=01:34.50/><clear/>忆<time begin=01:34.80/>起<time begin=01:35.35/>你<time begin=01:36.05/>在<time begin=01:36.35/>我<time begin=01:36.85/>怀<time begin=01:37.40/>里
<time begin=01:38.80/><p>泪<time begin=01:39.75/>珠<time begin=01:40.05/>儿<time begin=01:41.50/>洒<time begin=01:42.10/>满<time begin=01:43.15/>地
<time begin=01:45.25/><p>哭<time begin=01:45.80/>泣<time begin

[1] [2]  下一页

相关文章
广告赞助
网友评论

共有 0 位网友发表了评论,平均得分: 0 查看完整内容

用户名:

分 值:100分 85分 70分 55分 40分 25分 10分 0分

内 容:

(注“”为必填内容。) 验证码: 验证码,看不清楚?请点击刷新验证码