ExoBUD MP(II)媒體播放程式教學

 
  • 基本設定完就能用的
  1. 設定音樂
  2. 改基本設定
  3. 播放器上傳
  4. 將播放器放置到網頁

 

說明:下載後會看到這些主要檔案,知道怎樣看檔案類型
img:放置面板圖片資料夾
exobuhttp://myro.cocolog-nifty.com/d.css : ExoBUD MP 播放面板 CSS 樣式表
exobud.htm : ExoBUD MP 播放面板 HTML 頁面檔案
exobud.js : ExoBUD MP 播放程式主程式 (JavaScript)
exobudpl.css : ExoBUD MP 播放清單 CSS 樣式表
exobudpl.htm : ExoBUD MP 播放清單 HTML 頁面檔案
exobudpl.js : ExoBUD MP 播放清單設定檔 (JavaScript)
exobudset.js : ExoBUD MP 播放程式基本設定檔 (JavaScript)
imgchg.js : 動態按鈕圖檔切換動作的程式檔 (JavaScript)
 
說明:
  1. 解壓縮後找到exobudpl.js右鍵點它選開啟檔案然後選 記事本開啟.
  2. 看到最下面的這段,填上你的音樂網址與內容
// ═══════════════════════════════════════════
// 您可以在下面空白的地方 ( 設定內容必須寫在 //--> 標記之前 ),開始設定您的正式播放清單。
// ═══════════════════════════════════════════
mkList("音樂檔案的網址","曲名");
mkList("http://onlylove/beyond/myth.mp3","神話");
mkList("http://onlylove/beyond/5836117.mp3","Beyond -《Dead d Romance(Part I)》(演奏)");
mkList("http://onlylove/beyond/5835941.mp3","Beyond -《Dead d Romance(Part II)》(英)");
mkList("音樂檔案的網址","曲名");
mkList("音樂檔案的網址");
  1. 不支援 .RA .RM .RV .RAM 這些檔案類型
  2. 要增加更多音樂就在下方自行增加mkList("音樂檔案的網址","曲名");   懶一點的可全用mkList("音樂檔案的網址");讓它自己去抓音樂的資訊

說明:
  1. 找到exobudset.js右鍵點它選開啟檔案然後選 記事本開啟.
  2. 依自己喜好更改下面的相關設定
<!--
//
// ■ 播放程式的基本設定
//
// ▽自動播放?
// 設定當播放器載入頁面時,是否自動播放(Auto Start)媒體檔案:
// true = 自動播放 (一般站長會選擇這個方式)
// false = 不要自動播放,等待使用者啟動播放器
var blnAutoStart = true;

// ▽隨機播放?
// 設定曲目的預設播放順序,是否隨機(亂數/Random Playing)播放媒體檔案:
// true = 隨機播放 (一般站長會選擇這個方式)
// false = 根據我所排列的順序,循序播放
var blnRndPlay = true;

// ▽在狀態列顯示文字訊息?
// 設定是否要在瀏覽器的狀態列(Status Bar),顯示播放器的目前動作:
// true = 在狀態列顯示播放器文字訊息 (適合在隱藏媒體標題/時間長度方塊的情況下使用)
// false = 不要在狀態列顯示播放器文字訊息
// (如果您在設定播放清單項目時,使用了像 &#12345; 的『&控制碼』,必須將此項設為 false)
var blnStatusBar = false;

// ▽顯示音量控制按鈕?
// 設定播放面板上是否要顯示音量控制(Volume Control-包括靜音模式)的按鈕:
// true = 顯示音量控制,容許使用者調校音量
// false = 不顯示音量控制,將按鈕隱藏起來
var blnShowVolCtrl = true;

// ▽顯示播放清單按鈕?
// 設定播放面板上是否要顯示播放清單(Playlist)按鈕:
// true = 顯示播放清單按鈕,讓使用者檢視播放清單內容及挑選曲目
// false = 不顯示播放清單按鈕,使用者無法檢視播放清單內容及挑選曲目
var blnShowPlist = true;

// ▽使用字幕功能,開啟字幕框?
// 設定是否使用SMIL字幕功能(Closed Captioning-須配合副檔名為"SMI"的純文字檔案使用):
// true = 使用字幕功能,在字幕框中顯示同步歌詞或文字訊息(也可以包含圖片等資訊)
// false = 關閉字幕功能
var blnUseSmi = false;

// ▽循環播放?
// 設定當所有曲目播放完畢後,是否重新播放所有曲目(循環播放/Loop Tracks):
// true = 使用循環播放功能 (一般站長會選擇這個方式)
// false = 不使用循環播放功能,當所有曲目播放完畢後停止播放
var blnLoopTrk = true;

// ▽彈出視窗顯示媒體檔案資訊?
// 設定在開始播放每一首曲目時,是否彈出視窗顯示媒體檔案資訊(Media Info):
// true = 顯示媒體檔案資訊 (請認真考慮清楚,因為瀏覽者可能會感到厭煩的,此功能只適合測試用)
// false = 不顯示媒體檔案資訊
var blnShowMmInfo = false;

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

說明:
將css/htm/js這些檔案全都上傳到你的網路空間(請參考上傳到你的網路空間
並在網路空間中新增一個名為img的資料夾,再將電腦中img資料夾裡的圖片全部上傳到img資料夾中
*上傳完成後應如下圖(用右鍵點exobud.htm再選複製捷徑就可以取得你的exobud.htm檔案的網址.將播放器放到網頁時會用到這個網址)
 
*圖片上傳後應如下圖
  點進img資料夾~然後開始上傳圖片,完成後應如下所示:
 
 
說明:
將下面的語法修改相關內容後貼在<body>與</body>間(語法在readme.txt就可以找到了)
可以使用頁面框架 (frameset) 內嵌框架 (iframe) 的方式,將播放器嵌入到網站!

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

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

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

<iframe name="exobud_mp" src="你的exobud.htm檔案的網址"
width="400" height="25" marginwidth="0" marginheight="0"
border="0" frameborder="0" scrolling="no"></iframe>
以上設定框架大小的數值僅供參考。一般來說,長條形狀的播放器會佔用面積大約為 640~760px(像素) 的寬度乘以 20~25px(像素) 的高度。
(若使用字幕功能,需額外增加 60px 的高度)
 

 http://popo516.myweb.hinet.net/lost_heart/b/musicplayer/exobud.htm 引用自此

創作者介紹

輕鬆賺美金 網路賺美金 天天賺美金 最新網賺

loveusdoller 發表在 痞客邦 PIXNET 留言(0) 人氣()