12
所属分类:多媒体编程
开发工具:HTML
文件大小:1267KB
下载次数:72
上传日期:2009-10-03 09:28:19
上 传 者:
rxdld
说明: 12个音乐播放器源码,网页音乐播放器,多功能音乐播放器
(12 music player source code)
文件列表:
codepub.com说明.txt (1418, 2005-08-04)
1 (7)\使用说明.txt (300, 2004-07-19)
1 (9)\exobud.htm (7816, 2004-05-16)
1 (12)\exobud.htm (10300, 2004-05-11)
1\exobud.htm (10621, 2004-03-17)
1 (11)\exobud.htm (11061, 2006-11-06)
1 (1)\exobud.htm (11217, 2004-07-02)
1 (2)\exobud.htm (11567, 2004-08-25)
1 (10)\exobud.htm (11983, 2003-12-31)
1 (3)\exobud.htm (12540, 2004-08-25)
1 (4)\exobud.htm (12843, 2004-08-25)
1 (6)\exobud.htm (13425, 2004-08-25)
1 (5)\exobud.htm (15344, 2004-08-25)
1 (1)\exobud2.htm (11426, 2004-07-02)
1\exobudpl.htm (4977, 2004-02-26)
1 (9)\exobudpl.htm (5569, 2004-05-16)
1 (11)\exobudpl.htm (5780, 2003-10-30)
1 (1)\exobudpl.htm (6190, 2004-07-02)
1 (2)\exobudpl.htm (6535, 2004-08-25)
1 (4)\exobudpl.htm (6566, 2004-08-25)
1 (3)\exobudpl.htm (6575, 2004-08-25)
1 (6)\exobudpl.htm (6611, 2004-08-25)
1 (5)\exobudpl.htm (6623, 2004-08-25)
1 (12)\exobudpl.htm (8733, 2004-05-12)
1 (8)\player\genduo.htm (9715, 2004-02-14)
1 (7)\index.htm (9959, 2004-07-19)
1 (8)\player\index.htm (11915, 2004-02-14)
1 (10)\list.htm (5320, 2003-12-31)
1 (1)\使用说明.htm (30226, 2004-06-22)
1 (2)\使用说明.htm (30226, 2004-06-22)
1 (3)\使用说明.htm (30226, 2004-06-22)
1 (4)\使用说明.htm (30226, 2004-06-22)
1 (5)\使用说明.htm (30226, 2004-06-22)
1 (6)\使用说明.htm (30226, 2004-06-22)
1 (0, 2006-11-06)
1 (1) (0, 2006-11-06)
... ...
写在您使用本程序之前:
在一个偶然的机会我发现了这个网站媒体播放程序,但是不知道是什么原因却只有韩文原版和繁体中文版,而且由于繁体编码的原因,繁体显示都全是乱码,好东西当然要大家分享,所以我就花时间把这个程序翻译成了现在这个中文简体汉化版,大家可以参照各文件代码中镶嵌的注释来使用播放程序,还可以根据自己不同的喜好作出各种不同的面板,有什么问题大家可以相互交流,您可以联系我(yune_lee@163.net)、到我的网站(http://www.liyu.net)给我留言或者是到我的论坛发贴。
liyu
2003.05.23
下面的注释也是我翻译过来的,不过我去掉了很多诸如“感谢谁哦”之类的没有用的东西,剩下的全是精华哦,希望对大家有用。
TTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTT
■ 程序基本信息
TTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTT
ExoBUD MP(II) v4.1tc+ [Traditional Chinese Version]
Copyright(Pe) 1999-2003 Jinwoong Yu[ExoBUD], Kendrick Wong[kiddiken.net].yune_lee[liyu.net]
版本信息
└─────
程序名称: ExoBUD MP(II)
版本编号: v4.1tc+ (简体中文版)
发表日期: 2003年5月22日
作者信息
└─────
程序原作者: 庾珍雄 (Jinwoong Yu)
个人网站: http://exobud.nayana.org
电子邮件: exobud@hanmail.net
MSN 账号: exobud@hanmail.net
ICQ 账号: 96138429
繁体中文化: 黄奕恒/惊直 (Kendrick Wong, aka kiddiken)
个人网站: http://kiddiken.net
电子邮件: webmaster@kiddiken.net
MSN 账号: kiddiken@msn.com
ICQ 账号: 2947070
简体中文化作者: liyu(yune_lee)
个人网站: http://www.liyu.net
电子邮件: yune_lee@163.net
0ICQ 账号: 4410162
软件需求
└─────
浏览器: Internet Explorer (简称IE) v5.5 或以上 (Netscape并不兼容)
媒体播放程序: Windows Media Player (简称wmp) v7.1 或以上(*)
操作系统: Windows *** 或更新的操作系统 (例如: Me,NT,2000,XP)
(*) 本程序支持微软最新推出的 Windows Media 9 系列媒体播放器。
尺寸大小(以像素为单位)
└────────────
宽度: 约 ***0~760px
高度: 约 20~25px (若使用字幕功能,需额外增加 60px)
(播放器的尺寸大小,通常都会因为套用不同面板而有所变化)
TTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTT
■ 使用前要注意的 *重要* 事项
TTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTT
在使用本程序前,请必须注意以下各项:
1. 这个 ExoBUD MP(II) 播放器只支持wmp v7.1或以上版本。如果您 (或浏览者)
仍在使用 wmp v***,这个程序将不能运作,请更新您的wmp版本,或改用兼容
wmp v*** 的 ExoBUD MP(I) 播放器。
2. 如果您(或浏览者)是使用Netscape浏览器,这个程序是不能运作的。
3. 当您修改本程序的原始码时,请注意执行修改后的程序,可能会导致一些正在
执行中的应用程序无法正常运作;另外亦要留意在JavaScript上所使用的变量
名称和设定值,大小写是有分别的。
关于本程序的著作权及使用条款,说明如下:
※ 由于本程序 ExoBUD MP(II) 所衍生的「面板」(Skin) 已包含主程序的大部份
内容,所以下面有说明关于「程序」的部份,亦同时适用于「面板」。
※ 您可以根据个人的喜好来自订这支程序,例如修改原始码或翻译成其它语言,
条件是您 *必须* 在原始码中,保留本程序版权宣告的部份,包括原韩文版的
作者 Jinwoong Yu 及中文化作者 kiddiken(惊直) 的名字和网站连结。
※ 如果您想要以这个繁体中文版的程序为基础,翻译成其它语言的版本,及/或
在因特网上,公开发表您所修改过的版本,请您首先征求我们的同意。
您可以传送电子邮件给我们,通知有关事情:
寄给 kiddiken(惊直) - webmaster@kiddiken.net (中文或英文)
寄给 Jinwoong Yu - exobud@hanmail.net (韩文或英文)
If you would like to translate this program into other language(s)
based on this Traditional Chinese version, and/or to distribute your
modified version on the internet, PLEASE ASK FOR PERMISSION FIRST
by sending an e-mail to us for confirmation:
to kiddiken - webmaster@kiddiken.net (in English or Chinese)
to Jinwoong - exobud@hanmail.net (in English or Korean)
※ 请不要将程序(或面板)原作者或中文化作者的名字改成您自己的名字,然后以
另一程序名称重新命名后,在网络上公开发表及散播本程序,因为这是严重的
侵犯版权行为。
※ 这是公益免费程序,所以请不要使用在商业用途上。另外,您亦不可将本程序
(全部或部份)复制到其它储存媒体(例如光盘片)上作贩卖获利用途。
※ 假如因为使用本程序而令您蒙受数据遗失或损毁,本程序原作者及中文化作者
均不用对其负责。
如果您是面板制作(或修改)者,请您在制作(或修改)面板时务必加入此说明文本档案,
并且不得修改此说明文本的内容(除非有特别需要)。请将您所制作(或修改)面板的相关
信息,写在另一个纯文字文件(例如标准版的就写在 readme_skin.txt);这些面板信息,
您亦可以同时写在播放器主程序的原始码内(即exobud.htm)。
如上段所述,面板制作(或修改)者可能会在其它档案 (如额外的 .txtn或exobud.htm)
加入关于此面板的相关信息,请注意要阅读这些信息,因为您在套用此面板时可能需要
针对此面板作出一些特别设定。
TTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTT
■ 程序功能说明
TTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTT
ExoBUD MP(II) 播放程序为迎合网络潮流,跟一般的BGM程序相比,加入了一些极富
时代感的崭新功能。现详细说明如下:
[1] 可播放大部份与微软Windows Media Player兼容的媒体档案格式,当中包括非串流
处理的档案类型(mp3,wav,mid,avi,mpg)以及串流处理的档案类型(asf,wma,wmv)。
您亦可以使用预先制作好的播放清单 (如: pls,m3u)。如果您想要利用本程序做为
串流媒体服务,您可能需要准备一些串流处理媒体的执行文件 (如: asx,wax,wvx)。
[2] 可自动从媒体档案里面取得媒体信息,包括标题、演出者、著作权、时间长度等。
如果您在设定播放清单项目时,没有设定某项目的"媒体标题",当要播放某项目时
程序便会自动读取记录在媒体档案里面的相关信息,在播放面板上正确显示出来。
若是作为本程序的面板制作者,您可以选择读取更多的媒体信息项目来配合需要。
[3] 支持SMIL(Synchronized Multimedia Integration Language)同步多媒体整合语言
格式字幕显示功能。您可以利用此功能来制作「同步歌词」的.smi档案,让浏览者
可以跟着歌词哼歌^^ 除了用来显示歌词之外,您还可以为视讯档案(例如生活片段
或录音访问)加入字幕内容,让使用不同语言的浏览者也「听得懂」! 此外,您亦
可以使用此功能来显示唱片专辑图文件等的媒体相关信息,表现您丰富的想象力。
※ SMIL是一种以XML为基准的程序语言,关于.smi档案的编写格式,请在网络上
寻找有关资料。(官方的英文说明: http://www.w3.org/AudioVideo )
[4] 可让使用者在播放清单上只选取自己喜欢的曲目播放,而且这动作是实时生效的。
播放清单上的复选框表示曲目是否已选取,而使用者亦可点选曲目的连结(标题)
作单一曲目播放、全部选取或全部不选取清单项目;播放清单也支持跳页的功能。
※ 请注意当播放器页面重新整理或关掉浏览器后,播放清单便会回复预设状态。
[5] 支持以循序(Sequential)及随机(Random)方式来播放媒体项目的功能。若播放面板
容许的话,使用者可在播放面板上点选[S]或[R]按钮,随时切换播放顺序的模式。
[6] 支持以正常方式(Elapse)及倒数方式(Lapse) 动态显示曲目的时间长度;前者表示
曲目已播放的时间,后者表示曲目剩余的时间。若播放面板容许的话,使用者可以
在播放面板上,点一下显示时间长度的地方,随时切换显示动态时间长度的方式。
※ 如果您设定了在浏览器的状态列显示播放器文字讯息,状态列上亦会显示动态
时间长度;当您切换它在播放面板的显示方式时,状态列的亦会同时变更。
※ 正常来说,时间长度的格式是 [分:秒];假如某个媒体项目的时间是超过六十
分钟(即一小时),时间长度便会以 [时:分:秒] 的格式显示。
※ 如果正在播放的媒体内容是实时播送系统 (Live Broadcasting),由于媒体是
没有一个固定的时间长度,所以不能切换以「倒数方式」来显示剩余时间的。
[7] 联机媒体失败的处理方式:当程序无法联机到 准备要播放的媒体档案 时,在播放
面板上会显示错误讯息让使用者了解。程序总共会尝试三次联机,假如都是失败,
便会放弃再联机到该媒体档案,自动跳到下一个媒体项目继续播放。
[8] 支持使用JavaScript的 alert()函式,让您选择是否要在开始播放每一首曲目时,
弹出窗口显示直接从媒体档案读取的媒体信息内容。此功能只适合测试用途,因为
如果您在嵌入网站后正式使用时仍然没有关闭此功能,浏览者可能会感到厌烦的。
[9] 支持音量控制 (Volume Control) 的功能,包括增加音量 (Volume Up)、减少音量
(Volume Down) 及静音模式(Mute)。音量大小并会以一个由0至100%计算的数值来
显示,让使用者方便地调校理想的音量。 切换静音模式的按钮通常会以[M]表示;
如果您是在调校音量之后才开启静音模式的, 当您再点一下[M]、增加或减少音量
的按钮(关闭静音模式)时,您刚才所调校好的音量大小便会自动恢复。
[10] 本程序有很多地方都使用了 Optimized Logic(逻辑最佳化) 的语法来提升效能。
※ 通常同一个播放项目只会播放一次,但您也可以实时设定某项目重复播放。
使用者只要点一下[L]按钮,便可以切换是否重复播放(Loop)目前的曲目。
※ 另一个 [||] 按钮代表「暂停.继续」,此按钮通常是以两条直线表示的。
使用者只要点一下这个按钮,便可以暂停(Pause)或继续播放目前的曲目。
※ 无论您点选播放面板上的任何一个按钮,播放面板都会在适当的地方显示
讯息(如面板容许),告诉您所做的动作。
[11] 只要是 Windows Media Player 支持的媒体档案类型,本程序都可以顺利播放。
除了自行录制媒体档案后放在自己的主机的方法,您也可以连结到一些在网络上
提供的串流处理媒体档案 (如: asf,wma) ,作为播放清单的内容。 本程序除了
支援 http:// 及 ftp:// 这两种常见的网络协议之外,您也可以使用如 mms://
或 rtsp:// 这些串流处理媒体的通讯协议来设定播放清单项目。
※ 如果要自行制作串流媒体档案,请最好使用微软提供的 Windows Media
编码器 v7 或以上的版本。
[12] 由于本程序已加入了对视讯档案的支持,您也可以自行制作(或修改)播放面板,
利用它来播放像音乐影带(MV)或是以随选视讯系统(VOD)制作的媒体文件(如wmv)。
请注意每个视讯档案使用的屏幕大小都会有分别的,如有需要的话,您可以参考
exobud.js 这个档案,修改里面的原始码内容来达到您想要的效果。
TTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTT
■ 档案说明
TTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTT
以下档案说明只适用于 ExoBUD MP(II) 的标准版本,使用其它面板制作的播放器
可能会有一些差异:
/程序数据夹/ (这就是 ExoBUD MP 程序的"根目录")
exobud.htm : ExoBUD MP 播放面板 HTML 页面档案
exobud.css : ExoBUD MP 播放面板 CSS 样式表
exobudpl.htm : ExoBUD MP 播放清单 HTML 页面档案
exobudpl.css : ExoBUD MP 播放清单 CSS 样式表
exobud.js : ExoBUD MP 播放程序主程序 (JavaScript)
exobudpl.js : ExoBUD MP 播放清单设定文件 (JavaScript)
exobudset.js : ExoBUD MP 播放程序基本设定文件 (JavaScript)
imgchg.js : 动态按钮图文件切换动作的程序文件 (JavaScript)
readme.txt : 您现在阅读的这个「自述文件」
readme_skin.txt : 播放器面板制作信息的自述文件
/程序数据夹/img/ (存放 ExoBUD MP 程序图文件的地方)
*.gif(*.jpg) : 这些都是 ExoBUD MP 播放器的专用图档
/程序数据夹/sample/ (这里存放了一个使用字幕功能的视讯媒体内容)
seattle.wmv : 范例视讯档案 (标题: Great Reasons to Visit Seattle)
seattle.smi : 配合范例视讯档案使用的SMIL格式字幕档案
如果您是面板制作(或修改)者,请尽量保留上述的文件名称和数据夹结构,包括
HTML 和 JavaScript 的文件名称。
TTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTT
■ 安装程序
TTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTT
这支播放程序并没有自动化的安装接口。如果您是第一次使用本程序,建议您仔细阅读
以下的安装程序说明,依照指示一步一步的进行安装及设定:
第1步:进行解压缩
└──────────
在网络上下载回来的 ExoBUD MP(II) 繁体中文版应是以 zip 为扩展名的压缩档。
您可以使用您惯用的解压缩程序 (例如: WinZip) 来压开这个档案。
请将所有的档案都解压缩到您 (自己计算机内) 网站数据夹下的一个新资料夹。
(里面没有任何档案或子数据夹)
假设您的网站数据夹是 C:\www
您可以将压缩档解开至 C:\www\exobud_mp 这个位置。
因为压缩文件内容是包含数据夹名称的,所以您在解压缩时要注意是否正确将所有的
档案都解开至适当位置:程序"根目录"应包括*.htm,*.js,*.css的原始码档案,而
img,sample分别是程序图文件和范例视讯档案的数据夹。(请参考上面的"档案说明")
解压缩完毕后,您便可以立即点两下 exobud.htm ,执行这个档案,抢鲜测试一下
这支超炫的播放程序!^^
第2步:准备媒体档案
└───────────
如果您要把这个播放器放到网站上,您当然不会使用预设的「样本播放清单」吧。
这个时候,您需要准备一些媒体档案。这些音讯或视讯档案的来源,可以是您硬盘
里面的档案,也可以是网络上的串流处理媒体档案连结。
如果您硬盘里面的媒体档案都是动辄几MB甚至几十MB的 mp3,wav,avi,mpg... 相信
您也不会将这些狂吃容量的档案上传到FTP服务器吧! 此时您就需要一个编码器,
例如微软的 Windows Media Encoder (建议使用v7.x或以上的版本) ,将这些档案
都转换成体积比较小的串流媒体档案(asf,wma,wmv),然后才上传到 FTP 服务器。
(若您是自行架设串流媒体服务站,请将档案上传到您的 MMS 服务器)
媒体档案的命名也值得我们注意。因为不是在所有语系、所有操作系统和浏览器的
环境下,都可以正确读取以繁体中文 (或其它双字节语系) 来命名的文件名称的,
所以请您最好不要使用含汉字字符的档名,同时也应尽量避免在文件名称里使用像
半角空白、百分比(%) 这些特殊字符。文件名称在网络上的使用仍是以全英文小写
为最保险。(您可以使用底线字符 _ 来代替空白的)
假如您坚持要使用像 mp3,wav 这些非串流媒体档案格式, 请确保档案不会太大,
致使浏览者需要一段时间才下载完成整个档案,因为本程序不能对这类档案做缓冲
处理(Buffering),而是要等到接收完毕整个档案后才会播放的。
如果您想要使用播放器的字幕功能,您还需要准备对应媒体档案的SMIL字幕档案,
并且要将这个SMIL档放置在与对应的 asf,wma 媒体档案相同的数据夹。
※ 因为本程序是利用微软的 Windows Media Player 做为后台播放程序,所以
并不支援以 .ra .rm .rv .ram 等这些由 RealNetworks 制订的媒体格式来
播放音讯或视讯内容。
※ 虽然本程序可支持微软最新开发的 「Windows Media 播放清单」 档案格式
(扩展名为.wpl),但是因为此格式尚未开发成熟,而本程序对此格式的支持
可能不够完全,所以建议使用者应避免使用这种档案来制作播放清单,除非
您是本程序的开发人员/面板制作者,或对程序运作已有深入了解。
TTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTT
■ 设定播放程序
TTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTT
这个部份会向您说明如何设定播放程序,包括基本设定及播放清单内容:
第3步:检查播放程序
└───────────
以 Internet Explorer 浏览器开启 exobud.htm 这个档案, 然后点一下【播放】
按钮(除非预设是自动播放),此时您应该可以听到声音。假如没有听到任何声音,
请检查一下您的扬声器是否已开启、Windows Media Player和IE的版本是否兼容。
目前正在播放的就是样本播放清单所设定的项目。
※ 繁体中文版本的 ExoBUD MP 播放器,已设定了页面的显示语系是 "big5",
假如因为某些原因而在播放面板上出现乱码,请尝试手动变更页面的语系。
(在IE变更页面编码的方法:点一下选单列的 [检视] → [编码],再点选
正确的语系 [繁体中文 (Big5)] 即可)
第4步:设定播放程序
└───────────
接下来,我们需要编辑 exobudset.js 这个 JavaScript 原始码档案,此档包含了
播放程序所有基本设定内容。您可以不用关闭浏览器窗口,一边进行原始码编辑,
同时在另一边的浏览器,您可以按[F5]键重新整理页面,测试一下原始码在修改后
的执行结果是否正常。
现在,请使用您惯用的纯文字编辑器 (例如: EditPlus/EmEditor/记事本) ,打开
exobudset.js 这个档案,编辑原始码内容。 因为在档案里面已经写有相当详细的
说明,解释各个设定项目的用法,所以在这里不再赘述一遍。
※ 所有项目的设定值只可以设为 true (是) 或 false (否),请注意这两个
英文单字必须使用全小写半角字母,亦不能写错字。
第5步:设定播放清单内容
└─────────────
当您修改「播放程序的基本设定」完毕,接下来我们就要设定播放清单的内容,将
已存在于网络上的媒体档案,一个一个的「登录」在播放清单上,这样播放程序才
可以知道要播放什么媒体、媒体的档案位置在哪里。
繁体中文版本的 ExoBUD MP 播放器,有别于原韩文版的设定方式, 设定播放清单
内容的部份是写在一个独立的档案 (exobudpl.js),而非播放面板 HTML 页面档案
(exobud.htm),这是为了方便修改和管理播放清单而作出的改动。
现在,请使用您惯用的纯文字编辑器 (例如: EditPlus/EmEditor/记事本) ,打开
exobudpl.js 这个档案,编辑原始码内容。(这是一个 JavaScript 的原始码档案)
因为在里面已经有相当详细的说明, 解释如何设定 ExoBUD MP 专用的播放清单,
所以在这里不再赘述一遍。
※ 完成设定您的播放清单后,必须重新整理播放器的页面,播放清单的修改
才会正式生效。此外,亦建议您将刚修改好的播放清单完整的测试一遍,
确保播放清单上的所有媒体项目都能够正常播放。
TTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTT
■ 将播放器嵌入网站
TTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTT
当播放程序的基本设定和播放清单都搞定了以后,您便可以将播放器嵌入网站了!请将
您所修改过的播放程序档案 (包括所有程序需要用到的档案和图文件数据夹) ,使用 FTP
程序上传到您网站的服务器、一个对应的空白数据夹,例如 exobud_mp 。
※ 如果不是做为测试用途,并且已在播放清单上删除或批注掉「样本播放清单」
的设定项目,您可以不必上传"sample"这个存放了范例视讯档案的数据夹。
现在,您可以使用页面框架 (frameset) 或内嵌框架 (iframe) 的方式,将播放器嵌入
到您的网站里去了!下面分别提供了以这两种方式嵌入播放器的 HTML 语法让您参考:
使用页面框架 (frameset) 方式的嵌入法范例:
使用内嵌框架 (iframe) 方式的嵌入法范例:
※ 以上设定框架大小的数值仅供参考。一般来说,长条形状的播放器会占用面积
大约为 ***0~760px(像素) 的宽度乘以 20~25px(像素) 的高度。
(若使用字幕功能,需额外增加 60px 的高度)
进行播放器嵌入网站的动作时,请注意:
1. 您必须了解HTML的框架语法如何应用,以及懂得利用纯文字编辑器来设定框架
语法。若您仍未掌握框架语法的写法,请先在网络上搜寻有关数据了解一下。
2. 无论使用任何方式的语法 (包括JavaScript等) 将播放器嵌入网站,您都必须
确保当浏览者转换页面时,不会同时整理播放器所在的页面,因而影响播放器
的动作。
3. 如果您不熟悉HTML语法,最好不要使用以内嵌框架 (iframe) 的方式将播放器
嵌入网站,除非您已明白您的网站版面设计适合使用以此方式嵌入播放器。
4. 以上说明使用框架 (frameset或iframe) 的方式将播放器嵌入网站,并不适用
于以弹出式窗口 (Pop-up Window) 启动的播放器。
TTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTT
■ 播放器的进阶设定法:修改样式表设定项目
TTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTT
除了播放程序的基本设定和播放清单内容以外,在播放程序的原始码里面还「隐藏」了
不少可供个人化修改的样式表(Style Sheet)设定项目!您可以凭自己对CSS样式表语法
的认识,加入其它更具创意的设定值。
以下有一些预设可供修改样式的地方,让您参考:
(请注意这些地方可能会因为不同面板而有大小差异)
a)播放面板的基本样式表设定 (exobud.css)
└──────────────────────
在 exobud.css 这个 CSS 样式表档案里面,您可以找到基本样式表的设定内容。
以下是其中几个样式项目的设定:
body { margin-top: 0px; margin-right: 0px; ← 不保留边界的设定
margin-bottom: 0px; margin-left: 0px;
cursor: crosshair; ← 鼠标光标呈十字形
overflow: hidden; } ← 不显示窗口卷动轴
body,td { font-family: 'Tahoma','Verdana','Arial'; ← 字形名称
font-size: 9pt; } ← 字形大小
/* 显示媒体标题的样式表设定 */ (此乃 精简版 播放器的设定)
.title { border-width: 1px; ← 框线粗幼度(像素)
border-style: solid; ← 框线形式
border-color: silver; ← 框线颜色
background-color: white; ← 背景颜色
color: black; ← 文字(前景)颜色
font-family: 'Tahoma','Verdana','Arial'; ← 字形名称
font-size: 9pt; } ← 字形大小
/* 显示时间长度的样式表设定 */ (此乃 精简版 播放器的设定)
.time { border-width: 1px; ← 框线粗幼度(像素)
border-style: solid; ← 框线形式
border-color: silver; ← 框线颜色
background-color: white; ← 背景颜色
color: black; ← 文字(前景)颜色
font-family: 'Tahoma','Verdana','Arial'; ← 字形名称
font-size: 9pt; } ← 字形大小
(注:箭嘴 "←" 所示的地方是为了方便说明才加上去的,实际编辑时请不要加入)
※ 您可以在 body 样式里面加入 background 属性来设定背景颜色或图档,例如:
background-color: aliceblue; 或 background-image: url(./bg.gif);
※ .title 和 .time 两个样式,分别是显示媒体标题和时间长度的样式设定项目。
您可以根据自己的个人喜好来修改字形名称/大小/颜色、框线粗幼度/颜色/模式
等的设定值。
b)字幕框的样式设定 (exobud.htm)
└──────────────────
在 exobud.htm 这个 HTML 档案,接近最底部的地方, 可以找到这段 DIV 语法:
(这里定义了一个区块,其 ID 应为 "capText")
ExoBUD MP(II) Captioning(SMI)
※ 您可以将字幕框放在播放面板上的任何位置,宽度(width)和高度(height)都
可以修改的。同样地,您也可以根据自己的喜好 修改/增删 其它样式属性的
设定,例如您可以加入 font-size 的属性来设定字幕框文字的大小。
※ 字幕框的部份,通常会以特别的颜色来显示,用以突出其与播放器其它部份的
分别;预设的面板就是以深色的底色作背景颜色、以白色作文字(前景)颜色。
※ 无论您是否使用字幕功能,也必须保留这段 DIV 语法,否则会导致播放程序
无法正常运作。(区块的 ID 是不能更改的)
※ 只有在 "blnUseSmi" 设定值为 true 的情况下(使用字幕功能),字幕框才会
显示出来。
c)播放清单上的 body 样式设定 (exobudpl.css)
└────────────────────────
在另一个用来设定播放清单 CSS 样式表的 exobudpl.css 档案里面,您亦可以
找到基本样式 ... ...
近期下载者:
相关文件:
收藏者: