05-11-22 [教學] ~ Flash MP3 Player 詳解
之前介紹過的flash mp3 player, 今次就補多個教學實例:
產品簡介: 這是一個flash base既mp3 player, 讀取xml文件檔作為play list.
原始網站: http://www.jeroenwijering.com/?item=Flash+Mp3+Player
License: This script is licensed under a Creative Commons License. 除商業用途外, 允許自由使用, 修改和重新分配. 至於要作商業用途, 分佈script的執照費用為15 歐元...詳情請到 原始網站 或 直接與作者聯繫
Flash_MP3_Player.zip 內容:
解壓後, 會見到一個Folder及幾個檔案:
- Mp3[Folder]
homeland.mp3[Mp3 for Sample use]
jazzalude.mp3[Mp3 for Sample use]
.DS_Store[不用理會] - mp3player.fla[Flash player 原始檔, 由於是under CCL, 故容許用家自行修改]
- mp3player.html[Sample 用Web Page]
- mp3player.swf[Flash movie, Flash MP3 Player主程式]
- mp3player.xml[XML Play list]
- README.TXT[讀我說明文]
檔案分析:
Mp3 Folder 及 mp3player.html 只為Sample用途, 可以不理
README.TXT 為必讀文件, 內有簡易教學
Flash高手: 可自行變更mp3player.fla 內容, 自行設計一個自家的mp3 player.
一般用家: 只需要用用mp3player.swf 及 mp3player.xml檔.
製作Play List (mp3player.xml)
用wordpad打開mp3player.xml:
＜?xml version="1.0" encoding="UTF-8"?＞
＜player showDisplay="yes" showPlaylist="no" autoStart="yes"＞
＜song path="mp3/homeland.mp3" title="Postmen-Homeland" /＞
＜song path="mp3/jazzalude.mp3" title="Basement Jaxx-Jazzalude" /＞
＜/player＞
第一, 第五句可以不理.
第二句是Flash Player 介面設定
＜player showDisplay="yes" showPlaylist="no" autoStart="yes"＞
- showDisplay="yes” [設定值為”yes”時, 程式起始時會顯示LCD Display(上方); “no”為不顯示]
- showPlaylist="no” [設定值為”yes”時, 程式起始時會顯示Play List(下方); “no”為不顯示]
- autoStart="yes" [設定值為”yes”時, 程式起始時會自動播放音樂; “no”為手動]
第三, 第四句是Play List 內容
＜song path="mp3/homeland.mp3" title="Postmen-Homeland" /＞
＜song path="mp3/jazzalude.mp3" title="Basement Jaxx-Jazzalude" /＞
- path="mp3/homeland.mp3" [mp3的網址, 如 http://www.myfilehut.com/userfiles/15935/01.mp3]
- title="Postmen-Homeland" [歌曲名稱, 會於LCD Display及Play List中顯示]
當更改好之後就儲存為”mp3player.xml”, 這就完成了.
注意事項:
1. Play list 可多於二行, 想放幾多歌都可以
2. mp3的網址必須是完整的
3. Play List 中的mp3檔必須用高於128kps錄製 (如流行的192kps是可行的)
mp3player.swf之應用
當把所有檔案上傳之後[所有檔案包括 mp3player.swf, mp3player.xml及所有想播放的mp3], 就可於網上發放, sample coding 如下:
＜object type="application/x-shockwave-flash" data="mp3player.swf?playlist=alternate.xml" width="280" height="280" wmode="transparent"＞
＜param name="movie" value="mp3player.swf?playlist=alternate.xml" /＞
＜param name="wmode" value="transparent" /＞
＜/object＞
mp3player.swf?playlist=alternate.xml
這是mp3 player 及 Play List 網址, 可分為三部份[我用了三色區分]最前的是mp3player.swf完整網址, 如: http://www.myfilehut.com/userfiles/15935/mp3player.swf ;
中間黑色的是指令碼, 必需保留;
而最後方的就是Play List的完整網址, 如: http://www.myfilehut.com/userfiles/15935/mp3player.xml 如果用我舉的例子, 整句mp3 player 及 Play List 網址會變成:
http://www.myfilehut.com/userfiles/15935/mp3player.swf?playlist=http://www.myfilehut.com/userfiles/15935/mp3player.xml
如套用於整段code中就變為:
希望大家睇得明啦…
Myfilehut.com網絡空間推薦:
由於Hompy只提供8至38mb的網絡空間, 對大量的mp3用家未必合用; 故特以找到一免費的網絡空間, 方便寄存大量檔案.
網站簡介: 提供250mb網絡空間, 單檔最大容量為20mb, 每月流量為1gb, Support 所有類型檔案, 但只support英文檔名
留言