衫衫's profile夜♋衫衫工作室™PhotosBlogListsMore ![]() | Help |
|
April 20 利用 MyFlashFetish 服務在 Windows Live Spaces 內輕易加入各款 Flash MP3 Player 、相片特效自從衫衫編寫了 <在 Windows Media Player 模塊內加入 Flash MP3 Player> 後, 相信大家也知道了原來在 Space 內加入播放音樂這元素, 的確可以增加不少樂趣~ 可惜, 大部份對電腦不太認識的朋友, 即使依照教學去做, 也依然可能會遇上以下兩個主要問題: 一, 仍然不明白如何製作 Playlist 檔, 或製作後依然無法成功。 遇上上述問題的朋友, 有些甚至只好放棄, 眼巴巴的看著別人可以成功, 自已卻失敗, 好不失望... 有見及此, 衫衫現在就再提供一個較為簡易的方法, 令各位也可以在 Windows Live Spaces 內加入 Flash MP3 Player, 而且不只是兩款, 而是多款啊~ 另外, 對於找不到合適的網上存放空間的朋友, 衫衫亦特地再次編寫了一篇全新教學 - <找個「良好」的免費網上存放空間 (二) - MediaMax 教學>, 這次希望可以幫助到更多朋友吧~ 說了這麼久, 也還沒開始介紹這次的主角 - MyFlashFetish 服務。不過, 在尚未介紹前, 各位可以先看一看到底 MyFlashFetish 可以帶給我們甚麼有趣的服務~ PS: 為了不影嚮瀏覽本頁速度, 所以衫衫只會示範其中一款 Flash MP3 Player 及一款相片特效, 其餘的各種 Flash MP3 Player 及相片特效都不會在這裡作出示範, 如果要觀看所有玩意的實際示範, 各位可以到 MyFlashFetish 網站參看。
不過在本教學開始前, 各位必須要準備及注意以下各點:
當以上各點也準備好後, 你就可以在 Spaces 內加入這些漂亮的 Flash MP3 Player 了~ ^_^
1. 要申請 MyFlashFetish 帳號, 請先到 MyFlashFetish 頁首 - http://www.myflashfetish.com, 然後按一下「Sign up」按扭 (圖1)。
2. 請根據指示, 填寫你的個人資料 (圖2), 然後按一下「Submit」按扭。
3. 當看到以下畫面 (圖3), 即代表你已成功登記 MediaMax 帳號, 現在你已可以製作你喜歡的 Flash MP3 Player 了, 請元點擊「Create a MP3 Player」連結。
4. MyFlashFetish 現在暫時提供了 10 款 Flash MP3 Player, 想預覽效果的話, 可以按下每個 Player 旁邊的「Preview」按扭, 即可看到真際效果。由於每款 Player 的支持中文顯示結果也有不同, 因此, 各位在選擇時可根據下圖介紹, 選擇自已合適的 Player; 選擇後, 可以按下每個 Player 旁邊的「Create」按扭 (圖4)。 5. 選擇 Player 後, 如果該款 Player 是支持自訂顏色的話, 就可以根據下圖, 點擊已塊改變介面顏色 (圖5)。
6. 然後就可以開始建立 Playlist 了, 在網頁的下方有 10 個欄位, 請根據下圖指示, 填上各 MP3 檔案路徑及歌曲名稱, 並設定是否自動播放或以 Shuffle 模式播放, 然後按一下「Add MP3s」按扭 (圖6)。 注意: MP3 檔案路徑不是你電腦中的 MP3 檔案路徑啊~ 而是你先上傳 MP3 檔案到網上存放空間然後得到的連結才對, 另外, 各 MP3 檔案路徑 (URL) 必須是以 http 開頭 , 並以 .mp3 副檔名作為結尾的路徑, 才算有效。 另外, 各 MP3 檔案路徑中, 亦不可以有空白的位置。
7. 按下「Add MP3s」按扭後, 在網頁的下方即會顯示所有已加入的 MP3 檔案, 各位可以用滑鼠拖曳每個檔案改變歌曲的播放次序 (圖7)。另外, 上方的 10 個欄位會回復空白, 只要重覆上述步驟, 即可加入更多的 MP3 檔案; 當完成後, 即可以按一下「I'm Done!」按扭, 獲取代碼。
8. 然後網頁會顯示出一段 <object> 語法代碼, 請將欄位內的整段代碼複製出來 (圖8)。
9. 雖然現在已得到代碼, 對於其他 Blogger 可能已經足夠, 但是 Windows Live Spaces 的用戶必須將代碼轉換成 <embed> 嵌入式代碼, 才可以放在 Windows Live Spaces 內。現在夜衫衫就來說明一下, 各位應該怎樣轉換代碼~ 其實在上述得到的代碼中, 已包含了你的播放器路徑、播放器介面大小及播放器參數, 利用這些參數, 放入下面的嵌入式代碼中, 即可使用。例如, 以下是夜衫衫申請後所得到的原代碼: <center><object type="application/x-shockwave-flash" data="http://www.mp3asset.com/swf/mp3/mp3player_gskin.swf" height="395" width="300" align="middle"> http://www.mp3asset.com/swf/mp3/mp3player_gskin.swf 就是夜衫衫的播放器路徑, 將這個播放器路徑。 將這些參數放入下面代碼中。 修改後為:
PS: 請將代碼內全形的 <> 符號改成半形的 <> 符號。 PS: 以上的代碼, 當然不是官方提供啦~! 只是夜衫衫以「取巧」的方法改編, 經測試過後應該沒有問題~ ^^ 只要將欄位內的整段代碼複製出來, 然後放入 HTML Sandbox 或 Sandbox 隨便一個 gadget 內, 或利用內嵌影片的方法直接在部落格內中即可成功。 10. 現在各位已明白了如何加入 MyFlashFetish 的各款 Flash MP3 Player 了~ 那麼, MyFlashFetish 的相片特效又如何加入? 其實方法也是大同小異的~ 衫衫就簡單的說明一下吧。 要建立 MyFlashFetish 的相片特效, 請先在網站上按一下「Slideshows」圖示 (圖10)。
11. 基本上跟選擇 Flash MP3 Player 時一樣, MyFlashFetish 現在暫時提供了 13 款相片特效, 各位想預覽各種相片特效的效果, 可以按下旁邊的「Preview」按扭, 即可看到真際的效果。選擇後, 可以按下每個 Player 旁邊的「Create」按扭 (圖11)。
12. 選擇相片特效後, 就可以開始建立 Playlist 了, 在網頁的下方有一個欄位, 請根據下圖指示, 填上相片檔案的路徑及標題, 然後按一下「Add Link」按扭 (圖12)。 注意: 相片檔案路徑不是你電腦中的相片檔案路徑啊~ 而是你先上傳相片檔案到網上存放空間然後得到的連結才對, 另外, 各相片檔案路徑 (URL) 必須是以 http 開頭 , 並以 .jpg 副檔名作為結尾的路徑, 才算有效。
13. 按下「Add Link」按扭後, 在網頁的下方即會顯示所有已加入的相片檔案, 各位可以用滑鼠拖曳每個檔案改變相片的播放次序 (圖13)。另外, 上方的個欄位會回復空白, 只要重覆上述步驟, 即可加入更多的相片檔案; 當完成後, 即可以按一下「I'm Done!」按扭, 獲取代碼。
14. 然後網頁會顯示出一段 <object> 語法代碼, 請將欄位內的整段代碼複製出來 (圖14)。
15. 雖然現在已得到代碼, 對於其他 Blogger 可能已經足夠, 但是 Windows Live Spaces 的用戶必須將代碼轉換成 <embed> 嵌入式代碼, 才可以放在 Windows Live Spaces 內。現在夜衫衫就來說明一下, 各位應該怎樣轉換代碼~ 其實在上述得到的代碼中, 已包含了你的所須要的整段代碼, 只要抽出有用的部份就已足夠使用。例如, 以下是夜衫衫申請後所得到的原代碼: <center><embed src="http://www.freeflashslideshow.com/zslideshow.swf?myid=799052&f=1" flashvars="path=2007/04/18" menu="false" quality="best" scale="noscale" bgcolor="#ffffff" wmode="transparent" width="399" height="370" name="MyFlashFetish.com" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" /></center><center><a href="http://www.freeflashslideshow.com" target="_blank"><img src="http://www.freeflashslideshow.com/images/badgegallleries.gif" alt="Myspace Slideshows, MySpace slide show, myspace slideshow" style="position:absolute; left:0px; top: 88px; z-index:9;" border="0"></a> I made this slideshow at <a href="http://www.freeflashslideshow.com">FreeFlashSlideshow.com</a>.<br>Check out these <a href="http://www.freeflashslideshow.com">MySpace Slideshows</a>!</center><br><br> 只要從 <embed src=... 一直複製至 http://www.macromedia.com/go/getflashplayer" /> 的部份, 就已足夠, 其他的代碼可以刪除。 代碼抽出後為: <embed src="http://www.freeflashslideshow.com/zslideshow.swf?myid=799052&f=1" flashvars="path=2007/04/18" menu="false" quality="best" scale="noscale" bgcolor="#ffffff" wmode="transparent" width="399" height="370" name="MyFlashFetish.com" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" /> 如果覺得代碼太長, 可以再將上面黃色的部份刪除, 然後在代碼的尾部加上 </embed> 即可。 修改後為:
PS: 請將代碼內全形的 <> 符號改成半形的 <> 符號。 PS: 以上的代碼, 當然不是官方提供啦~! 只是夜衫衫以「取巧」的方法改編, 經測試過後應該沒有問題~ ^^ 只要將欄位內的整段代碼複製出來, 然後放入 HTML Sandbox 或 Sandbox 隨便一個 gadget 內, 或利用內嵌影片的方法直接在部落格內中即可成功。 16. 現在各位已明白了如何加入 MyFlashFetish 的各款 Flash MP3 Player 及相片特效了~ 那麼, 如果建立 Player 或相片特效後, 將來須要加減歌曲或相片, 又要如何修改 Playlist 內容呢?~ 方法很簡單, 只要在發入後, 在網頁右上角按一下「My Account」連結 (圖16)。
17. 然後就會出現 My Playlist 及 My Slideshows 的列表了, 只要按下「Edit & Add Song」或「Edit & Add Pictures」連結 (圖17), 即可修改 Playlist 的內容, 十分方便。
以上就是 MyFlashFetish 的基本教學, 而 MyFlashFetish 提供的其他服務及功能實在還有不少, 各位可以慢慢嘗試學習~ ^_^ 不過各位要注意一下, 利用 MyFlashFetish 製作的 Flash MP3 Player, 是不可以像 <在 Windows Media Player 模塊內加入 Flash MP3 Player> 的教學中, 放入 Windows Media Player 這個模塊內使用的。 最後, 衫衫其實希望透過 MyFlashFetish 的教學, 令各位有有一個較為簡易的方法, 可以在 Windows Live Spaces 內加入 Flash MP3 Player~ 至於 MyFlashFetish 的相片特效, 各位有興趣的也有一試啊~
如果要轉載這篇文章, 請使用「引用通告」功能, 或指明出處, 感謝。 Comments (57)
Trackbacks (5)The trackback URL for this entry is: http://camuschu.spaces.live.com/blog/cns!85BD955C085738A8!3088.trak Weblogs that reference this entry
|
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|
|