网页播放技术的歌词同步-百分百源码网

网页播放技术的歌词同步

发布时间：01/14 来源：浏览：关键词：

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" OnClick="Play()"＞＜/td＞
            ＜td align=center＞＜INPUT TYPE="BUTTON" VALUE="Stop" OnClick="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＞