2008/1/30

Sprout:很不錯的web多媒體widget編輯器

Sprout是個很不錯的web widget編輯器,可包進影片、聲音、照片等各種多媒體素材,編輯器本身介面也是以Flash(or Flex?)完成,也算是非常不錯的RIA範例。有興趣可以試試。以下是我以Sprout用製作的小widget。(從製作到發佈blog,花費不到一分鐘)



2008/1/29

Twitter API for AS2

最近做了個Twitter API for AS2的Class。

為什麼要做這個?因為我想寫一個Flash Lite版的Twitter Client,然後又因為目前放在Twitter官網上的那份AS2 class是不健全的,裏面只能做到讀取一般status的動作,無法做更深入的操作,所有登入後的操作幾乎都沒寫完整。且官方在今年初有追加了Follower / Leave Notification的功能,也沒有更新進官方的class裏。

而官網上提供另一個選擇是SWX,呃…老實說對這暫時沒什麼興趣。

基於上述原因,所以才搞了這個。

順帶一提 ,Twitter for AS3 class又如何?雖然我還沒仔細檢查官方目前放的AS3 class是否健全,或是有無高手寫過完整的Twitter AS3 class,不過以目前許多AIR開發的Twitter Client來看,想來應該是沒問題的吧?
範例看這裏
檔案下載

2008/1/17

kuneriLite入門

image
記錄一下初次使用kuneriLite的筆記。


簡介
kuneriLite是可以擴充Flash Lite對硬體控制功能(S60 only)的開發工具,讓FlashLite可做到原來做不到的事,如對Camera, GPS, File System等功能的控制。

能力
在kuneriLite裏,這些擴充能力稱為"plug-in",目前支援的plug-ins如下:
-Accelerometer plugin
-Camera plugin
-Connect plugin
-Download plugin
-DTMF plugin
-File plugin
-GPS plugin
-Rotate plugin
-Simple protection plugin
-Timer plugin
-Upload/Download plugin
完整列表請看這裏
範例成品下載

原理
與flyer類似,kuneriLite也是在手機中建一個local server(base on Symbian C++),再以Flash Lite用loadVariables連結127.0.0.1來達成溝通。所以實際跟硬體溝通的其實是local server,而Flash Lite只是不斷跟它傳遞資訊而已。
細節請參考官方Wiki上的kuneriLite Overview

軟體
kuneriLite同時也是一個打包.sis的工具。在開發過程中必需把你的.swf放進kuneriLite的PC端tool中,再轉換成含有kuneriLite功能的sis,完成後手機直接安裝該sis即可,不需另外裝其他軟體。
目前有分三個版本
-Basic : 免費下載,plug-in功能完整,只可做個人測試用,不可任意發佈成品(不論是否商業性質)。
-Professional : 免費,但需跟官方申請才有。plug-in功能完整,除個人測試外,可發佈非商業作品。
-Commercial : 付費,無任何限制,甚至可客制化plug-ins
三版本詳情請看這裏

安裝
1.下載Basic版
2.安裝kuneriLite前,有3個東西要先裝好:Java runtime, Active Perl and Symbian S60 3rd edition SDK Maintenance Release
註:詳細說明及各別下載連結請參考這裏,記得注意裏面路徑設置的說明。
註:其中S60 SDK比較麻煩的,需先註冊成Forum Nokia的會員才可下載,而Forum Nokia的email審核標準比一般嚴苛得多,gmail使用不能。註冊完後,此SDK有300多MB大,需花不少時間。

使用
打開KuneriLite Wizard會看到以下畫面。

設好Project Name, note後,記得要選取右邊的Plug-ins,有需要用的就選起來。另外右下的Use external player yes/no,意指是否要用額外的FlashPlayer播放,選no的話,則以預設/內建的Player,選yes的話則可用另外灌的版本。(但這部份目前測是無效,在我N95上不論選yes/no,都固定以2.0開啟,而在N73測則固定以1.1開啟)

第二個畫面如下,是給你選.swf以外,會用到的檔,可包進多個檔,或整個目錄。


