網路媒體播放程式－ExoBUD MP(II) v4.1tc+ 教學

  1. 【下載】一個 exobud41tc_mac12.zip 檔案 (先睹為快)
說明：
  1. 框頁：

　　　尺寸大小(以像素為單位)

　　　寬度: 約 640~760px

　　　高度: 約 20~25px (若使用字幕功能，需額外增加 60px)

　　　(播放器的尺寸大小，通常都會因為套用不同面板而有所變化)

  1. 這支播放程式並沒有自動化的安裝介面。如果您是第一次使用本程式，建議您仔細閱讀以下的安裝程序說明，依照指示一步一步的進行安裝及設定
  1. 程式解壓縮(使用winzip或winrar等壓縮程式均可)

請將所有的檔案都解壓縮到您 (自己電腦內) 網站資料夾下的一個新資料夾。(裡面沒有任何檔案或子資料夾)，假設您的網站資料夾是 C:\www，您可以將壓縮檔解開至 C:\www\exobud_mp 這個位置。

因為壓縮檔內容是包含資料夾名稱的，所以您在解壓縮時要注意是否正確將所有的檔案都解開至適當位置：程式"根目錄"應包括*.htm,*.js,*.css的原始碼檔案，而
img,sample分別是程式圖檔和範例視訊檔案的資料夾。(請參考上面的"檔案說明")，解壓縮完畢後，您便可以立即點兩下 exobud.htm ，執行這個檔案，搶鮮測試一下這支超炫的播放程式！

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

註：檢查播放程式：

以 Internet Explorer 瀏覽器開啟 exobud.htm 這個檔案， 然後點一下【播放】按鈕(除非預設是自動播放)，此時您應該可以聽到聲音。假如沒有聽到任何聲音，請檢查一下您的揚聲器是否已開啟、Windows Media Player和IE的版本是否相容。

目前正在播放的就是樣本播放清單所設定的項目。
※ 繁體中文版本的 ExoBUD MP 播放器，已設定了頁面的顯示語系是 "big5"，假如因為某些原因而在播放面板上出現亂碼，請嘗試手動變更頁面的語系。(在IE變更頁面編碼的方法：點一下選單列的 [檢視] → [編碼]，再點選正確的語系 [繁體中文 (Big5)] 即可)

接下來，我們需要編輯 exobudset.js 這個 JavaScript 原始碼檔案，此檔包含了播放程式所有基本設定內容。您可以不用關閉瀏覽器視窗，一邊進行原始碼編輯，同時在另一邊的瀏覽器，您可以按[F5]鍵重新整理頁面，測試一下原始碼在修改後的執行結果是否正常。現在，請使用您慣用的純文字編輯器 (例如: EditPlus/EmEditor/記事本) ，打開exobudset.js 這個檔案，編輯原始碼內容。 因為在檔案裡面已經寫有相當詳細的說明，解釋各個設定項目的用法，所以在這裡不再贅述一遍。

※ 所有項目的設定值只可以設為 true (是) 或 false (否)，請注意這兩個英文單字必須使用全小寫半形字母，亦不能寫錯字。

  1. 設定播放清單內容

當您修改「播放程式的基本設定」完畢，接下來我們就要設定播放清單的內容，將已存在於網路上的媒體檔案，一個一個的「登錄」在播放清單上，這樣播放程式才可以知道要播放什麼媒體、媒體的檔案位置在哪裡。

繁體中文版本的 ExoBUD MP 播放器，有別於原韓文版的設定方式，設定播放清單內容的部份是寫在一個獨立的檔案 (exobudpl.js)，而非播放面板 HTML 頁面檔案(exobud.htm)，這是為了方便修改和管理播放清單而作出的改動。

現在，請使用您慣用的純文字編輯器 (例如: EditPlus/EmEditor/記事本) ，打開exobudpl.js 這個檔案，編輯原始碼內容。(這是一個 JavaScript 的原始碼檔案)因為在裡面已經有相當詳細的說明， 解釋如何設定 ExoBUD MP 專用的播放清單，所以在這裡不再贅述一遍。

※ 完成設定您的播放清單後，必須重新整理播放器的頁面，播放清單的修改才會正式生效。此外，亦建議您將剛修改好的播放清單完整的測試一遍，確保播放清單上的所有媒體項目都能夠正常播放。

  1. 將播放器嵌入網站

當播放程式的基本設定和播放清單都搞定了以後，您便可以將播放器嵌入網站了！請將您所修改過的播放程式檔案 (包括所有程式需要用到的檔案和圖檔資料夾) ，使用 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) 啟動的播放器。