Atlantis ○B○'s Net_League

Exobud网络媒体播放器

 

Exobud网络媒体播放器【安裝程序 】

下載本範例有包含一個 exobud.zip 檔案,您必須下載!

繁體中文化:驚直 ▽ 尺寸大小(以像素為單位)
寬度: 約 640~760px
高度: 約 20~25px (若使用字幕功能,需額外增加 60px)
(播放器的尺寸大小,通常都會因為套用不同面板而有所變化)

這支播放程式並沒有自動化的安裝介面。如果您是第一次使用本程式,建議您仔細閱讀以下的安裝程序說明,依照指示一步一步的進行安裝及設定:
▽ 第1步:進行解壓縮
└──────────

在網路上下載回來的 ExoBUD MP(II) 繁體中文版應是以 zip 為副檔名的壓縮檔。
您可以使用您慣用的解壓縮程式 (例如: WinZip) 來壓開這個檔案。

請將所有的檔案都解壓縮到您 (自己電腦內) 網站資料夾下的一個新資料夾。
(裡面沒有任何檔案或子資料夾)

假設您的網站資料夾是 C:\www
您可以將壓縮檔解開至 C:\www\exobud_mp 這個位置。

因為壓縮檔內容是包含資料夾名稱的,所以您在解壓縮時要注意是否正確將所有的
檔案都解開至適當位置:程式"根目錄"應包括*.htm,*.js,*.css的原始碼檔案,而
img,sample分別是程式圖檔和範例視訊檔案的資料夾。(請參考上面的"檔案說明")

解壓縮完畢後,您便可以立即點兩下 exobud.htm ,執行這個檔案,搶鮮測試一下
這支超炫的播放程式!^^


═══════════════════════════════════
■ 設定播放程式
═══════════════════════════════════

這個部份會向您說明如何設定播放程式,包括基本設定及播放清單內容:


▽ 第3步:檢查播放程式
└───────────

Internet">Internet">Internet">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) 啟動的播放器。