Return Homepage Cooltang's Box
Homepage Article Title 播歌器(gb)
Catalog Original URL http://discuz.net/viewthread.php?tid=28095&fpage=1
Backup Time 2004-4-12 9:01:53
Executor IP 198.54.202.2

播歌器(gb)

══════════════════════════════════════
■ 欢迎您使用 ExoBUD MP(II) v4.1tc+ 网站媒体播放程式!^^
══════════════════════════════════════

▽ 序
└──

 我又发现了好康ㄟ\^0^/

 最近因为“哈韩”而看到、学到的东西实在太多,有一种美不胜收的感觉。除了社区
程式和漂漂的面板之外,我就特别留意韩国人套用在自己网站上的背景音乐程式。这些
由韩国人编写的“BGM”程式不外乎都是那两、三种,应是目前网路上最流行的了。
这些程式有一个共通点,就是能透过套用不同款式的“面板”(Skin),让播放程式变得
五光十色!作为网站的主人,当然可以把它改成配合自己网站设计、个性化的外观吧!

 BGM程式的构造,通常都是以JavaScript为核心、以HTML呼叫使用的。但也有一支
搭配PHP+MySQL技术的BGM程式,功能完备得令我难以置信,曾经让我心动想要立刻制作
中文化版本出来的。可惜,后来我就觉得这程式有点“不长进”:作者很久已经没有再
开发新版本,加上'03年1月微软发表【WMP9系列】而令它出现“不能自动连续播放”的
不相容问题,间接导致这支在韩国粉受欢迎的BGM程式,被其他不需PHP支援的同类程式
抢夺了它的“市场占有率”!(但是我对这支后台管理强大的BGM程式仍然寄予厚望^^)

 在发现ExoBUD MP的“㊣版”播放器之前, 其实我是首先在浏览中国(大陆)某个网站
发现了以相同核心写成的JavaScript原始码、但以另一名字命名后发表并在网路散播的
“CnSide MP”(简体中文版) 播放器,所以这件事也令我觉得很遗憾。不过现在已不是
时候要追究因为侵犯原作者程式版权行为而衍生的责任或法律问题了,而是用心制作好
一个繁体中文化版本的ExoBUD MP播放器, 让大家认同原作者及中文化作者在程式开发
方面所作的努力、明白对著作权尊重的重要性。

 本来我还以为ExoBUD MP是一支跟一般BGM没有两样的背景音乐播放程式,但经过测试
及下载了一些面板,再乘着制作中文化时彻底的了解过之后,发觉原来它并不是普通的
一支BGM程式那么简单。ExoBUD MP 不仅可以播放我们熟悉的音乐媒体档案格式 (例如:
mid,wav,mp2,mp3) ,还可以播放近年微软全力开发的Windows Media串流处理音乐媒体
格式 (例如: asf,asx,wma,wax)。更意想不到的是,透过套用不同的播放器面板,让它
变成一个真正可以嵌入网站里面的多媒体播放程式:除了音乐之外,您还可以播放视讯
档案格式 (例如: wmv,wvx);您又可以在网站上放一些您喜欢的MV(音乐影带)、节目
访问,或是跟朋友、同学或同事们分享您利用数位拍下来的珍贵生活片段 (avi,mpg)。
当然,您也可以利用ExoBUD MP做为您的个人“网上电台”(WebCast),或是连结网路上
的收音机等即时广播系统,在您的网站上让浏览者选播喜欢的频道…

 因为这支程式用途的多元化,所以最后我还是决定弃用“背景音乐播放程式”,改以
“网站媒体播放程式”来做为程式的中文副标题。这个比较贴切的描述,也代表了音讯
和视讯这些逐渐流行的网路媒体,在网站建置的应用上开始占一席位。随着宽频时代的
来临,新新世代的个人网站设计,将不再停留在以前只能播放几十KB“MIDI背景音乐”
的阶段,而是比从前增加更多具有视听娱乐享受的元素!说实在,我对这支程式的功用
仍未摸得见底,所以如果这份说明文本的内容有啥不足,请多多包涵指教喔!

 心动的您,准备好要进入探究 ExoBUD MP 的多媒体世界了吗? ;-)



                             天真的惊直
                             2003.03.13


