|
|
网页播放技术的若干特效 |
| Author:咖啡虫 PublishTime:2005-6-16 |
网页播放技术的若干特效
网页播放器进阶学习之趣味篇
来源：中国站长学院 | 作者：aboutplayer
为增强大家对网页播放技术的感性认识，同时更为激发学习网页播放技术的浓厚兴趣，特首先向大家介绍网页播放技术的若干特效，简单而实用，希望能对读者有所帮助或启发。
虽然说是特效，但实际上几乎所有的人都很容易上手，因为通过单纯的“文本文件”编辑即可实现目的。
WMP 类媒体播放
1、改变媒体信息。就是将媒体文件在播放时显示的诸如名字、表演者及版权等媒体 ID3 信息一一改变成“自己”的。不是一种真正的改变，实为障眼法。请点击播放键观看效果 。
代码如下：
其中前部分为播放列表的信息，后部分为媒体播放时显示的信息。Repeat ，单曲重复播放。文件取名为 aboutplayer.asx 。这里还实现了嵌入图片超级链接的功能（鼠标放其上有提示，点击打开新窗口），只是图片尺寸不能太大。
2、曲目列表。上面代码只是重复播放一首曲目，若需自动连续播放多首曲目，则在（去掉 Repeat 选项）＜/Entry＞的后面再继续几个＜Entry＞…… ＜/Entry＞即可。谱乐的 Aquamp Player （http://aboutplayer.com/aquamp）的歌曲列表就是这种 ASX 文件。她每播放完一个曲目会自动接着播放下一个曲目，若是无效链接，则跳过再播放下一首。所以有朋友在使用 Aquamp 的过程中，点放 A 曲却播放 B，就是因为 A 是无效链接，而自动跳播 B 曲。同样有固定格式可实现连续播放的还有 wpl、pls 为后缀名的 *.wpl、*.pls 文件。
其实连续播放功能的实现还有一种更为简便的方法，就是把要连续播放的媒体地址都输入记事本（重要：一个地址一行），然后保存为后缀名为 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＞ＭＴＶ
＜p＞缓冲中……
＜p＞＜a href=http://aboutplayer.com＞www.aboutＰＬＡＹer.com
＜/font＞
＜/center＞
＜/window＞
2、背景图片。
＜smil＞
＜head＞
＜meta name="title" content="谱乐视听 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＞
＜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 的功能非常强大，学习内容也非常丰富。感兴趣的朋友可以继续到 aboutplayer.com 查阅谱乐的“独家密笈”，以进一步求得深造。
|
|
| | |
