各位 Windows Live Spaces 的用戶:

當你想在 Space 內和朋友分享音樂時, 你可能選擇使用 MediaMax...

當你想在 Space 內和朋友分享影片時, 你可能選擇使用 YouTube...

當然, 如果你只想在 Space 內和朋友分享相片, 你可以直接上傳到你的 Space, 而不用選擇 Flickr... ^_^

但想一想, 只不過想簡單的和朋友分享, 就可能要申請一大堆帳號; 如果想製作得漂亮及互動一點? 那還得學會那些不同的嵌入代碼~ 對於不熟識的朋友, 花一天時間也可能不夠~

對上述問題有同感的朋友, 夜衫衫就介紹你一個免費的網上儲存空間服務 - myfabrik, 它可以省卻你不少時間和精神, 既實用又「好玩」~

我們先來看看示範較果:

PS: 因本教學包含多款示範較果, 所以請耐心等待載入時間; 如果長時間也看不到範較果, 請刷新本頁。

怎樣? 看到以上多種既漂亮又互動的特別效果, 你也想學會嗎? 別害怕啊~ 保證你也可以學會!

在開始教學教程前, 還是按照已往一樣, 先說明一些基本條件:

myfabrik - 這是由 Fabrik 網站, 於 2006 年推出的一個分享檔案服務, 推出初時, 採用類似 Gmail 的邀請制度, 即只有現有帳號用戶才可以邀請他人加入, 但現在已公開申請 (Gmail 也在上星期, 2006 年 2 月 14 日情人節全球公開申請了 ^_^) 用戶成功申請 myfabrik 帳號後, 即可獲 1G 容量的免費上傳空間, 及提供一個 "myfabrik.com/username" 的域名給用戶, 而且登入後的管理介面, 都是由 Flash 技術所建立, 十分漂亮吸引; 用戶可以隨意上載相片、音樂、影片或其他不同類型格式的檔案; 不過 myfabrik 最大的特色, 就是上載檔案後, 網站會為你的多媒體檔案提供 ＜embed＞ 嵌入式代碼, 方便用戶隨意在 Blog 上分享檔案, 加上用戶更可自訂各檔案的存取權限, 在管理檔案上就更具彈性~ 另外, Fabrik 亦有推出 myfabrik lite 分享檔案服務, myfabrik lite 是不用註冊也可使用的服務, 服務性質基本上和 myfabrik 一樣, 不過上載檔案後, 就無法管理或刪除, 對於只希望快速分享檔案的朋友, 是個十分不錯的選擇。
myfabrik - http://www.myfabrik.com/register/index.php
myfabrik lite - http://lite.myfabrik.com/index.php

PS: 當 myfabrik 推出初時, 每位成功申請帳號的用戶是有 2G 容量的免費上傳空間, 如果成功邀請 5人註册的話, 更可升級到 5G 容量。不過現在「優惠期」已過, 各位想要更大的儲存容量, 只有註册成收費版本才可以。

另外, myfabrik 己包含 myfabrik lite 的所有服務及功能, 所以本教學會以 myfabrik 為重點, 並只會補上 myfabrik lite 的一個插件簡介。

1. 要使用 myfabrik 服務,, 就必須先申請一個 myfabrik 用戶帳號, 各位先到 myfabrik 官方網站 - http://www.myfabrik.com/register/index.php, 按一下「 Sign up」(圖1)。

(圖1)

2. 請根據 (圖2) 的指示, 填上各項資料, 然後按一下「Next」按扭。

(圖2)

3. 選擇「Basic Account (free)」選項 (圖3),  並將「I agree to the Terms and Conditions」選項打勾, 然後按一下「Next」按扭。
PS: 你喜歡的話, 也可以選擇收費版~。

(圖3)

4. 當看到以下畫面 (圖4), 即代表你已成功登記 myfabrik 帳號。

(圖4)

5. 這時候, 你會收到一封由 myfabrik 寄出的確認電子郵件 (圖5), 開啟郵件後, 內裡有一個啟動帳號連結, 請點選這連結啟動你的帳號。

(圖5)

