为增强大家对网页播放技术的感性认识,同时更为激发学习网页播放技术的浓厚兴趣,特首先向大家介绍网页播放技术的若干特效,简单而实用,希望能对读者有所帮助或启发。
虽然说是特效,但实际上几乎所有的人都很容易上手,因为通过单纯的“文本文件”编辑即可实现目的。
WMP 类媒体播放
1、改变媒体信息。就是将媒体文件在播放时显示的诸如名字、表演者及版权等媒体信息一一改变成“自己”的。不是一种真正的改变,实为障眼法。请点击播放键观看效果 。
代码如下:
其中前部分为播放列表的信息,后部分为媒体播放时显示的信息。Repeat ,单曲重复播放。文件取名为 aboutplayer.asx 。这里还实现了嵌入图片超级链接的功能(鼠标放其上有提示,点击打开新窗口),只是图片尺寸不能太大。
2、曲目列表。上面代码只是重复播放一首曲目,若需自动连续播放多首曲目,则在(去掉 Repeat 选项) 的后面再继续几个<Entry>…… </Entry>即可。谱乐的 Aquamp Player (http://aboutplayer.com/aquamp)的歌曲列表就是这种 ASX 文件。她每播放完一个曲目会自动接着播放下一个曲目,若是无效链接,则跳过再播放下一首。所以有朋友在使用 Aquamp 的过程中,点放 A 曲却播放 B,就是因为 A 是无效链接,而自动跳播 B 曲。同样有固定格式可实现连续播放的还有 wpl 为后缀名的 *.wpl 文件。具体代码因应用少且有版本要求等限制这里就不细说。
其实连续播放功能的实现还有一种更为简便的方法,就是把要连续播放的媒体地址都输入记事本(重要:一个地址一行),然后保存为后缀名为 asx、wax、m3u 任何一种格式的文件都可以(Real 类媒体连续播放保存的文件后缀名为 ram、m3u )。请点击播放键观看效果。
象不象“幻灯片”播放功能?
Real 类媒体播放
1、片头广告。广告形式可以是一个图片,也可以是一段录音或视频,下面的事例是一些文字(文字超级链接)。
媒体文件 *.smil 代码:
<smil>
<head>
<layout>
<root-layout width="142" height="100"/>
<region id="a" top="5"/>
<region id="b" width="142" height="100" fit="fill"/>
</layout>
</head>
<body>
<par>
<seq>
<text region="a" src="http://free.6to23.com/cwlhb098/bbsvisualmedia/mtv.rt"/>
<video region="b" src="http://bbs.anhuinews.com/UploadFile/2004-11/2004111417415815.rm"/>
</seq>
</par>
</body>
</smil>
mtv.rt 的代码:
<window bgcolor="black" underline_hyperlinks="false" duration="3" width="142" height="95">
<center>
<font charset="gb2312" size="1" color="#999999">
<time begin=0>MTV
<p>缓冲中……
<p><a href=http://aboutplayer.com>www.aboutPLAYer.com
</font>
</center>
</window>
2、背景图片。
<smil>
<head>
<meta name="title" content="谱乐视听 http://aboutplayer.com 一个关于网页播放器的宝藏"/>
<meta name="author" content="谱乐视听"/>
<meta name="copyright" content="http://aboutplayer.com"/>
<layout>
<root-layout height="213" width="300" background-color="black"/>
<region id="full_screen" left="0" top="0" height="213" width="300" z-index="1"/>
</layout>
</head>
<body>
<par>
<animation src="http://free.6to23.com/cwlhb098/img/real.jpg" region="full_screen" fill="freeze"/>
<video src="http://majiaoyu.dengke.net/hudie/aiqinga2.mp3"/>
</par>
</body>
</smil>
3、画中画。
<smil xmlns="http://www.w3.org/2001/SMIL20/Language" xmlns:rn="http://features.real.com/2001/SMIL20/Extensions">
<head>
<layout>
<root-layout width="142" height="100"/>
<region id="a" width="100%" height="100%" fit="fill" z-index="0">
<region id="b" left="0" top="0" height="24" width="24"/>
<region id="c" left="86" top="68" height="30" width="54" fit="fill" z-index="1"/>
<region id="d" left="105" top="3" height="15" width="35" z-index="2"/>
<region id="e" top="0"/>
</region>
</layout>
</head>
<body>
<seq>
<text region="e" src="http://free.6to23.com/cwlhb098/bbsvisualmedia/04.rt"/>
<par>
<video src="http://bbs.anhuinews.com/UploadFile/2004-11/2004111417415815.rm" region="a" regPoint="center" regAlign="center" fill="remove" repeat="8"/>
<img src="http://free.6to23.com/cwlhb098/bbsvisualmedia/logo.gif" region="b" rn:mediaOpacity="100%" fill="hold"/>
<video src="http://www.ifcm2004.com/laisla.rm" region="c" regPoint="center" regAlign="center" fill="freeze" repeat="10"/>
<text src="http://free.6to23.com/cwlhb098/bbsvisualmedia/ldzm.rt" region="d" regPoint="center" regAlign="center" fill="freeze" repeat="3"/>
</par>
</seq>
</body>
</smil>
这里的 *.rt 文件是 Real 在视频区域显示文字的文件,格式与 HTML 的差不多,*.smil 文件格式也是。在 smil 文件里,region id="a" …… 是将视频区域划分成 a、b、c 等几个区域,分别用于播放显示 rm、rt 等视频文件。seq 表示顺序播放,par 表示同时播放。特效 1 是先播放 mtv.rt ,完后播放 rm ,特效 2 是同时播放,特效 3 是先播放 rt ,再同时播放动态台标(gif 文件)、滚动字幕(可以是文字超级链接)及 rm 文件。
RT 与 SMIL 文件特别是 SMIL 的功能非常强大,学习内容也非常丰富。感兴趣的朋友可以继续到 http://aboutplayer.com 查阅谱乐的“独家密笈”,以进一步求得深造。