05-11-22 [教學] ~ Flash MP3 Player 詳解

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


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" />



當更改好之後就儲存為”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用家未必合用; 故特以找到一免費的網絡空間, 方便寄存大量檔案.


網址: http://www.myfilehut.com/


網站簡介: 提供250mb網絡空間, 單檔最大容量為20mb, 每月流量為1gb, Support 所有類型檔案, 但只support英文檔名



留言

Facebook 留言外掛程式

熱門文章(最近 30 天)

如何建立【Line個人群組】,方便資料暫存以及傳輸

如何把【Line Keep】加到 iPhone 的主畫面上

如何在iPhone主畫面上,建立LINE的常用聯絡人清單,一鍵快撥Line電話

運用iPhone內建的捷徑功能,輕鬆拍攝或製作GIF動畫

LINE 的 iPhone 主畫面小工具來了,可設定常用聯絡人,以快速開啟【聊天室】

如何善用 『智慧堆疊(Widget stacks)』,讓iPhone主畫面更簡潔、使用更有效率(iOS 14 [含] 以上限用)

iPhone小技巧:一次選取多張照片,快速分享、刪除、建立相簿

[新北市•新店區•大坪林] 島隅咖啡場所:對游牧網民友善的咖啡館,有簡餐、免費網路、電源、不限時間(勝勝勝!!!)