在 Windows Live Spaces 內加入多功能播放器 - Jeroen Wijering Flash MP3 Player 版本 3.7

衫衫's profile夜♋衫衫工作室™PhotosBlogListsMore

Tools

Help

< Previous Next >

May 08

在 Windows Live Spaces 內加入多功能播放器 - Jeroen Wijering Flash MP3 Player 版本 3.7

記得去年衫衫寫了一篇＜在 Windows Media Player 模塊內加入 Flash MP3 Player＞的文章, 內容除了介紹了如何安裝由 Jeroen Wijering 所製作的兩個 Flash MP3 Player 外, 衫衫也提到了, 其實當時 Jeroen Wijering 剛開發了 Flash MP3 Player 版本 3.1, 可惜因為代碼問題, 這個 Flash MP3 Player 版本 3.1 始終未能安裝在 Windows Live Spaces 中, 確實有點可惜...(當時就連 HTML Sandbox 和 Sandbox 這兩個 gadget 也未出現, 所以各位被迫利用 Windows Media Player 這模塊去加入 Flash MP3 Player)

不過後來, Jeroen Wijering 繼續更新這個版本, 經過多個版本更新後, 終於在 2007 年 4 月 18 日, 釋出了 Flash MP3 Player 版本 3.7, 而這個最新版本, 不但功能強大, 而且更是首個正式支持 embed 嵌入式語法的版本, 加上再也不必配合 Windows Media Player 這模塊使用, 這絕對是各 Windows Live Spaces 用戶的福音啊!
PS: 其實早在版本 3.2 就已經可以利用 embed 嵌入式語法了, 不過當時 Jeroen Wijering 也沒有作出正式宣佈。

各位可能會問, 這個版本 3.7,到底和已往的版本有甚麼分別呢?

分別可多得很了~ 各位先看看這個 Flash MP3 Player 版本 3.7 到底是甚麼模樣吧~ ^_^

Jeroen Wijering Flash MP3 Player 版本 3.7 (示範一)

各位也看到了吧~? 這個 Flash MP3 Player 版本 3.7 除了支持播放 MP3 音樂檔案外, 更支持播放 JPG 格式相片檔案及 FLV 格式影片檔案啊~ 而且, 只要細心留意的話, 更會發現播放 MP3 檔案時, 可以加入一幅相片作為介紹; 還有在播放清單上, 每個項目也可加入一幅小圖示, 已後你的訪客就更容尋找喜愛的播放項目了~

以下就是 Flash MP3 Player 版本 3.7 所支持的播放檔案格式了~
MP3 / FLV / RTMP / JPG / SWF / PNG / GIF

也就是說, 有了這個 Flash MP3 Player 版本 3.7, 就等於在部格上加入一個集音樂、相片及影片於一身的播放器! 而除了上述功能外, 這個 Flash MP3 Player 版本 3.7 更支持了很多其他不同的設定和功能, 怨衫衫無法盡錄了~ (衫衫實在佩服 Jeroen Wijering 如此的傑作和無私的分享!)

現在就讓衫衫說明一下最基本的安裝和設定方法吧~ ^_^

不過在本教學開始前, 各位必須要準備及注意以下各點:

☞ 請各位注意:

各位必須要擁有一個網上存放空間 - 用作存放所有 MP3 音樂檔案。而網上存放空間, 每一個也不一樣, 請小心檢查你的檔案上載後, 下載時的檔案路徑 (URL) 必須是以 http 開頭 , 並以 .mp3 副檔名作為結尾的路徑, 才算有效。
如果仍然沒有, 或找不到合適的網上存放空間, 可以參考以下文章:
＜找個「良好」的免費網上存放空間 (一) - FREEWEBTOWN 及 ChineseFreeWebs 教學＞
＜找個「良好」的免費網上存放空間 (二) - MediaMax 教學＞
＜找個「良好」的免費網上存放空間 (三) - Windows Live SkyDrive Beta 教學＞
本教學會利用到 Sandbox 這個 gadget, 如果各位不清楚 Sandbox 這個 gadget 是甚麼, 請參考＜六. 利用 Sandbox gadget 在 Space 頁首上加入 Flash 物件~ 並以 Slide 相簿特效作示範＞。
如果因為 HTML Sandbox 或 Sandbox 的最大字元限制而無法加入以上插件或玩意, 可參考＜九. 在 Space 頁首上加入多個 Sandbox 或 HTML Sandbox gadget 教學＞。
本教學中所介紹的插件, 衫衫只有在 HTML Sandbox 和 Sandbox 這兩個 gadget 上進行測試。如果各位希望在 Custom HTML、HTML 模瑰或部落格內加入插件的話, 請自行研究插件代碼的轉換方法。
在 2007 年 1 月, Windows Live Spaces 系統更新後, 加入了新功能 - 內嵌影片 (或稱內嵌訊視), 容許用戶在每篇部落格中加使用＜embed＞語法加入 Flash 插件, 如果各位不清楚這內嵌影片功能, 可參考＜十三.「內嵌影片」功能的用途＞。

在 Windows Live Spaces 加入 Jeroen Wijering Flash MP3 Player 版本 3.7 的方法:

1. 先到 Jeroen Wijering 介紹 Flash MP3 Player 的網站 - http://www.jeroenwijering.com/?item=Flash_MP3_Player, 然後選擇下載最新的版本 3.7 (圖1), 或直接按這裡下載。

(圖1)

2. 下載壓縮檔後, 請先解壓, 解壓後, 會看見一個名為 "flash_mp3_player" 的資料夾, 內有三個資料夾及有九個檔案 (圖2), 其中 playlist.xml 檔案就是 Playlist 檔案 (播放清單)。

(圖2)

3. 大家先利用一般文字編輯軟件或 MS Notepad (即記事本) 這個程式, 開啓 playlist.xml 檔, 在以下例子中, 夜衫衫以 MS Notepad (即記事本) 開啓 (圖3)。

(圖3)

4. 現在大家可以看見, 在 playlist.xml 內, 其結構就是一個 Playlist (播放清單), 每段以＜track＞至＜/track＞分隔, 每一段就代表一個項目及其設定, 第一段等於第一個項目, 第二段等於第二個項目, 如此類推。文件內只有 5 個項目的示範, 大家可以隨意添加, 而編輯的方法, 夜衫衫就以實例說明:

＜track＞
＜title＞Jazzalude＜/title＞
＜creator＞Basement Jaxx＜/creator＞
＜location＞song2.mp3＜/location＞
＜info＞http://www.jeroenwijering.com＜/info＞
＜image＞http://www.abc.com/xyz.jpg＜/image＞
＜/track＞

＜title＞Jazzalude＜/title＞
Jazzalude 是播放項目的標題。

＜creator＞Basement Jaxx＜/creator＞
Basement Jaxx 是播放項目的作者 / 歌手名稱。

＜location＞song2.mp3＜/location＞
song2.mp3是播放項目的檔案路徑 - 注意! 這路徑必須是完整的播放項目路徑才會有效。

＜info＞http://www.jeroenwijering.com＜/info＞
播放項目的鏈結, 例如填上 http://www.google.com/ 的話, 瀏覽者可直接按下播放項目名稱旁邊的「」圖示, 連到 Google 網站。
PS: 因 Windows Live Spaces 是禁止在部落格範圍內執行任何鏈結的 Action Script, 所以 Windows Live Spaces 的用戶加入＜info＞鏈結後, 訪容即使按下「」圖示, 鏈結也不會有反應; 如想測試鏈結功能, 可以到 Jeroen Wijering 的網站 - http://www.jeroenwijering.com/?item=Flash_MP3_Player 測試。

＜image＞http://www.abc.com/xyz.jpg＜/image＞
http://www.abc.com/xyz.jpg 是該播放項目的預覽圖檔案路徑, 圖片將會顯示在播放列表上。

PS: 請將代碼內全形的＜＞符號改成半形的 <> 符號。

注意:

playlist.xml 內, 所有音樂、圖片或影片案的路徑一定不可以有錯, 每一路徑也必須以 http:// 或 mms:// 開頭, 並以 .MP3、.JPG、.FLV 副檔名作為結尾的路徑, 才算有效。
Playlist.xml 內, 每個播放項目的連結和預覽圖, 也是可以省略的。
按照個人的需要, 可以加入新的＜track＞至＜/track＞分段或將多餘的分段刪除。

編輯完成後, 各位的 playlist.xml 內容格式應該如下:
PS: 請將下面內容所有全形的＜＞符號改成半形的 <> 符號。

＜playlist version="1" xmlns="http://xspf.org/ns/0/"＞
＜trackList＞

＜track＞
＜title＞第一個播放項目的標題＜/title＞
＜creator＞第一個播放項目的作者 / 歌手名稱。＜/creator＞
＜location＞第一個播放項目的檔案路徑＜/location＞
＜info＞第一個播放項目的鏈結＜/info＞
＜image＞第一個播放項目的預覽圖檔案路徑＜/image＞
＜/track＞

＜track＞
＜title＞第二個播放項目的標題＜/title＞
＜creator＞第二個播放項目的作者 / 歌手名稱。＜/creator＞
＜location＞第二個播放項目的檔案路徑＜/location＞
＜info＞第二個播放項目的鏈結＜/info＞
＜image＞第二個播放項目的預覽圖檔案路徑＜/image＞
＜/track＞

＜track＞
＜title＞第三個播放項目的標題＜/title＞
＜creator＞第三個播放項目的作者 / 歌手名稱。＜/creator＞
＜location＞第三個播放項目的檔案路徑＜/location＞
＜info＞第三個播放項目的鏈結＜/info＞
＜image＞第三個播放項目的預覽圖檔案路徑＜/image＞
＜/track＞

＜track＞
＜title＞第四個播放項目的標題＜/title＞
＜creator＞第四個播放項目的作者 / 歌手名稱。＜/creator＞
＜location＞第四個播放項目的檔案路徑＜/location＞
＜info＞第四個播放項目的鏈結＜/info＞
＜image＞第四個播放項目的預覽圖檔案路徑＜/image＞
＜/track＞

＜/trackList＞

＜/playlist＞

5. 修改後, 請如 (圖5) 般, 在 MS Notepad 的 Pull Down Menu 上選擇檔案 → 另存新檔。

(圖5)

6. 然後, 在另存新檔的視窗中 (圖6), 請將下方的存檔類型, 改為所有檔案; 而編碼方式, 改為 UTF-8, 再這個檔案命名為 playlist.xml, 最後按下「儲存」按扭來儲存這個檔案。

(圖6)

7. 相信現在大家也明白編輯 playlist.xml 的方法了~ 按下來衫衫就說明一下安裝的方法吧~
PS: 在這裡, 衫衫只會說明安裝在 Windows Live Spaces 的方法, 如果各位想安裝在其他部落格上, 請自行参考 Jeroen Wijering 網站上的說明。