第三步如下,swf欄必填,就是主要work的.swf,其他欄可留空。按下方Compile project後,等待一段時間即可得.sis檔。(compile時間有點久)


如compile過程有錯誤,請檢查安裝時所需的三個軟體是否都有安裝,及路徑設置是否都正確

開發
而Flash這邊的code要如何撰寫?以accelerometer來說,accelerometer plugin主要有三個行為:Start, End 及Read。
Start及End似乎是各plugin都需要的,好讓local server不需持續開外掛,當收到start時才開啟,收到end則關閉。


指令執行後,接收變數的mc會收到(非同步)對應的變數內容。不同的plugin會有不同的變數,以上述accelerometer來說,當我下readsensor時,在test_mc後就能得到:
klEnd
klError
klCount
klXAxis
klYAxis
klZAxis
幾個變數

每一個plugin的詳細用法請參考官方wikifla範例
配合說明及範例檔,應該就不難上手了。

注意
用到目前為止,我覺KuneriLite的使用方便性及支援程度都還不錯,Basic即有所有plug-ins可玩,相當不錯。唯一麻煩是以Basic版開發的sis,一次只能裝一個在手機裏,若要裝第二個.sis,必需先移除原來的才行。(包含官網的範例成品也是以Basic完成的)。這是為了防止user把basic開發的東西拿出去散佈而設的限制。

注意2
由於FlashLite3的安全性問題,所以若要發佈給FL3手機使用的話,記得在Installation path裏要填\Data\Others\trusted\[application]\,官方說明在此

若真要做可發佈的作品,則需跟官方申請professional版才行,申請過程不知是否會很麻煩,有待測試查証。

2008/1/16

Flash Lite with accelerometer

在知道Nokia部份手機有Accelerometer後,當然會想知道如果以Flash Lite來開發。以下是我所知道的2個方式。


0.謎之影片
介紹之前先說說這段新聞影片:FlashLite and N95 Accelerometer APIs
這是前幾天看到的新聞,從作者的簡介可以知道是Adobe在印度辦公室的工程師,裏面提到關於accelerometer api是由他另外兩個伙伴完成,而實際運作模式也沒有說明。

1.kuneriLite
image
kuneriLite是一個類似FlyerJanu的Flash Lite功能增強套件,其原理都是在手機建一個local server,此server由Flash以外的技術寫成(java, python...etc),這些技術通常有比Flash Lite更大的硬體操控資源,如系統訊息、Camera、GPS甚至是Accelerometer。透過連結此local server,讓Flash Lite能間接與硬體做更多的溝通。
而kuneriLite, Flayer, Janu這三套裏,目前只有kunerLite有支援accelerometer訊號。
可直接在kuneriLite Tester applications頁面中取的一些範例.sis。
註:測式accelerometer範例前,需先安裝Nokia N95 Accelerometer plugin package
註:這些tester app,一次只能裝一個進手機,裝第二個前要先把第一個刪除掉,否則裝不進去。這是license限制的關係。

2.Nokmote
image
這是比較遜的方式吧,直接用法國人Samir開發的Nokmote程式來做。Nokmote只是把accelerometer訊號轉成方向鍵訊號,並於S60中做背景執行,所以我們可以先launch Nokmote後,再進Flash Lite Player播放我們的swf,然後只要接收onKeyDown即可知目前的傾斜狀況。
雖然使用上很方便,但仍不建議,原因是我實測後發現,Nokmote目前還不是很完整,無法自設靈敏度,使用後會FlashLite會一直收到連發的key event,你必需自己過濾多餘的訊號。且也只能知道傾斜方向,卻不能知道傾斜程度,實用性大打折扣。

總結上述
以kuneriLiter來實作效果會比較好,支援較完整,雖然需要額外安裝一些軟體,但我試用過發現其實還滿容易上手的,其api 文件、範例也都很完整。而且不只accelerometer,如camera, GPS, file system一樣等都能控制,AS開發上也很方便,以loadVariables呼叫即可。(所以連FL1.1也可支援)