══════════════════════════════════════
■ 程式基本资讯
══════════════════════════════════════

  ExoBUD MP(II) v4.1tc+ [Traditional Chinese Version]
  Copyright(Pe) 1999-2003 Jinwoong Yu[ExoBUD], Kendrick Wong[kiddiken.net].


▽ 版本资讯
└─────
    程式名称: ExoBUD MP(II)
    版本编号: v4.1tc+ (繁体中文版)
    发表日期: 2003年3月23日


▽ 作者资讯
└─────
  程式原作者: 庾珍雄 (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

  因为小弟不谙韩文,所以原始码及读我档案上有很多地方都是猜出来翻的,
  但是我已尽了最大的努力,运用所有可用的工具、技能和“灵活的脑袋”,
  将本程式翻译完成^^  如果本程式有地方您发现是翻错了的,请不吝指正。


▽ 软体需求
└─────
    浏览器: Internet Explorer (简称IE) v5.5 或以上 (Netscape并不相容)
    媒体播放程式: Windows Media Player (简称wmp) v7.1 或以上(*)
    作业系统: Windows 98 或更新的作业系统 (例如: Me,NT,2000,XP)

    (*) 本程式支援微软最新推出的 Windows Media 9 系列媒体播放器。


▽ 尺寸大小(以像素为单位)
└────────────
    宽度: 约 640~760px
    高度: 约 20~25px (若使用字幕功能,需额外增加 60px)

    (播放器的尺寸大小,通常都会因为套用不同面板而有所变化)


══════════════════════════════════════
■ 使用前要注意的 *重要* 事项
══════════════════════════════════════

在使用本程式前,请必须注意以下各项:

  1. 这个 ExoBUD MP(II) 播放器只支援wmp v7.1或以上版本。如果您 (或浏览者)
     仍在使用 wmp v6.4,这个程式将不能运作,请更新您的wmp版本,或改用相容
     wmp v6.4 的 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)。

如上段所述,面板制作(或修改)者可能会在其他档案 (如额外的 .txt档或exobud.htm)
加入关于此面板的相关资讯,请注意要阅读这些资讯,因为您在套用此面板时可能需要
针对此面板作出一些特别设定。


══════════════════════════════════════
■ 程式功能说明
══════════════════════════════════════

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 这个档案,修改里面的原始码内容来达到您想要的效果。


══════════════════════════════════════
■ 档案说明
══════════════════════════════════════

以下档案说明只适用于 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 的档案名称。


══════════════════════════════════════
■ 安装程序
══════════════════════════════════════

这支播放程式并没有自动化的安装介面。如果您是第一次使用本程式,建议您仔细阅读
以下的安装程序说明,依照指示一步一步的进行安装及设定:


▽ 第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),但是因为此格式尚未开发成熟,而本程式对此格式的支援
        可能不够完全,所以建议使用者应避免使用这种档案来制作播放清单,除非
        您是本程式的开发人员/面板制作者,或对程式运作已有深入了解。


══════════════════════════════════════
■ 设定播放程式
══════════════════════════════════════

这个部份会向您说明如何设定播放程式,包括基本设定及播放清单内容:


▽ 第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 专用的播放清单,
    所以在这里不再赘述一遍。

     ※ 完成设定您的播放清单后,必须重新整理播放器的页面,播放清单的修改
        才会正式生效。此外,亦建议您将刚修改好的播放清单完整的测试一遍,
        确保播放清单上的所有媒体项目都能够正常播放。


══════════════════════════════════════
■ 将播放器嵌入网站
══════════════════════════════════════

当播放程式的基本设定和播放清单都搞定了以后,您便可以将播放器嵌入网站了!请将
您所修改过的播放程式档案 (包括所有程式需要用到的档案和图档资料夹) ,使用 FTP
程式上传到您网站的伺服器、一个对应的空白资料夹,例如 exobud_mp 。

  ※ 如果不是做为测试用途,并且已在播放清单上删除或注解掉“样本播放清单”
     的设定项目,您可以不必上传"sample"这个存放了范例视讯档案的资料夹。


