分享
 
 
 

网页播放技术的若干特效

王朝html/css/js·作者佚名  2006-11-24
窄屏简体版  字體: |||超大  

为增强大家对网页播放技术的感性认识,同时更为激发学习网页播放技术的浓厚兴趣,特首先向大家介绍网页播放技术的若干特效,简单而实用,希望能对读者有所帮助或启发。

虽然说是特效,但实际上几乎所有的人都很容易上手,因为通过单纯的“文本文件”编辑即可实现目的。

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 查阅谱乐的“独家密笈”,以进一步求得深造。

 
 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
2023年上半年GDP全球前十五强
 百态   2023-10-24
美众议院议长启动对拜登的弹劾调查
 百态   2023-09-13
上海、济南、武汉等多地出现不明坠落物
 探索   2023-09-06
印度或要将国名改为“巴拉特”
 百态   2023-09-06
男子为女友送行,买票不登机被捕
 百态   2023-08-20
手机地震预警功能怎么开?
 干货   2023-08-06
女子4年卖2套房花700多万做美容:不但没变美脸,面部还出现变形
 百态   2023-08-04
住户一楼被水淹 还冲来8头猪
 百态   2023-07-31
女子体内爬出大量瓜子状活虫
 百态   2023-07-25
地球连续35年收到神秘规律性信号,网友:不要回答!
 探索   2023-07-21
全球镓价格本周大涨27%
 探索   2023-07-09
钱都流向了那些不缺钱的人,苦都留给了能吃苦的人
 探索   2023-07-02
倩女手游刀客魅者强控制(强混乱强眩晕强睡眠)和对应控制抗性的关系
 百态   2020-08-20
美国5月9日最新疫情:美国确诊人数突破131万
 百态   2020-05-09
荷兰政府宣布将集体辞职
 干货   2020-04-30
倩女幽魂手游师徒任务情义春秋猜成语答案逍遥观:鹏程万里
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案神机营:射石饮羽
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案昆仑山:拔刀相助
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案天工阁:鬼斧神工
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案丝路古道:单枪匹马
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:与虎谋皮
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:李代桃僵
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:指鹿为马
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案金陵:小鸟依人
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案金陵:千金买邻
 干货   2019-11-12
 
推荐阅读
 
 
 
>>返回首頁<<
 
靜靜地坐在廢墟上,四周的荒凉一望無際,忽然覺得,淒涼也很美
© 2005- 王朝網路 版權所有