接下來準備來寫一篇kuneriLiter入門示範。

2008/1/15

N95 Accelerometer

N95 加速計(Accelerometer),本來只是內建在相機中,好讓照片存檔時能自動判斷圖檔是否需要旋轉的感測功能。但這讓wiimote殺到不行的accelerometer sensor卻只做照片旋轉這件事,未免也太浪費了。所以網路上開始出現了一些N95 accelerometer hack應用。

.Moving Ball

MovingBallScreenshot_180x240
這應該第一個出現的應用,如上圖所示,然後可以藉由手機的傾斜方向來移動小紅球。
目前已可在Nokia Research Center中找到說明文件及源始檔



.Samir系列

image image image

MovingBall出現沒多久後,一位法國的工程師Samir陸續開發了rotateMe,Nokmote,ShutUp等accelerometer應用程式。

-rotateMe :根據手機擺放角度,自動將S60介面設為橫向或直向。

-Nokmote :將手機傾斜訊號轉成方向鍵訊號。

-ShutUp :手機正面朝下時自動轉靜音

註:Samir所有作品在此。上述有些開發中作品暫無提供下載,要donate後才能得到測試版。

.Flip Silent

image

Flip Silent是由大陸的SymbianBlog.com所開發的作品,功能與Samir的ShutUp一樣,主要都是讓手機蓋起時自動靜音,不過版本更新比Samir快多了,目前已到1.03版,多了更多細節設定。

-Flip Silent官方網頁



**題外話,關於自動靜音功能…
其實不論是Samir的ShutUp或是大陸的FlipSilent,其最早的概念都應來自於Nokia於2007/10月份左右的發表的Touch UI Concept影片。其中有一幕就是在表現這個概念。只不過該影片只是"concept",沒想到N社自己還沒實現,外面就一堆人實做出來了,滿有趣的。


.LightSabre

image

看名字就知道這是啥子了,沒錯,這是把手機當星際大戰的光劍來用,當手機揮動時就會發出光劍的嗡嗡聲,夠Kuso吧。

-LightSabre

-這裏可以看到很多用N95玩LightSabre的影片。


.NiiMee

NiiMe是以Python開發的手機結合PC作品,可以利用N95當作像Wiimote的手把,來控制PC端,例如玩Game等行為。
-這裏有示範影片


.其他用Python開發的作品

-pyPiwo

-pyPoziomica

-pyMoneta

不過大多是一些實用性不高的小ap



目前蒐集到的資料就這些了,期待將來有更多有趣的應用出現吧。

幾個免費的手機播Youtube FLV的方案

介紹幾個目前手機播Youtube的免費程式,包含一個快推出的FlashLite3.0 app.


手機看youtube,最快的方式是上官方的http://m.youtube.com/,不過這裏的影片並非Youtube上所有的影片。原因是大部份手機並未支援.flv的播放,因此這裏只提供轉換成.3gp格式的影片,而Youtube目前還沒有將這個手機站的資料與原站資料100%且即時的同步,所以這裏只能看到部份而非全部的Youtube的影片。
[update:2008/1/24]
m.youtube.com網站已更新,官方說"大部份"影片都有支援手機版,這個"大部份"是多少我個人無法確定,不過用了一下發現,確實是比之前好很多了,很多影片都有,也能做上傳動作。且手機版網站也有多國語版,包括繁體中文。
[update:2008/1/24---end]

本篇主要的重點是要看到與Youtube一模一樣的資料,讓手機能觀賞.flv影片

[update:2008/1/24]
0.Youtube for Mobile(beta)*

官方工具是不錯的選擇,功能完整,也能上傳,介面也算美觀,可試試。唯一重大缺點是中文無法正常顯示,且我猜播放的可能不是.flv而是.3gp,只是都在app中播放,不會另外叫real player,比較不會有操作的不順感。
http://m.youtube.com/app
[update:2008/1/24---end]

1.emTube

