2007/1/3 (水曜日)
繼續 holiday mood， 下午先捨得起身。 整理一下， 唔， 出去車站附近， 企圖買家姐的結婚禮物喇。 不過街上多人到插針都唔入， 係喎， 今日仲係放緊假喎， 自己都沒有這方面的 concept 添。 上百貨公司又係， 行街又係， 點都好， 照行可也， 不過搵黎搵去都唔覺有乜好買， 見到些傳統的手㓮傳統公仔， 望望個價錢牌... 300,000??? 兩個月的生活費呀！ 點買呀？ 家姐唔認我做細佬都係咁話喇。 不過晚上上網找找， 似乎夫婦箸（夫妻筷子）會係一個 OK 的選擇， 物輕情意重嘛。 哈哈， 不過的確幾 meaningful 喇。 可以刻名添。 雖然， 我睇我家姐應該唔會煮飯......
很少可的寫寫 tutorial， 其實 tutorial 放在 blog 有點怪怪的。 遲少少放番出去應該會好些。
Tutorial: 自家 host Flash video
如何製作類似 youtube 的 flash video
在 web 上看 video 並不是甚麼新鮮的事。 不過由於種種 media format (Real Video, Quicktime, WMV 等等）需要不同的 plugin， 所以很多時在 client side 會引起不少麻煩。 最近 youtube 的火速掘起， 利用了絕大多數 client 都配備了的 flash plugin， 相信是其成功的最大原因。 不過始終在 youtube 上 host video 時， video clip 的擁有權和其過高的曝光度有時令人卻步（至少小弟是這樣想）。 自己擁有 web space (hosting 又好， 自家 server 也好， 公司 project 也好）的話， 可以試下自家製作 embed 了 flash video 的 homepage。
製作程序很簡單， 只要有點點 html 知識應該可以的了。 要做的， 簡單地說,
- 預備 FlowPlayer.swf
- 預備 flv file
- 修改 html file， 將 videoFile variable 指去製作好的 flv file
- Upload 去 web server
完成後的 sample(我家傻狗出浴)， 和以下的 instruction 有點點出入， 不過大同小異喇。
以下假設所有 files 在同一個 directory (foobar/)之內
第一個 step 很簡單， 執筆之時用了 flowplayer-1.11， download 個 zip file 之後， unzip， 抄 Flowplayer.swf 去 foobar/ 。 順帶一提， 這個 Flowplayer 其實還有不少 setting 可以用， 這裏只說最簡單的方法， 詳細請參考 Flowplayer 的 webpage。
FLV file 的製作， 小弟在 Linux 環境下用了 ffmpeg , 加以下 command ffmpeg -i sourceVideo.avi -s 320x240 -ar 44100 -r 12 outputVideo.flv Windows 的 user 理論上都可以用 ffmpeg， 不過相信 Riva FLV Encoder (freeware)會簡單少少， 詳細唔講， support 的 format 也不少， 應該唔會難用。 完成後抄 outputVideo.flv 去 foobar/
在任意的 HTML file 之內加插以下的 code
<object type="application/x-shockwave-flash" data="FlowPlayer.swf" width="320" height="263" id="FlowPlayer">
<param name="allowScriptAccess" value="sameDomain" />
<param name="movie" value="FlowPlayer.swf" />
<param name="quality" value="high" />
<param name="scale" value="noScale" />
<param name="wmode" value="transparent" />
<param name="flashvars" value="config={videoFile: 'outputVideo.flv'}" />
</object>
當然唔同的 flv file， 最尾的 variable 所指的 file 也自然不同， height 和 width 也可以因自己需要調較。 完成後抄 html file 去 foobar/
最後 Upload， 唔駛我教吧？
有甚麼錯處或 comment 的話請多多提點。 Flowplayer 的 homepage 有更加詳細的用法， 而這裏只是點水一提。 有興趣可以自己慢慢看。