6. 當點選連結後, 網頁會自動開啓帳號確認頁, 請將「I accept the terms and conditions of this User Agreement」選項打勾, 然後按一下「Next」按扭 (圖6)。

(圖6)

7. 當看到以下畫面 (圖7), 即代表你已成功確認 myfabrik 帳號。請按一下「Login」回到 myfabrik 頁首。

(圖7)

8. 回到 myfabrik 頁首後, 請輸入你的帳號名稱 (登記時的電郵地址) 及密碼, 然後按一下「→」圖示登入網站 (圖8)。

(圖8)

9. 因為登入後的管理介面, 都是由 Flash 技術所建立, 所以請耐心等待載入管理介面 (圖9)。

(圖9)

10. 終於看到這個漂亮的管理介面了 (圖10)~ 為了讓各位可以快速上手學會使用 myfabrik, 夜衫衫就簡單介紹一下這介面上的各種基本功能吧~

	左上方的是目錄列表, 每位用戶共有 Pictures、Music、Video、Documents 及 Public Page 五個目錄, 紅色代表現在選擇中的目錄。
	選擇目錄後, 左方就會顯示該目錄內所有的資料夾; 其中有些資料夾名為 "Sample xxx...", 內裡都是一些樣本的檔案, 各位如不喜歡則可以隨便刪除。
	選擇資料夾後, 介面中間的位置就會顯示該資料夾內的檔案, 每個檔案也可以按下右鍵 (Right Click) 選擇有關選項。
	選擇不同的檢視方式及顯示幫助文件。
	EMBED - myfabrik 的最強功能, 選擇檔案後按下 EMBED 按扭, 即可提供 ＜embed＞ 嵌入式連結。 PUBLISH - 將選擇的檔案, 發表到你個人的 Public Page 目錄。
	上方的資料夾圖示 - 按下後可建立新的資料夾, 或選擇移動資料夾到其他目錄。
	上方的分享圖示 - 按下後可設定資料夾或檔案的使用權限。
	上方的搜尋圖示 - 按下後可憑關鍵字搜尋已上載的資料夾或檔案。
	上方的標簽圖示 - 可為選擇的檔案加上不同的文字標簽, 方便日後搜尋。
	右方的帳號圖示 - 按下後可編輯自己的帳號資料, 包括修改密碼。
	IMPORT 是上載資料夾或檔案。 EXPORT 是下載資料夾或檔案。
	資源回收筒 - 各位只要在選擇資料夾或檔案後, 拖曳到資源回收筒即可刪除該資料夾或檔案。被放到資源回收筒的物件都不會被即時删除, 用戶可點擊資源回收筒圖示, 還原物件。
	右上方的登出圖示 - 按下後可登出 myfabrik 網站。
以上只是 myfabrik 的基本功能簡介, 至於 myfabrik 的其他功能及操作方法, 各位可自行嘗試, 或參考這裡。

(圖10)

11. 看畢上述的介面及功能簡介, 相信各位已初步了解 myfabrik 的介面操作, 接下來即可試試上載檔案; 按下「IMPORT」按扭, 即會彈出以下的檔案上載視窗 (圖11), 按下「Browse」即可選擇檔案準備上載, 每次最多可上載 5 個擇檔, 或者直接按下「Bulkload」即可選擇上載你電腦中的整個資料夾, 最後只要按一下下方的「IMPORT」即可開始上載。
PS: 上載的檔案, 每個不可超過 500 MB 大小。

(圖11)

12. 開始上載後, 視窗會以百份比顯示上載的進度 (圖12), 請耐心等待所有檔案上載完畢。

(圖12)

13. 檔案上載完畢後, 視窗會將成功上載的檔案以列表顯示 (圖13), 各位可以檢查有沒有檔案上載失敗, 以便再次重新上載, 檢查完畢後, 可以按右上角的「x」圖示關閉視窗。

(圖13)

14. 回到主介面, 用戶只要雙擊 (Double Click) 檔案, 即會出現該檔案的相關資訊及縮圖預覽, 各位可以修改檔案的名稱 (Rename)、描述 (Description) 及標簽 (Tag); 另外, 按下「More Info」更可檢視該檔案的詳細資料 (圖14)。

