网页播放技术的歌词同步
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>问题的关键就是下面三句:
<补充:网页制作,设计基础