现在,您可以使用页面框架 (frameset) 或内嵌框架 (iframe) 的方式,将播放器嵌入
到您的网站里去了!下面分别提供了以这两种方式嵌入播放器的 HTML 语法让您参考:

  ▼使用页面框架 (frameset) 方式的嵌入法范例:

  <frameset rows="*,25" framespacing="0" border="0" frameborder="0">
    <frame name="content" src="main.php" noresize>
    <frame name="exobud_mp" src="exobud_mp/exobud.htm"
      scrolling="no" noresize>
  </frameset>

  ▼使用内嵌框架 (iframe) 方式的嵌入法范例:

  <iframe name="exobud_mp" src="exobud_mp/exobud.htm"
    width="640" height="25" marginwidth="0" marginheight="0"
    border="0" frameborder="0" scrolling="no"></iframe>

  ※ 以上设定框架大小的数值仅供参考。一般来说,长条形状的播放器会占用面积
     大约为 640~760px(像素) 的宽度乘以 20~25px(像素) 的高度。
     (若使用字幕功能,需额外增加 60px 的高度)


进行播放器嵌入网站的动作时,请注意:

  1. 您必须了解HTML的框架语法如何应用,以及懂得利用纯文字编辑器来设定框架
     语法。若您仍未掌握框架语法的写法,请先在网路上搜寻有关资料了解一下。

  2. 无论使用任何方式的语法 (包括JavaScript等) 将播放器嵌入网站,您都必须
     确保当浏览者转换页面时,不会同时整理播放器所在的页面,因而影响播放器
     的动作。

  3. 如果您不熟悉HTML语法,最好不要使用以内嵌框架 (iframe) 的方式将播放器
     嵌入网站,除非您已明白您的网站版面设计适合使用以此方式嵌入播放器。

  4. 以上说明使用框架 (frameset或iframe) 的方式将播放器嵌入网站,并不适用
     于以弹出式视窗 (Pop-up Window) 启动的播放器。


══════════════════════════════════════
■ 播放器的进阶设定法:修改样式表设定项目
══════════════════════════════════════

除了播放程式的基本设定和播放清单内容以外,在播放程式的原始码里面还“隐藏”了
不少可供个人化修改的样式表(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")

  <div id="capText" style="width:100%;height:60;color:white;
  background-color:#555555;display:none">ExoBUD MP(II) Captioning(SMI)</div>

  ※ 您可以将字幕框放在播放面板上的任何位置,宽度(width)和高度(height)都
     可以修改的。同样地,您也可以根据自己的喜好 修改/增删 其他样式属性的
     设定,例如您可以加入 font-size 的属性来设定字幕框文字的大小。

  ※ 字幕框的部份,通常会以特别的颜色来显示,用以突出其与播放器其他部份的
     分别;预设的面板就是以深色的底色作背景颜色、以白色作文字(前景)颜色。

  ※ 无论您是否使用字幕功能,也必须保留这段 DIV 语法,否则会导致播放程式
     无法正常运作。(区块的 ID 是不能更改的)

  ※ 只有在 "blnUseSmi" 设定值为 true 的情况下(使用字幕功能),字幕框才会
     显示出来。


▽ c)播放清单上的 body 样式设定 (exobudpl.css)
└────────────────────────

  在另一个用来设定播放清单 CSS 样式表的 exobudpl.css 档案里面,您亦可以
  找到基本样式表的设定内容。

  ▼以下是 body 样式项目的设定:

  body { margin-top: 0px; margin-right: 0px;          ← 不保留边界的设定
         margin-bottom: 0px; margin-left: 0px;
         background-color: #8498A3;                   ← 背景颜色
         background-image: url(./img/pl_skin.jpg);    ← 背景图档(*)
         background-repeat: no-repeat;                ← 背景图是不重复的(*)
         background-attachment: fixed;                ← 背景图是固定位置(*)
         background-position: bottom right;           ← 背景图放底部靠右(*)
         cursor: crosshair; }                         ← 滑鼠游标呈十字形

    (*) 这些属性是为了方便让大家参考才加上去的。

  ※ 如果面板所使用的播放清单,有需要显示卷动轴的话,body样式里面可能已经
     加入了关于卷动轴的属性设定。

  ※ 以上所示 body 的样式设定仅供参考,因为每款面板所显示的播放清单,也会
     使用不同的样式设定。如果您想更进一步了解 body 的样式设定法,请在网上
     搜寻有关资料。


