對於早兩三年前已有玩 Blog 的人, 應該不會對 POQUE 感到陌生, 只是當時, Windows Live Spaces 的用戶因為無法加入任何 Flash 插件, 可說「得物無所用」; 幸好今天, Windows Live Spaces 已支持 ＜embed＞ 嵌入式語法, 這才令 POQUE 有更多機會在各位的 Space 上出現。

好了, 說了半天, 也未說明到底 POQUE 是甚麼, 衫衫就不再詳述歷史, 開始教學吧~

POQUE 介面上的按扭說明:

功能按扭	說明
	代表相片正在停止循環播放, 按下後可開始循環播放。
	代表相片正在循環播放, 按下後可停止循環播放。
	按下後可直接查看該相片的描述。
	顯示現在正在播放的相片, 按下←→按扭可以跳去上一張或下張相片。
	按下後可直接瀏覽該相片的網頁連結。
	按下後可直接查看該相片的描述。
	以縮圖形式檢視所有相片。
	檢視所有相片。
	查看 POQUE 的版本及系統訊息。

其實 POQUE 插件, 是由日本網站 http://ekndesign.com/ 早期所推出的一個 RSS 閱讀器, 它會根據自訂的 RSS 網址內容, 將所讀到的文章或圖片播放出來, 因為介面設計精美, 所以十分適合放在個人網頁或部落格上, 既可以當作裝飾品, 又有實際用途, 所以在剛剛推出時也很受歡迎; 不過可能因為業務問題, 在去年 2006 年 6 月時, POQUE 突然結束服務, 令當時不少用戶也感到非常無奈, 幸好在兩個月後, POQUE 又再恢復運作, 並且更新版本到 V1.1, 雖然在安裝過程中, 新版本和已前的比較是困難一點, 但 POQUE 這玩意總算可以「捲土重來」。
http://poque.jp/

PS: 不清楚甚麼是 RSS 的朋友, 可以參考教學 - ＜九. 甚麼是「摘要」? 怎樣開啟同步發佈功能?＞ 一文。

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

1. 要加入各 POQUE 插件, 各位必須先有一個可以支持上載 SWF 格式的上傳空間, 並且要先到這裡 - http://poque.jp/index.php?itemid=14, 下載最新的 POQUE 壓縮檔 (圖1), 本教學編寫時, POQUE 最新版本為 ver1.1。
PS: 如果各位找不到合適的上載空間, 可以參考以下文章:
＜找個「良好」的免費網上存放空間 (一) - FREEWEBTOWN 及 ChineseFreeWebs 教學＞

(圖1)

2. 將檔案解壓後, 會有一個名為 "poque1_1_0827" 的資料夾, 內裡會有一個 poque.swf 檔案及一個 readme.txt 檔案 (圖2), 我們只需要 poque.swf 這個檔案, 至於那個 readme.txt 檔案基本上可以刪除。

(圖2)

3. 接下來, 各位就可以找一個支持 RSS 的網站加入 POQUE 了, 在本教學中, 衫衫以這裡 - 夜♋衫衫工作室™ 的RSS 網址為例作示範~

在一般支持 RSS 的網站找到其 RSS 網址後, 可在連結的位置上右按滑鼠 (Right Click), 然後選擇「另存目標」(圖3)。

(圖3)

4. 然後, 將檔案儲存到步驟 2 中帶有 poque.swf 檔案的資料夾內 (圖4)。
PS: 通常下載 RSS 連結的檔案都是 .XML 格式的, 儲存後可先檢查並確認一下。

(圖4)

5. 經過以上步驟, 現在, 請各位再次確定資料夾內, 已包含了 poque.swf 檔案及一個 RSS 網址的 .XML 格式檔案(圖5)。

(圖5)

6. 準備好後, 就可以將這個資料夾, 直接上傳到你的網上存放空間了。

注意:
(一) 這個名為 "poque1_1_0827" 的資料夾名稱可以隨便修改, 但最好盡量使用英文名稱, 及名稱內最好不要加入空格。
(二) poque.swf 檔案及 RSS 連結的 .XML 格式檔案必須放在你的網上存放空間中, 同一個資料夾上。
(三) 本教學中, 夜衫衫選擇了使用 ChineseFreeWebs 網上存放空間服務作為自已的網上存放空間, 各位可以自行選擇自已喜歡的網上存放空間。
(四) 再次提醒各位, 如果各位不清楚甚麼是網上存放空間, 或找不到合適的網上存放空間, 請參考 ＜找個「良好」的免費網上存放空間 (一) - FREEWEBTOWN 及 ChineseFreeWebs 教學＞ 教學一文。

7. 各位上傳資料夾後, 就可以到 POQUE 的頁首 - http://poque.jp/, 設定 POQUE 介面及取得語法了~ 在 POQUE 的頁首下方, 請選擇 POQUE 介面的顏色 (圖7)。

(圖7)

8. 然後網頁會跳出以下視窗, 請按一下「次のステップへ」按扭進入下一步 (圖8)。

(圖8)

9. 然後根據下圖, 填上各項資料, 再按一下「ソースを作成する」按扭, 即可取得代碼 (圖9)。

(圖9)

只要複製欄位內的代碼, 然後直接放入 HTML Sandbox 或 Sandbox 隨便一個 gadget 內即可~