emTube是一個免費的S60程式,安裝後即可在程式內瀏覽、搜尋、播放Youtube影片,也能把.flv下載到手機,還可觀看手機本地的.flv檔案 (不過我測試此功能時發現只有從Youtube抓下來的才能播,像土豆或其他地方抓的.flv,有時會不能播)。另外若是N95等內建加速計的機種,還能像iPhone一樣,在手機轉橫時,畫面自動轉90度。非常不錯。
http://www.emtube.yoyo.pl/

2.YoutubePocket

YoutubePocket也是免費的服務,主要是針對WindowsMobile系統的,用手機內的IE連http://www.ytpocket.com/後,透過裏面的install步驟一一照做即可。之前瀏覽也是再用IE連此網頁,在網頁上做瀏覽、搜尋,到要播放時就會自動呼叫對應的程式來播放。也算是滿方便的。

3.Youtube Mobile by Flash Lite3.0

這還在開發當中,不過就demo影片來看應該快了。利用FL3.0開發的Youtube app,UI的表現比上述兩者好,實際狀況待它release後才知。
YouTube Mobile - A FlashLite 3.0 application

4.MobiTubia
一樣還在開發中的MobiTubia,也是for S60的,目前只有screenshot而已,有興趣可以看看
First Look at MobiTubia

5.YTPlayer
法國Samir開發的YTPlayer,仍在beta階段,目前只有一個Flash的.swf檔,目前功能只有Search, Play而已,且手機需先安裝好FlashLite3.0才可執行。
YTPlayer

2008/1/14

The Sword


>>作品欣賞

PS.這是2003年的動畫作品,因之前blog轉換時不慎遺漏此作品的說明文,因此補上。

Title / 片名:劍 / The Sword
Running Time / 片長: 3min. 40 sec.
Nationality of Film / 原產地: Taiwan(R.O.C)
Year of Production / 出品年: Sep. 2003
Director & Script & Animation : Maso Lin /林秉舒
Music :妙蓮華唱片有限公司

Synopsis:
講述一把具有魔力的劍的故事,以闡述人類心中慾望的產生及過程。
The story about a magic sword.
this story is about a sword that many people fight against each other for getting it, through describing the process, it explains the process and birth of human desire...

獎項&展歷:
.經濟部工業局2003年4C數位創作競賽動畫組佳作
.經濟部工業局2003年4C數位創作競賽動畫組智冠科技股份有限公司贊助獎
.2004 Seoul International Cartoon&Animation Festival-Internet Animation

2008/1/3

[簡報]Play With Multimedia

昨天應以前研究所老師之邀,回到母校演講,我這次講的題目是「Play With Multimedia」,內容其實主要是介紹Flash目前及未來幾個不錯的發展方向,裏面收錄了許多我個人覺得不錯的Flash作品或網站範例。有興趣的人可以看看


概要:

本簡報主要介紹近五年多媒體界的演進及未來五年可能的發展方向。

過去,多媒體的核心意義都在於「整合」這件事上。而隨著科技的進步,現今的多媒體能整合的元素也愈來愈多,表現的方式也愈來愈廣;而在如此龐雜的資訊環境中,更是突顯「整合」的重要性的普遍性。

早期,多媒體設計大多著重於光碟設計,之後隨著internet的發展及寬頻的普及,光碟市場慢慢凋伶,取著代之的一個個聲光俱佳的多媒體web site。

Internet的大環境經1999的泡沫化洗禮後,近年來已走進了web2.0的新世代,從content is king 演變成service
is king。而網路多媒體設計發展也慢慢從單純的聲光表演,延伸到更注重使用者需求的UI design。

在未來網路上的多媒體仍會繼續發光發熱,每天思考著user experience 的設計師們將會慢慢把焦點移到PC
以外的上網環境,mobile internet的口號已慢慢實現。而未來設計師所要琢磨也不再是只有鍵盤與滑鼠的輸入介面。Touch
panel日益普及,新興的motion UI也會帶給世人愈來愈多的革命。

未來,多媒體設計的應用將會愈來愈普及且廣泛。