(圖14)

15. 現在既然已上載了檔案, 即可試試 myfabrik 的最強功能 - 嵌入功能; 這裡以圖片先檔案作示範, 先選擇你想嵌入的圖片檔案 (按下鍵盤上的 "Shift" 或 "Ctrl" 鍵即可選擇多個檔案), 然後按一下「EMBED」按扭 (圖15)。

(圖15)

16. 按下「EMBED」按扭, 即會彈出以下代碼視窗 (圖16), myfabrik 有 4 種圖片嵌入方法, 分別是 URL、IMG、Slide Show 及 Photostrip; 其作用如下:

現在就先試試 Slide Show 圖片特效吧~ 在代碼視窗按下 「Slide Show」, 即會出現代碼, 各位可以在下方的「Size:」及「Transition:」欄位, 選擇圖片特效的大小及效果; 按下「Preview」按扭更可即時預覽效果, 十分方便。

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

不過各位在複製代碼時, 請注意以下事項:
(一) 各位在選擇 Slide Show 特效時, 即使選擇了下面的 Show Control (顯示控制列) 及 Show Caption (顯示圖片描述) 的選項, 但不是每次也可成功顯示控制列及圖片描述, 夜衫衫試過很多次也是這樣, 原因不明。
(二) 各位在選擇 Slide Show 特效時, 複制代碼後如果出現特效移位, 請將代碼中 salign="b" 這一句删除, 即可令圖片特效位置回復正常。
(三) 要自訂各圖片特效的大小, 可以自行修改代碼中 width="xxx" height="xxx" 數值。

至於 Photostrip 圖片特效, 各位也在本教學頂部看到效果了, 只要在 (圖16) 中選擇 Photostrip, 即可獲得代碼, 而且直接使用即可, 也可以自行修改代碼中 width="xxx" height="xxx" 數值調整圖片特效的大小。

(圖16)

17. 接下來, 我們又看看如何自動生成 XSPF Player MP3 播放器, 方法基本上也是一樣, 先選擇你想嵌入的 MP3 檔案 (按下鍵盤上的 "Shift" 或 "Ctrl" 鍵即可選擇多個檔案), 然後按一下「EMBED」按扭, 即會出現 (圖17) 視窗, 這樣即可獲得代碼
PS: 按下「Preview」按扭更可即時預覽效果。

請將欄位內的整段代碼複製出來, 各位可將代碼放入 HTML Sandbox 或 Sandbox 隨便一個 gadget 內, 或利用內嵌影片的方法直接在部落格內加入也可。

不過各位在複製代碼時, 請注意以下事項:
(一) 各位如果不希望 MP3 插放器載入後會自動播放, 可以將代碼中 autoplay=true 這一句删除。
(二) 若要自訂播放器的大小, 可以自行修改代碼中 width="xxx" height="xxx" 數值。
(三) 因 XSPF Player MP3 播放器支持訪客下載功能, 所以各位使用時要小心版權問題。

(圖17)

18. 最後, 就是看看如何生成 FlowPlayer 影片播放器, 方法基本上也是一樣, 先選擇你想嵌入的影片檔案 (按下鍵盤上的 "Shift" 或 "Ctrl" 鍵即可選擇多個檔案), 然後按一下「EMBED」按扭, 即會出現 (圖18) 視窗, 這樣即可獲得代碼。
PS: 按下「Preview」按扭更可即時預覽效果。

不過這一次, 對於各位 Windows Live Spaces 的用戶來說卻有點不夠運, 因為由 myfabrik 自動生成的 FlowPlayer 影片播放器代碼, 是不能直接放入 HTML Sandbox 或 Sandbox, 亦不可放入部落格內。

別心急~ 只要修改一下代碼, Windows Live Spaces 的用戶也可以使用的, 現在夜衫衫就來說明一下, 各位應該怎樣轉換代碼~