10. 當然, 若你喜歡利用 Windows Live Spaces 的內嵌影片功能, 直接放在部落格中也是可以的~ 不過必須先修改一下代碼為 ＜embed＞ 嵌入式代碼才可; 但是, 衫衫不太建議將 POQUE 插件放在 Windows Live Spaces 的部落格中, 原因是 Windows Live Spaces 對部落格中語法的限制相當嚴謹, 導致 POQUE 上的一切連結也會失效 (只剩餘基本瀏覽功能); 因此, 還是建議將 POQUE 插件放 HTML Sandbox 或 Sandbox 其中一個 gadget 內。

假若你是 Windows Live Spaces 用戶, 又覺得 POQUE 上的連結失效也沒關係的話 (就像本教學中的示範一樣), 夜衫衫就來說明一下, 應該怎樣轉換代碼~ 例如, 以下是夜衫衫申請後所得到的原代碼:

＜object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width="150" height="220"＞＜param name="movie" value="http://www.chinesefreewebs.com/camuschu/poque1_1_0827/poque.swf?s=flat_blue&u=http://www.chinesefreewebs.com/camuschu/poque1_1_0827/feed.xml"＞＜param name="quality" value="high"＞＜param name="wmode" value="transparent" /＞＜param name="bgcolor" value="#ffffff" /＞＜embed src="http://www.chinesefreewebs.com/camuschu/poque1_1_0827/poque.swf?s=flat_blue&u=http://www.chinesefreewebs.com/camuschu/poque1_1_0827/feed.xml" wmode="transparent" quality="high" bgcolor="#ffffff" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="150" height="220"＞＜/embed＞＜/object＞

http://www.chinesefreewebs.com/camuschu/poque1_1_0827/poque.swf 就是夜衫衫所上傳的 poque.swf 檔案路徑, 請將你自己代碼中的 poque.swf 檔案路徑放入下面代碼中。
http://www.chinesefreewebs.com/camuschu/poque1_1_0827/feed.xml 就是夜衫衫所上傳的 RSS 網址的 .XML 檔案路徑, 請將你自己代碼中的 XML 檔案代碼路徑放入下面代碼中。
#ffffff 就是夜衫衫設定 POQUE 的背景顏色, 請將你自己代碼中的背景顏色放入下面代碼中。
blue 就是夜衫衫設定 POQUE 的介面顏色, 請將你自己代碼中的介面顏色放入下面代碼中。

嵌入式代碼修改後為:

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

PS: 以上的代碼, 當然不是官方提供啦~! 只是夜衫衫以「取巧」的方法改編, 經測試過後應該沒有問題~ ^^

11. 利用 Windows Live Spaces RSS 網址加入 POQUE 插件的結果, 各位已可在本文章頂部的示範中看到了, 基本上就像是一個文章閱讀器, 會將部落格的文章逐一顯示出來。

不過, 其實只要好好利用 「RSS 網址的 .XML 檔案 + POQUE 插件」這組合, 尋找一些以相片為主, 而又支持以 RSS 形式發佈的網站, 即可以令 POQUE 「變身」成為相片播放器~

去那裡找以相片為主, 而又支持以 RSS 形式發佈的網站? 著名的 Flickr 網上相簿服務網站就是最好的例子了~ ^_^

衫衫在 Flickr 註冊了一個帳號, 然後上傳幾年前一些旅行的相片, 上傳後, 在每張相片上也加上描述, 最後將該相簿的 RSS 網址儲存成檔案 (圖10), 再配合 POQUE 插件使用, 即可得到本教學中頂部的相片播放器效果, 按下每張相也可即時看到評語啊~!

(圖11)
在 Flickr 中每本相簿的底部也提供了 RSS 網址

PS: 有關 Flickr 網上相簿服務的帳號申請、上傳相片及加入描述等過程, 都是 Flickr 的基本功能, 應該沒有介紹的必要吧? 所以衫衫在這裡就不作詳述了 (如果真的不懂使用 Flickr, 請自行慢慢嘗試~ ^_^)

夜衫衫 Flickr 相簿的網址: http://www.flickr.com/photos/43992517@N00/
(↑各位可以參考一下在 Flickr 上, 為相片加上描述後的效果↑)

12. 最後, 各位可能會問, 以 夜♋衫衫工作室™ 的 RSS 網址為例, 差不多每篇部落格中也肯定有圖片啊, 為甚麼在上述的「夜♋衫衫工作室™ + POQUE 插件」例子中, POQUE 沒有顯示那些部落格中的圖片? 另外, 上述兩個例子中, 都是使用了 poque.swf 檔案及一個 RSS 網址的 .XML 格式檔案, 為甚麼 POQUE 介面會出現這樣大的分別?

其實不同網站的 RSS 網址, 雖然可能都是 .XML 格式 (或其他格式), 外表看似一樣, 但其內容則各有不同; 當 POQUE 插件偵測到 Windows Live Spaces 的 RSS 網址時, 因為內容格式是以文章形式發佈, 所以 POQUE 插件會以文章閱讀器方式顯示; 同樣道理, 當 POQUE 插件偵測到 Flickr 的 RSS 網址時, 因內容格式的不同, 因此 POQUE 插件會以類似相片播放器方式顯示出來~

現在, 各位已明白了到底 POQUE 插件是甚麼了; 而支持以 RSS 型式發佈內容的網站有很多, 不管你是用作文章閱讀器或是相片播放器, POQUE 也是個不錯的選擇, 各位有興趣就試試吧~ ^_^
 

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