其實, 在整個 "flash_mp3_player" 的資料夾內, 我們只須要 mp3player.swf 及 playlist.xml 這兩個檔案, 其他的資料夾及檔案就將它們刪掉吧 (除非你有興趣研究這個 Flash MP3 Player 的結構和相關文檔); 將這兩個檔案都上傳到你的網上存放空間中, 上傳後, 將 mp3player.swf 及 playlist.xml 這兩個檔案的路徑, 放入以下的代碼中:

PS: 請將代碼內全形的＜＞符號改成半形的 <> 符號。

＜embed src="mp3player.swf檔案的路徑" width="320" height="400" allowfullscreen="true" flashvars="&displayheight=240&file=playlist.xml檔案的路徑&height=400&width=320" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"＞＜/embed＞

只要將欄位內的整段代碼複製出來, 然後放入 HTML Sandbox 或 Sandbox 隨便一個 gadget 內, 或利用內嵌影片的方法直接在部落格內中即可成功。

8. 來到這一步, 相信各位已經可以成功安裝這個 Flash MP3 Player 了, 也就是說各音樂、相片及影片檔案也可以成功播放~ 不過...大家不會這樣子, 就覺得心滿意足了吧?

各位還記得衫衫提過, 這個 Flash MP3 Player 版本 3.7 有很多不同的設定和功能嗎? 以下就是衫衫修改了某些設定後的 Flash MP3 Player, 各位看看有甚麼不同吧~ ^_^

Jeroen Wijering Flash MP3 Player 版本 3.7 (示範二)

各位也看到, 最大的分別是播放列表由原來的在下方顯示, 改成在右方顯示了~

其實, 衫衫還修改了以下幾個部份:

播放列表的背景及文字顏色。
播放模式改為隨機播放。
在播放畫面上, 加上水印的圖示。
播放列表沒有自動滾動, 改為右邊會出現滾動條。
播放器的預設聲量大小設定為一半。

怎樣修改這些設定?

其實方法也很簡單, 就是在安裝的代碼上, 加入不同的「參數」了。

那麼, 「參數」又是甚麼?

先看看實例吧~ 在上一個步驟中, 衫衫提供的代碼內, 其中一行是以下:

flashvars="&displayheight=240&file=playlist.xml檔案的路徑&height=400&width=320"

其實, 在 flashvars= 這一行代碼中, 在兩個 "" 符號內的代碼就是「參數」了, 每個「參數」也會以一個 & 符號作為開端; 在上述的代碼中, 就包含了四個「參數」了, 分別是以下:

參數	用途
&displayheight=240	設定播放列表的高度
&file=playlist.xml檔案的路徑	設定 playlist.xml 檔案的路徑
&height=400	設定整個 Flash MP3 Player 的總高度
&width=320	設定整個 Flash MP3 Player 的總闊度

這樣大家清楚了吧? 因為每個「參數」也有不同的功能和定義, 所以每個「參數」也有不同的「參數值」, 「參數值」會視乎「參數」而有所不同, 例如:

displayheight 是個「參數」, 其「參數值」是 240 (數字)。
file 是個「參數」, 其「參數值」是個 URL。

設定各「參數」時, 只要在「參數」前加上一個 & 符號作為開端, 然後填上「參數」, 最後填上一個「參數值」即可 (「參數值」前必須加上一個 = 符號), 簡單一點, 就是以下的公式:

(&「參數」=「參數值」)

如果還不清楚的話, 再看看實例吧~ 在上述的 (示範二) 中, 大家知不知道衫衫到底設定了多少個「參數」? 以下就是 (示範二) 中的部份了, 各位可以參考一下~

flashvars="&file=playlist.xml檔案的路徑&height=340&width=585&logo=水印檔案的路徑&displayheight=240&displaywidth=290&thumbsinplaylist=true&repeat=true
&volume=50&shuffle=true&frontcolor=0x00FFFF&backcolor=0x000000
&lightcolor=0x66FFFF"

所以, 各位只要明白各「參數」的用途, 就可以進一步設置你的 Flash MP3 Player 了~

而代碼中可供設定的參數, 暫時己合共 38 個之多 (可能將來會繼續增加), 各位可以慢慢自行研究各參數功能, 自由組合出自己心目中的播放器; 而以下部份, 衫衫會列出其中幾個各位可能常用的參數, 各位朋友可作為參考:

參數 (參數值)	用途
displayheight (數字)	播放畫面的高度, 以 pixel 為單位。設定例子: &displayheight=240
displaywidth (數字)	播放畫面的闊度, 以 pixel 為單位。設定例子: &displaywidth=290 PS: 當此參數值小於 width 的參數值時, 播放列表會出現於播放畫面的右方, 其效果可見 (示範二)。
height (數字)	整個 Flash MP3 Player 的闊度 (連播放列表), 以 pixel 為單位。設定例子。 &height=340
width (數字)	整個 Flash MP3 Player 的闊度 (連播放列表), 以 pixel 為單位。設定例子: &width=585
file (URL)	它可以是一個單獨的 MP3、FLV、RTMP、JPG、SWF、PNG、GIF 格式檔案的路經, 也可以是一個 playlist 檔案的路經。設定例子: &file=http://www.abc.com/xyz.mp3 或 &file=http://www.123.com/456.xml
image (URL)	播放時的預覽圖, 可以是一個單獨的 JPG、SWF、PNG、GIF 格式檔案的路經。設定例子: &image=http://www.abc.com/xyz.jpg PS: 當然, 你也可以在 playlist 檔案內, 為每一個項目也加上 image 參數, 成為播放時及播放列表上的預覽圖。
backcolor (color)	播放器及播放列表的背景顏色; 以 16 進制色碼為單位。設定例子: &backcolor=0x000000
frontcolor (color)	播放器及播放列表上, 文字及按扭的文字顏色; 以 16 進制色碼為單位。設定例子: &frontcolor=0xFFFFFF
lightcolor (color)	滑鼠在播放器及播放列表上選擇項目時的顏色; 以 16 進制色碼為單位。設定例子: &lightcolor=0xFFFFFF
autoscroll (true / false)	設定播放列表是否自動滾動, 默認設定為 "否" (false), 當設定為 "false" 時, 播放列表的右邊會出現滾動條。設定例子: &autoscroll=true PS: 此參數的默認設定為 "否" (false)。
thumbsinplaylist (true / false)	如果你的 playlist 檔案內, 於一個或多個項目中有加上 image 這參數, 你可以設定 &thumbsinplaylist=true, 令播放列表上顯示預覽圖。 PS: 此參數的默認設定為 "否" (false)。
largecontrols (true / false)	可設定播放畫面下方的控制列以兩倍大小顯示。設定例子: &largecontrols=true PS: 此參數的默認設定為 "否" (false)。
logo (URL)	可設定播放畫面上的水印圖案, 基本上可以是任何相片格式的檔案。設定例子: &logo=http://www.abc.com/xyz.png PS: 水印的圖案最好是透明底的 PNG 格式檔案。
autostart (true / false)	可設定播放器是否自動播放。設定例子: &autostart=true PS: 此參數的默認設定為 "否" (false)。
shuffle (true / false)	設定播放器是否隨機播放, 當設定為 "false" 時, 播放器會根據播放列表上的項目次序播放。 PS: 此參數的默認設定為 "否" (false)。
repeat (true / false / list)	播放器預設是每播放一個項目就會停止繼續播放餘下項目, 所以可設定 &repeat=true 令播放器繼續播放餘下項目; 或設定 &repeat=list 令播放器根據播放列表上的項目, 播放所有項目一次。 PS: 此參數的默認設定為 "否" (false)。
volume (數字)	播放器的預設聲量大小, 可設定 "0" 至 "100", "100" 是最大聲量。設定例子: &volume=70 PS: 此參數的默認設定為 "80"。

有關更多更詳盡的參數說明, 請自行參閱 Jeroen Wijering 的說明網頁:
http://www.jeroenwijering.com/extras/readme.html

甚至, 如果你想預覽各種參數的詳細效果, 可以使用 Jeroen Wijering 網站上的線上安裝精靈 (Setup Wizard), 除了可以預覽效果外, 更可自動生成代碼, 真的非常方便啊~
http://www.jeroenwijering.com/extras/wizard.html

至此, 衫衫已說明了如果設置及安裝這個 Flash MP3 Player 版本 3.7 的方法了, 各位已後就可以將自已喜愛的音樂、相片及影片, 全都放置在這個 Flash MP3 Player 上, 既美觀又實用~ ^_^
PS: 衫衫就決定了已後將一些有趣的短片都放在這 Player 上, 和各位朋友一同分享了~

注意, 本 Flash MP3 Player 版本 3.7 教學教程到這裡, 已算是完畢了; 其實這個 Flash MP3 Player 版本 3.7 還有不少設定和功能, 加上 Jeroen Wijering 仍在不斷更新中, 各位有興趣的可以再自行研究, 衫衫就不再作詳述了~

2007 年 5 月 14 日更新:

今天忽然發現, Jeroen Wijering 己推出了 Flash MP3 Player 版本 3.8 了~ 功能大致上和版本 3.7 一樣, 不過據聲修正了幾個漏洞, 所以建議各位使用新版本 (安裝方法和版本 3.7 完全一樣)。

接下來衫衫會討論一下 FLV 影片檔案的路徑問題。

9. 總括來說, 這個 Flash MP3 Player 版本 3.7 最吸引之處, 就是支援播放 FLV 影片了~ 而說到 FLV 影片, 相信大家也會想到 YouTube、Google Video、I'm Vlog 或 Soapbox 這些網站吧?

不過, 各位知道應該怎樣下載這些網站的影片嗎? 不知道的話也不要緊, 衫衫告訴各位一個簡單的方法吧~

一般來說, 要下載這些分享網站的影片, 各位只要下載及安裝 VideoDownloader 這類工具或插件, 即可在瀏覽影片的同時, 也可選擇下載該影片。
PS: VideoDownloader 插件須配合 FireFox 瀏覽器使用。

「衫衫~ 即使下載到影片, 但下載後的影片檔案, 加起來隨時超過幾百 MB, 多的話甚至達到數 G 容量也有可能, 去那裡可以找到一個免費, 而且全無容量及流量限制的網上空間?

這個...衫衫也不知道~ ＞.＜ (正在努力尋找中)」

不過, 衫衫可以告訴大家, 有一個方法, 可以不用下載影片, 也可將該影片直接加入在播放列表上的方法...

「有這樣神奇的事!?」

基本上是有的, 原理十分簡單, 大家可以想想, 當自已在 YouTube 瀏覽影片時, 整個過程根本就是將該影片檔案從伺服器的資料庫上, 下載到你的瀏覽器上, 而這影片檔案也必定會有一個檔案路徑吧? 所以, 只要找到這個檔案路徑, 直接放在播放列表上, 就可以不用下載影片, 再上載到你的網上存放空間了...