▽ d)播放清单上的连结样式设定 (exobudpl.css)
└───────────────────────

  同样在 exobudpl.css 这个“播放清单样式表”档案里面,您还可以设定不同
  类型的连结的颜色。

  ▼以下是包含 anchor (即 "A" 语法) 样式项目的设定:

  a,a:link  { color: #334455; text-decoration: none; }
  a:visited { color: #223344; text-decoration: none; }
  a:active  { color: #334455; text-decoration: none; }
  a:hover   { color: gold;    text-decoration: none; }

  浏览器是如何决定什么类型的连结,以什么样式来显示?

    a,a:link   : 在指定时间之内,未曾到访过的连结
    a:visited  : 在指定时间之内,已经到访过的连结
    a:active   : 您正在到访的连结
    a:hover    : 您将滑鼠移到其上的连结(即时变色)

  ※ 通常我们都会以连结的文字颜色(color)来区分不同类型的连结的。但也会同时
     辅以底线 (text-decoration: underline;) 来加以区别。


▽ e)播放清单上的文字样式设定 (exobudpl.css)
└───────────────────────

  播放清单上的文字,包括媒体标题及项目编号等,您都可以自行设定喜爱的样式。

  ▼以下是基本样式表中,关于文字样式的设定:

  body,td { font-family: 'Tahoma','Verdana','Arial';  ← 字形名称
            font-size: 9pt; color: #B0C0D0; }         ← 字形大小及颜色

  ※ 因为播放清单上所显示的媒体标题,本身都是页面上的连结,所以您在这里
     设定的文字颜色,只会对项目编号有效,而不会适用于媒体标题。


══════════════════════════════════════
■ 感谢
══════════════════════════════════════

感谢神。祂赐予我解决问题和困难的智慧,将我拥有的长处都在翻译程式上发挥出来。
祂更坚固了我的学习能力,增加我的自信心。

感谢韩籍原作者庾珍雄先生,开发了这支赶及网路潮流、极具时代感的媒体播放程式。
他曾为我的翻译计划而深受感动,亲自制作了一份“韩式英语化”版本的原始码给我,
虽然这份"Konglish"版本的原始码档案,注解内容翻得并不完整,有很多地方,我仍然
需要比对原韩文版“瞎猜”出来的,但是也对我的韩汉翻译工作帮助很大,同时也是对
我来说一个亲切的鼓励吧!

感谢韩国的网路音乐分享社区 (包括Bug's Music, Puckii, Mukebox等等) ,免费提供
各类型音乐的串流处理媒体档案连结,让我们不用愁于没有找到适合的空间存放档案,
可以在这些社区内找到自己喜爱的音乐自由连结。

感谢微软开发了支援多语系的 Windows XP 作业系统及 Windows Media 9系列的高效能
媒体播放程式。这两套不同类型的软体,绝对是电脑界的大突破,因为它们促进了不同
国别、不同地域之间的网路文化交流。而 Windows Media 9系列的出现,更进一步展示
音讯及视讯等媒体在网路上的崭新技术 — 串流处理媒体 — 将会逐渐被普及应用。

感谢所有 kiddiken.net 社区会员们的支持和期待,让我不敢怠惰,努力制作播放器的
繁体中文版本。现在终于可以面世了!^^


══════════════════════════════════════
■ 连络惊直-_-
══════════════════════════════════════

您可以使用以下的方法与我连络,但是最好尽量连到我的网站发问关于程式架设或使用
方面的问题,因为我通常都不会回覆那些在电子邮件或线上交谈中,向我问及关于这些
问题的。(我的邮箱就是每天都塞满一大堆问问题的信件-_-")

        Homepage: http://kiddiken.net
        E-mail: webmaster@kiddiken.net
        MSN Messenger ID: kiddiken@msn.com

除非敝站停止对本程式作技术支援,否则您是可以在敝站获取关于本程式的最新资讯,
或是下载最新的繁体中文版本。如果您想要取得原韩文版的程式或最新资讯,您亦可以
连到原作者的韩文官方网站 http://exobud.nayana.org 了解一下。

  ※ 此说明文本之版本编号为 v1.21tc,最后更新日期为 2003/4/14

 附件: media.zip (65.58 K)
该附件被下载次数 839, 下载附件所需 积分 2 点
Visit Cooltang's Homepage TOP