其實在上述得到的代碼中, 已包含了你的 影片播放器路徑 及 影片檔案路徑, 利用這個影片檔案 Playlist, 放入下面的嵌入式代碼中, 即可使用。例如, 以下是夜衫衫申請後所得到的原代碼:

＜div＞＜object type="application/x-shockwave-flash" data="http://www.myfabrik.com/camuschu/FlowPlayer.swf" width="450" height="323" id="FlowPlayer"＞＜param name="allowScriptAccess" value="sameDomain" /＞＜param name="movie" value="http://www.myfabrik.com/camuschu/FlowPlayer.swf" /＞＜param name="quality" value="high" /＞＜param name="scale" value="noScale" /＞＜param name="wmode" value="transparent" /＞＜param name="flashvars" value="configFileName=http://www.myfabrik.com/camuschu/flowPlaylist/Czlpb080dJD9eX3SVYk4nBxO" /＞＜/object＞＜div style="font-size: 11px;"＞Powered by ＜a class="bmk_lnk" target="_fabrik_" href="http://www.myfabrik.com"＞www.myfabrik.com＜/a＞＜/div＞＜/div＞

http://www.myfabrik.com/camuschu/FlowPlayer.swf 就是夜衫衫的影片播放器路徑。
http://www.myfabrik.com/camuschu/flowPlaylist/Czlpb080dJD9eX3SVYk4nBxO 就是夜衫衫的影片檔案路徑。

將你的 影片播放器路徑 及 影片檔案路徑 放入下面代碼中。

修改後為:

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

不過各位在複製代碼時, 請注意以下事項:
(一) 如果希望播放器載入後會自動播放影片, 可以將代碼中 autoPlay=false& 改成 autoPlay=true&, 或直接將 autoPlay=false& 這一句删除。
(二) 如果要調整播放器的大小, 可以自行修改代碼中 width="xxx" height="xxx" 數值, 但千萬不要將高度值 (height="xxx"), 調整低於 "325", 否則播放器將無法成功插放影片。

最後, 將修改後的代碼, 放入 HTML Sandbox 或 Sandbox 隨便一個 gadget 內, 或利用內嵌影片的方法直接在部落格內加入也可。

(圖18)

19. 現在, 相信各位已明白 myfabrik 分享相片、音樂及影片檔案的功能, 也明白如何利用 myfabrik 在 Windows Live Spaces 中分享不同的多媒體檔案, 其實 myfabrik 還有很多的設定及功能, 各位就慢慢發掘吧, 對於一個免費的網上儲存空間服務來說, myfabrik 的確不錯, 已後想分享不同的檔案, 就不用到處找上傳空間了~

不過, 各位記得除了 myfabrik 外, 還有一個 myfabrik lite 服務嗎? myfabrik lite 除了不用註册也可使用外, 更是個十分實用的「小玩意」啊~ 各位看看這個吧?
myfabrik lite - http://lite.myfabrik.com/index.php  

各位只要利用這個 myfabrik lite 「小玩意」, 上傳不同的相片、音樂及影片檔案, 一樣也可以獲得 ＜embed＞ 嵌入式代碼, 十分方便用戶隨時在 Blog 上分享檔案, 服務性質基本上就和 myfabrik 一樣, 不過上載檔案後, 就無法管理或刪除, 也不知道上載後的檔案, 會在甚麼時候失效, 但是對於只希望快速分享檔案的朋友, 肯定是個十分不錯的選擇。各位只要複製以下代碼, 放在 HTML Sandbox 或 Sandbox 中, 甚至直接放入部落格, 就可以加入這個 myfabrik lite 「小玩意」~ ^_^

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

各位看畢這篇教學後, 可能仍會覺得以下...

myfabrik 沒有 MediaMax 般的高容量; 影片插放速度又不及 YouTube 的快; 圖片特效也沒有 Slide 的漂亮...

但你應該會承認, 以上的各項服務, 也不及 myfabrik 來得簡單方便~ 不知大家有沒有同感 ^_^

現在, 各位已後在分享不同類形的檔案時, 又多了個既方便又快捷的好選擇, 不過分享檔案時記得要小心版權問題。
 

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