不過, 要從 YouTube 網站上找出影片檔案的路徑, 未必每個人也會啊; 因為單從技術角度上, 就可以編寫數篇教學教程了~

所以, 衫衫就想到一個比較簡單的方法, 就是利用 KEEPVID beta 1.1 網站了, 不知道 KEEPVID beta 1.1 網站的朋友, 先來看看介紹吧~

KEEPVID beta 1.1 網站所提供的服務, 基本上和 VideoDownloader 插件一樣, 不過用戶無須下載亦不用安裝, 用戶只要在瀏覽影片時, 記下該影片的網址, KEEPVID beta 1.1 即可提供該影片檔案的下載鍵結, 十分適合希望下載 YouTube、Google Video 等網站上影片的朋友, 而 KEEPVID beta 1.1 網站現已支援達三十多個影片的分享網站, 可說是包括了網上大多數的影片分享網站。
KEEPVID beta 1.1 網站 - http://keepvid.com/

10. 說了半天, 那到底要怎樣做?

衫衫現在就來說明一下吧~ 以 YouTube 為例... (衫衫偷笑中)

首先, 在 YouTube 瀏覽到喜歡的影片時, 複製該影片的網址, 然後到 KEEPVID beta 1.1 網站上, 將複製的網址填到網站中央位置的欄位上 (圖10), 再從旁邊選擇這影片源出於那個影片的分享網站 (在這示範中, 當然選擇 YouTube 了), 最後接下「DOWNLOAD」接扭。

(圖10)

11. 然後網站就會顯示該影片的下載鏈結, 正常來說, 各位只要按下這鏈結, 並選擇儲存成 .FLV 檔案, 即可成功下載這影片; 不過, 我們現在就是要試試, 在無須下載影片的情況下, 也可加入在播放列表上, 所以請在這鏈結上右按滑鼠 (Right Click), 然後選擇「內容」選項 (圖11)。

(圖11)

12. 這時候, 即可看到該影片的下載鏈結, 請將網址 (URL) 所顯示的整段網址複製出來 (圖12)。

(圖12)

13. 要修改這影片的網址, 令它變成「有效」的影片檔案路徑, 方法非常簡單, 就是在整段網址的最後面, 加上 #.flv, 將修改後的路徑, 直接在 playlist.xml 內使用, 就 (應該) 可以播放這影片了...

原來的網址:
http://sjl-v60.sjl.youtube.com/get_video?video_id=FzKXlEJu_DA

修改後的路徑
http://sjl-v60.sjl.youtube.com/get_video?video_id=FzKXlEJu_DA#.flv

「衫衫~ 甚麼是 (應該) 可以播放這影片? 不是一定可以成功的嗎!?」

不...這不一定可以成功的...
PS: 這就是衫衫偷笑的原因了~ 花了半天時間寫教學, 卻不一定成功~

這方法的成功率, 在 YouTube 上的影片, 超過 80% 可以成功; 而儲放在 Google Video 上的影片, 經測試後, 成功率不足 10%; 那 I'm Vlog 或 Soapbox 上的影片呢? 抱歉, 不管是 KEEPVID beta 1.1 或 VideoDownloader 2.0 網站也不支持 I'm Vlog 或 Soapbox。

就讓衫衫解釋一下吧~ ＞.＜

首先, 因為不同的影片分享網站, 也使用不一樣的影片處理和儲存方法, 而且差不多所有的影片分享網站, 也不會提供影片檔案的下載路徑, 所以以上方法根本就是「非官方、非正式」的方法, 因此, 衫衫只可說句: 「這方法使用與否, 隨君喜好~」。

「衫衫~ 那怎麼辦?」

就是用回最始的方法, 先下載 FLV 影片檔案, 然後上載到你的網上空間, 最後將影片檔案的下載路放入 playlist.xml 內~ (衫衫在講廢話了~)

其實這些網站的影片, 不是已經支持 embed 嵌入式鍵結嗎? 建議各位還是將整段代碼複製出來, 然後放入 HTML Sandbox 或 Sandbox 隨便一個 gadget 內, 或利用內嵌視訊的方法直接在部落格內中就可以了。

因為 YouTube 比較出名, 多人使用, 更有開放小部份的 API, 因此網上不少「有心人」也努力研究到底怎樣才可正確獲取影片檔案的下載路徑, 終於, 儲放在 YouTube 伺服器上的影片檔案下載路徑, 遂漸成為網上一個「公開的秘密」(可能是前 YouTube 負責人管不到, 而 YouTube 被 Google 收購後也不去管吧~ ^_^), 這就是近年來, 也有不少提供類似 KEEPVID beta 1.1 服務網站的原因了, 其中 VideoDownloader 2.0 網站就是最好的例子了, VideoDownloader 2.0 更支援高達五十多個影片的分享網站, 各位有興趣可以去看看~

「衫衫~ 那你有沒有方法去下載其他網站的影片?」

難道要衫衫「破解」這些網站嗎? (衫衫沒有這個能力啊~) 另一方面, 各位也要注意一下版權問題啊~

本教學最後更新日期: 2007 年 5 月 8 日

本節教學完畢

如果要轉載這篇文章, 請使用「引用通告」功能, 或指明出處, 感謝。
不清楚如何使用「引用通告」功能, 可參考這裡。

4:59 AM | View trackbacks (1) | Blog it | 【 Spaces 新玩意】

