Jerome's Blog

SatayTube, wordpress plugin

English Version

前言

Satay （沙嗲）是吃的，satay 法則是一種在網頁中嵌入 flash 影片的方法，特色是合法（可以通過 W3C HTML validator）、簡單（句法很短，不需要 javascript）、通用（幾乎所有瀏覽器都支援）。

把 Youtube、Google Video、Yahoo Video 的影片放上網頁現正流行。把影片貼上網頁的方法則是使用由上述網站提供的語法，把 flash video player 寫進部落格或是網頁中。而網頁所供應的語法中，多摻入了 <embed> 標籤。

問題是，由於 <embed> 並非 W3C 認可的合格語法，注射了 <embed> 語法的網頁就再也通不過 HTML validator。有沒有辦法可以讓 HTML 標準的擁護者可以把 Youtube 等影片合格地放上網頁呢？

2002 年十一月 A List Apart 介紹了 flash satay 法，利用 type=”application/x-shockwave-flash” 使鑲嵌在網頁中的 flash 影片可以成功地被所有瀏覽器讀取，再加上一個 container flash loader 使 flash 影片可以串流播放，更重要的是完全符合 W3C 規範。

在 2005年八月accessibility 的文章比較了各種能通過 HTML Validator 的 flash 鑲嵌法，其中 flash satay 依然是最為簡潔的方案，唯一美中不足的是無法正常的被 JAWS 讀取。JAWS 是為視力障礙者設計的螢幕閱讀器，可以念出螢幕上的字句。

出於對 Flash Satay 的喜愛，我寫了我的第一個 Wordpress Plugin：SatayTube。

下載

• Version 1.6 ……sataytube16.zip

使用

1. 把 sataytubeXX.zip 解壓縮；
2. 把解開的 sataytube.php 上傳到 wp-content/plugins/；
3. 再後台啟用。

用途

1. 自動辦識由 Youtube、Google Video、Yahoo Video 提供的鑲嵌語法，將之轉換成 flash satay 的鑲嵌語法。
2. 自動加上 alternative content，當訪客的瀏覽器沒有安裝 flash player 時，不會看到一個叉燒包，而會看到替代圖片。

注意事項

1. 如果您不是遵守 HTML 標準的偏執狂、或您使用 rich editor，那麼您不需要安裝這個 plugin。
2. 在正常的情形下，應該完全感受不到這個 plugin 在運作。
3. 唯二可以發現 plugin 在執行的方法是 a. 使用沒有安裝 flash player 的瀏覽器，b. 把您的網頁去餵 HTML validator。
4. 如果 Youtube、Google Video、Yahoo Video 改變了其影片的鑲嵌語法，這個 plugin 可能會失效，如果各位發現了這類的問題，麻煩請立刻告訴我。
5. 關於 alternative image，我原本打算做一個 random dots 3d stereogram，中間可以浮現一個 flash 的商標，可是我找遍了工具都做不出來，拜託各位能人做一張給我吧！

English Version

Introduction

Flash Satay is a method to embed flash movie into HTML document. It is not only W3C valid, but also supported by almost all browsers. SatayTube is a wordpress plugin which can automatically transfer the codes provided by Youtube, Google Video, Yahoo Video, or Brightcove.com into Flash Satay format. A custom alternative picture would be shown up if the adobe flash player is not installed.

Requirement

Wordpress 2.0-2.2

Download

• Version 1.6 ……sataytube16.zip

Installation

1. Download and extract the sataytubeXX.zip
2. Upload the sataytube.php to wp-content/plugins/
3. Activate it from admin panel.

Usage

1. Setup the URL to custom alternative picture at Option-> SatayTube menu. (Optional)
2. Just copy and paste the embed code provided by Youtube, Google Video, Yahoo Video, or Brightcove.com into your post, no special tags needed.

Change Log

• v1.6 Support videos hosted on Brightcove.com
• v1.5 Restore RSS and Atom feed
• v1.1 Rewrite the RegExp
• v1.0 Removal of default alternative image, add option page for custom alternative image
• v0.1 The initial version

13 comments December 20th, 2006

中文醫藥維基「大醫網」

新聞：仿維基百科 台灣人辦中國「大醫網」

當然啦！報載「首創」的全球中文醫藥維基也沒什麼不對，畢竟醫學快紀把自己定位在正體中文的醫學網站，自然冠不上「全球中文」的大名。出於忌妒，當然本文要酸一下這個大醫醫國、先覺覺民的大醫網囉。

其實維基百科神奇的地方不是軟體功能、不是 wiki syntax、不是華麗的網頁，而是她的版權宣告方式：GNU Free Documentation License (GFDL)。維基百科只是實踐 GFDL 的一個方法。要創立一個能夠生生不息的快紀系統，最必要而且核心的問題，就是要訂定一個合宜的版權宣告，例如 GFDL、Creative Commons ShareAlike 1.0…詳情可以參考常見版權宣告之比較。第二個要解決的問題，是要擁有足夠的流動規模，完善的查核制度來杜絕違反其版權宣告的能力。

拿醫學快紀為例，使用 GFDL 是一個不錯的決定，遠比使用 All Rights Reserved 對撰寫者來得公平。不使用 Creative Commons 含有Attribution 標籤的數個授權合約，是為了避免造成大串的作者名單，並且文件在使用上會非常麻煩。但是醫學快紀並沒有成長成足夠的規模，但所幸新增的文件不多，使我可以盯著 RSS feed 做一點點微小的管控。醫學快紀具有和 Wikipedia 相同的授權，其實可以融成一爐，以某些觀點而言，醫學快紀是個雞肋，同樣的內容可以移至 Wikipedia，或許會長得更好。

另外一個發展十分健全的 wiki 網站「背包攻略」，採用了 Creative Commons Attribution ShareAlike 2.5 Taiwan 發表，又增加了「背包攻略為唯一姓名標示對象」的條款，其實違背了這個合約中「合理表彰原作者」的精神，造成了允許 ShareAlike 卻不能標示自己名字的矛盾。背包攻略可以選用 Creative Commons Attribution NoDerivs 再佐以「背包攻略為唯一姓名標示對象」的條款，即可讓背包攻略擁有著作權、讓眾人編輯、卻不讓大家留名，得免除一切的矛盾。除了版權宣告很怪之外，背包攻略有足夠的內容、熱血人士的參與、及廣大的資訊消費者，實在是 wiki 的成功案例。

最後談到大醫網，版權宣告是 All Rights Reserved 似乎註定了大醫網無法自力更生發展成為社群的命運(不過在大陸地區或許這個預言會出錯)。目前看來寫大醫網的內容是有獎品可拿的，如此可能會造成大量具有版權的內容流入大醫網，或許大醫網會為此支付很多的獎金，更嚴重的是可能造成將來侵權訴訟的問題(在大陸地區可能這種問題不嚴重)。看到大醫網精緻的程度－－錢坑，如果無法建立社群，其燒錢將會永無止境。當然一切的預言都可能失準，那麼就拭目以待吧！

6 comments December 19th, 2006