Comments (71)

To add a comment, sign in with your Windows Live ID (if you use Hotmail, Messenger, or Xbox LIVE, you have a Windows Live ID). Sign in

Don't have a Windows Live ID? Sign up

	衫衫夜wrote: ＄閃亮知星＆麥＄你好, 別客氣~ 不過是互相交流一下而已~ 己後還請多多指教~ ^_^ July 15
	子宜石wrote: 終於可以了~~~ 真是的我還真傻阿@@ 謝謝你了衫衫大大感恩啊你打了那麼一長串的字辛苦囉我怎麼敢嫌你囉梭ㄋ我還嫌我煩ㄋ真是謝謝ㄋ July 12
	衫衫夜wrote: ＄閃亮知星＆麥＄你好, 首先, 你的代碼中, 出現了一個很嚴重的問題, 留意你的就是你的 playlist.xml 及 mp3player.swf 這二個檔案路經, 是以 https:// 為開端, 而不是 http://, 這代表你將檔案上傳到 SKYDRIVE 後, 沒有將權限設定成公開, 這樣會令你的訪客無法看到播放器及所有項目, (所以衫衫也看不到...); 至於 autostart 這個參數, 在你的代碼格式中並沒有問題。另一方面, 有關你提到的另一個問題, 則衫衫可以告訴你, 「理論」上你沒有犯法, 但「實際」上你仍是有觸犯法例的。因為在 Soapbox、YouTube、I'm Vlog、Google Video 這一類的影片網站上的影片, 片源都是由網民上載的, 管理者是該網站, 而網站的宗旨是「分享」; 那就說明「理論」上只要是網站上的影片, 都是合法的 (因為不合法的影片應該會(已)被管理者刪除), 所以大眾就能「合法地分享」這些影片。但「實際」上又如何呢? 影片本身是否合法, 只在乎該影片的合法持有人怎去處理, 看不懂嗎? 那先看以下例子吧~ 某唱片公司旗下的一位歌手拍了一段 MV 並製成光碟, 用途當然是賣錢銷售, 但某人買了光碟後, 上載到網站上供人分享下載, 而影片上載後, 網站管理者又沒有去刪除這影片, 並繼續容許影片在網上分享, 該唱片公司知道事件後, 決定採取法律行動... 看畢以上後, 你說是誰犯法了? 是買了光碟並上載的人? 是網站管理者? 是下載的其他人? 答案是以上三者都犯法了, 你同意嗎? 不過你要留意, 他們犯法的原因沒有其他, 只是因為該唱片公司有決定採取法律行動而己, 如果該唱片公司知道事件後, 因為怕得不賞失, 例如怕打官司花錢、怕浪費人力及時間, 甚至該公司根本沒有知道事件, 所以沒有採取任何法律行動的話, 那麼, 以上三者在現今的社會中, 真是沒有犯法呢~ (還有誰會去告法他們?) 衫衫這樣說明, 希望你明白吧, 若果你的目光只在乎犯法與否, 則衫衫可以說這是肯定犯法的, 別懷疑啊~ 因為即使該公司沒有採取任何法律行動, 難道你自已心裡不知道這行為是否正確合法的嗎? 不過在現今的社會中, 又有那幾家公司可以長期監控網上的情況, 並願意花錢遂一檢控網民? 那就是說, 即使你分享, 又找誰去告法你? 如果你明白後, 就希望你不要嫌衫衫婆媽, 說了以上這些似禪非禪的道理, 犯法與否, 還是要靠自已去判斷呢~ ^_^ July 12
	子宜石wrote: 安阿衫衫大大我又來發問囉^^ 我有點疑問就是我用你的方法成功裝上Flash MP3 Player 3.7了但是有時候他會顯示不出來過一段時間又顯示正常不知道是甚麼原因? 我是把 playlist.xml mp3player.swf 這二個檔案上傳到 MSN的SKYDRIVE 這ㄍ空間不知道是不是這ㄍ的問題還有衫衫大大你說的加上參數是把參數直接複製上你給ㄉ代號裡ㄇ我不知道參數該重哪裡差進去我有是過幾ㄍ參數試看看我試過autostart這個參數但是ㄊ還是不行自動撥放我PO上我ㄉ代碼<embed src="https://y5o62q.bay.livefilestore.com/y1pdRAYKkhyLFS2PRk-h3Zex-dMv0_FywtuGZcnPdKNLPLSVrdhHD3geCtnTRykC6ofXNdAkNauZzg7wZyz6vcu6Q/mp3player.swf" width="320" height="400" allowfullscreen="true" flashvars="&displayheight=240&file=https://y5o62q.bay.livefilestore.com/y1pM_GTIS-7z4LPJq_ntzJSkr6oaryiye71DyWzF8-JAxM1PZGTtYQ2_3uBzNmf74CnNhgLRwHwGUSnKwG088pnDA/playlist.xml&height=400&width=320"&displayheight=240&displaywidth=290&thumbsinplaylist=true&repeat=false &volume=50&shuffle=true&frontcolor=0x00FFFF&backcolor=0x000000 &lightcolor=0x66FFFF&autostart=true" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"></embed> 這是我用ㄉ代碼不知道對不對但是可以顯示出來也可以聽希望能幫我看看麻煩你了也希望幫我指點迷津我是有點笨順便一提如果我把影片這模組放YOUTOBE網站裡的影片會不會犯法阿今天看到有人ㄉ部落格放 YOUTOBEㄉ影片被告= = 謝頁你喔 July 9
	衫衫夜wrote: 文楓你好, 別客氣~ 衫衫在這裡先恭喜你成功了~ ^_^ July 6
	Weng-Fong Chuangwrote: 哈哈哈報告衫衫大大，果然改下列粗體那裡(height=160)，就成功囉! 衫衫你實在太神了!! 哈哈哈! 感謝感謝~ <center> <embed src="http://fong2755.googlepages.com/mp3player.swf" width="320" height="190" allowfullscreen="true" flashvars="&displayheight=18&displaywidth=320&file=http://fong2755.googlepages.com/playlist1.xml&height=160&width=320&autoscroll=false&thumbsinplaylist=fause&lightcolor=0x0088ff&frontcolor=0x505050&backcolor=0xecf7ff"type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"></embed></center> July 3
	衫衫夜wrote: 文楓你好, 別客氣~ 衫衫也不過是鬧著玩而已~ 你功力進步昰因為你自已的努力啊~ ^_^ 至於 autoscroll 的問題, 印象中實跟 thumbsinplaylist 無關呢... 衫衫剛瀏覽你的 Space, 發現你心情點播那個 Player 的 height 參數, 已有足夠空間顯示所有歌曲, 這樣當然不會滾動了, 試試調整你 Player 的 height 或 displayheight 參數, 令播放列表沒有足夠空間顯示所有歌曲, 這樣就應該可以了~ 祝你成功~ ^_^ July 2
	Weng-Fong Chuangwrote: 衫衫大大安安~ 先跟衫衫大大請安一下，讓小弟blog功力進步不少..^^... 想請教衫大一個問題~Jeroen Wijering Flash MP3中的autoscroll參數是否要配合thumbsinplaylist才會動作? 我每每要設定thumbsinplaylist=true 之後，autoscroll才會有動作(不管是false或true)，二者是否有關係呢?(簡單說在小弟blog中，心情點播那個，卷軸一直無法出現，但設定thumbsinplaylist=true 便有)......希望衫大指教一下~先感謝囉! June 27
	衫衫夜wrote: 半熟MAN 你好, 1. 放心~ 在 Playlist 中刪掉 <info> </info> 這一項目, 只會令那連結圖示消失而已, 不會有其他問題的~ 2. 至於 AVI 檔案, 放在 Youtube 上就最方便了 (免費又不限容量~ ^_^), 而上載後的影片連結, 只要你使用教學中 KEEPVID 方法, 在整段網址的最後面, 加上 #.flv 即可, 衫衫都是這樣的~ PS: 提提你, 某些影片上載到 Youtube 後, 影片連結會不停改變, 這情況多出現在那些被發現有侵權可疑, 但又尚未證實的影片中。 3. 如果都是使用 mediaplayer 3.8 版本, 則 Playlist、參數、代碼及語法都可根據本教學的說明~ 祝你成功~ ^_^ 衫衫也祝你早日學成歸來啊~ ^_^ May 1
	半熟MAN 12wrote: 忘了說我是用mediaplayer-3-8版的那mediaplayer<=這個應該不用變名吧 ...都OK May 1
	半熟MAN 12wrote: 衫大, 真的好久不見你一樣很忙!! 真是辛苦了~~ 我人在日本狂念日文中最近黃金週總算比較有空上來PO文了也開始學一下這個好了但在學習過程中沒有過去的辛苦可能有些小小經驗了吧比較知道方向但心中還是有2個問題 1. playlist.xml<==這個自己做我是用筆記本開一個空白的然後複製你的＜playlist version="1" xmlns="http://xspf.org/ns/0/"＞＜trackList＞＜track＞＜title＞第一個播放項目的標題＜/title＞＜creator＞第一個播放項目的作者 / 歌手名稱。＜/creator＞＜location＞第一個播放項目的檔案路徑＜/location＞＜info＞第一個播放項目的鏈結＜/info＞＜image＞第一個播放項目的預覽圖檔案路徑＜/image＞＜/track＞＜track＞＜title＞第二個播放項目的標題＜/title＞＜creator＞第二個播放項目的作者 / 歌手名稱。＜/creator＞＜location＞第二個播放項目的檔案路徑＜/location＞＜info＞第二個播放項目的鏈結＜/info＞＜image＞第二個播放項目的預覽圖檔案路徑＜/image＞＜/track＞＜track＞＜title＞第三個播放項目的標題＜/title＞＜creator＞第三個播放項目的作者 / 歌手名稱。＜/creator＞＜location＞第三個播放項目的檔案路徑＜/location＞＜info＞第三個播放項目的鏈結＜/info＞＜image＞第三個播放項目的預覽圖檔案路徑＜/image＞＜/trackList＞＜/playlist＞貼上去應該沒有錯至於連結那一項我是真的用GOOGLE 因為不知道要連什麼心中有一個OS說可不可以把那一段連結的語法刪掉會對整個語法有影想嗎??? 2. 我是AVI檔的說那要怎麼把副檔名換成FLV檔呢?? 是否真的PO在YOUTORB 那裡就可以了最後再力上#.flv 就好了呢 = = 也就是avi#.flv ......... 我是沒放過但最後語法是否就會變成這樣了呢 END 衫大辛苦了... 不管多久我都會等您的回復的哦我的playlist 語法是 <playlist version="1" xmlns="http://xspf.org/ns/0/"> <trackList> <track> <title>迪士尼的..不知道什麼影片</title> <creator>作者是..看了就知道</creator> <location>www.freewebtown.com/beachdog/123/DSCF0382.AVI</location> <info>http://www.jeroenwijering.com</info> <image>www.freewebtown.com/beachdog/123/DSCF0312.JPG</image> </track> <track> <title>迪士尼25週年的Show-1</title> <creator>作者是..看了就知道</creator> <location>www.freewebtown.com/beachdog/123/DSCF0506.AVI</location> <info>http://www.jeroenwijering.com</info> <image>www.freewebtown.com/beachdog/123/DSCF0317.JPG</image> </track> <track> <title>迪士尼25週年的Show-2</title> <creator>作者是..看了就知道</creator> <location>www.freewebtown.com/beachdog/123/DSCF0507.AVI</location> <info>http://www.jeroenwijering.com</info> <image>www.freewebtown.com/beachdog/123/DSCF0323.JPG</image> </track> </trackList> </playlist> May 1
	衫衫夜wrote: 文楓你好, 別客氣~ 衫衫在這裡亦提醒你, Youtube 的影片真實鏈結是會經常改變的, 所以要注意啊~ ^_^ Apr. 25
	Weng-Fong Chuangwrote: 探子回報~~原來連結網址改囉~~ 只要依大大方法再做一次就ok囉~~ Apr. 23
	Weng-Fong Chuangwrote: 報告衫衫大大 YOUTUBE 的影片似乎無法連結了ㄋ~~ 敢請大大明察~~ Apr. 23
	衫衫夜wrote: 半熟MAN 你好, 解壓後的那個 mediaplayer.swf 檔案, 其實就是教學中的 mp3player.swf 檔案, Jeroen Wijering 不過是改了另一個名字而已, 至於餘的檔案, 根本可以刪掉...教學中就有提到以下了... 「其實, 在整個 "flash_mp3_player" 的資料夾內, 我們只須要 mp3player.swf 及 playlist.xml 這兩個檔案, 其他的資料夾及檔案就將它們刪掉吧 (除非你有興趣研究這個 Flash MP3 Player 的結構和相關文檔)」因為 playlist.xml 檔案是必須自己手動製作的, 因此你下載了 mediaplayer.swf 檔案後, 已足夠完成這播放器了~ 祝你成功~ ^_^ Mar. 16
	半熟MAN 12wrote: 我在下載了mediaplayer-3-8後解壓縮裡面只有.svn和com2個資料夾 Kroeger_563.ttf和mediaplayer.fla和 mediaplayer.swf 3個檔案... 和你教學的不一樣說~~我就完全不會了XD Mar. 15
	衫衫夜wrote: 半熟MAN 你好, 啊~ 原來 Jeroen Wijering 製作的 flash player, 已更新至 JW FLV MEDIA PLAYER 3.15 版本了...(題外話), 但他並沒有將已往的 mp3 flash player 刪掉啊...(不過本教學中的鏈結倒已是錯的了...) PS: 衫衫會畫快更新的... 本教學中所介紹的版本, 是 mediaplayer 3.7, 後來 Jeroen Wijering 因發現漏洞, 又快速地更新至版本 3.8, 並將版本 3.7 刪除, 所以版本 3.8 和 3.7 在功能和設定上都是一樣的。若你想依足本教學, 你可以下載版本 3.8 (在 Jeroen Wijering 介紹 MEDIA PLAYER 的網站中 - http://www.jeroenwijering.com/?item=JW_FLV_Player, 下方 History 的部份就可以下載各版本了~ PS: 當然, 你也可以試試使用現在最近的 JW FLV MEDIA PLAYER 3.15 版本呢~ ^_^ (但衫衫也沒有用過~) 祝你成功~ ^_^ Mar. 12
	半熟MAN 12wrote: 大大~~我連一開始都找不到載點 QQ 你說的先到 Jeroen Wijering 介紹 Flash MP3 Player 的網站 - http://www.jeroenwijering.com/?item=Flash_MP3_Player, 然後選擇下載最新的版本 3.7 (圖1), 或直接按這裡下載。現在這裡好像變成了 History mediaplayer 3.15 (17.02.2008): Added RTMP livestream support (no progressbar and no crash when pausing), DFXP 'dur' tag support, MTASC compliancy and shownavigation flashvar. Fixed hardcoded prefix, RTMP ending too soon and occasional stop-after-buffering bug............. 找不到載點QQ Mar. 12
	衫衫夜wrote: 黑暗心你好, 別客氣~ 衫衫謝謝你的支持啊~ ^_^ Dec. 28
	衫衫夜wrote: DongYanLyu 你好, 奇怪...如果你是將代碼放在部落格的文章內, 代碼是不會被修改成這樣的....(但這不是重點) 代碼的格式沒錯, 不過你說後佈後, 影片地方變成一直在讀取的樣子, 這證明了是你 playlist.xml 檔案的路徑出現錯誤, 或 playlist.xml 檔案內的影片或歌曲路徑出現錯誤啊, 請再三檢查清楚一下, 再試試看吧~ ^_^ 祝你成功~! PS: 我不是叫「杉杉」啊...我叫「衫衫」...(不過沒關係了~ ^_^) Dec. 28

Next > Last >>

Trackbacks (1)

The trackback URL for this entry is:

http://camuschu.spaces.live.com/blog/cns!85BD955C085738A8!3557.trak

Weblogs that reference this entry

談論主題在 Windows Live Spaces 內加入多功能播放器 - Jeroen Wijering Flash MP3 Player 版本 3.7