Ming Apps

Posts Tagged ‘html5

當大家還在欲欲一試iPhone 4S的Siri功能的時候,

有沒有想過html5也極有可能做得到?

最近筆者留意到一個有趣網頁,

大家首先要是Chrome的用戶!!!

當中有利用html5的speech to text的功能,

原來只要加上一個簡單的

<input type="text" x-webkit-speech />

大家只要按上在Mic的icon,加上你電腦有mic的配備,

真的令人驚喜!

如果配合上Google的話,

好好善用,

例如在Google中輸入 100 twd = ? hkd 會知道匯率,

Google Weather會知道今日天氣和四天天氣預報,

相信兩者既配搭,

也是個很好的Personal Assistant right?

Link: http://slides.html5rocks.com/#speech-input

 

 

爽報 手機網頁

Link: http://m.sharpdaily.com.hk/
或 http://sharpdaily.hk
或 http://m.sharpdaily.hk

iOS App / Android App? 不用了! 直接到這個網頁!


一進入網站便會有兩個選擇,

睇 / 聽!

 

筆者對這個爽報網站很有興趣,

因為它的確很針對了智能手機用戶,

並利用了HTML5的技術,

放入Audio 和 Video Tag!

 

第一次看到有網頁crossover HTML5,

還很善用Audio Tag呢!

 

這個網頁設計很簡單,

同時包括視和聽功能,

筆者特別喜歡Sharp Daily加入了Audio,

還以梁繼璋等DJ的聲音熟悉得來以輕鬆的方式讀取內容,

是為了那些巴士上看書會暈到的人士而設的吧?

 

不過內容方面,

哈,

還是那一些即食新聞 —- 看了聽了笑兩笑滿足了一些百卦心態,

笑笑算吧~

世界很大。

外國人都很願意分享他們的知識,

只要你願意,

隨時隨地都可以學習。

筆者原以為通常要去講座/seminars先會學習到新知識,

今日才知道,

世界原來有很多online seminar,

重有一個字眼: Webinars!

Webinars means: “web based seminars".

利用online conferencing既便利,

再邀請各行各業的人上網一起聽講者開講,

哇,有趣到不得了。

唯一可惜的是,

有些 webinars網,

只提供直播,

或者需要收費。

直播的,通常你想看,就要通頂!

暫時Google一下,

的確有不少免費的Webinars,

亦有不少與IT技術有關。

http://www.reelseo.com/html5-video-webinar-replay/

今次為大家帶來html5 video tag的應用,

看不到的話,

可以搜索一下,

頁面有一句 “Click Here to watch the video in a flash player (ironic, since this is about HTML5)"

Click一下就會有個flash video,

看到別人開講!

Link: http://goo.gl/02uNZ

Google大玩html5效果既有趣小遊戲!

筆者玩了不久便完成了!

.

快快get the ‘O’ back!

HTML5 canvas提供了一個很好的機會,

讓大家可以在canvas上畫畫(如筆者在右手邊展示的Chinese Calligraphy 毛筆字 )。

但在iPad/iPhone/Android等智能手機上,

在熒幕上用手指點移的時候,

通常只會向上向下移動整個頁面,

結果在mobile畫不了畫。

那怎辦呢?

就是加入以下的source code,

便可以停止手機瀏覽器本身的移動(Elastic scolling),

並進行你想要的動作。

// prevent elastic scrolling
document.body.addEventListener('touchmove',function(event){
event.preventDefault();
},false); // end body:touchmove

Link: http://swiffy.googlelabs.com/

HTML5看來早已非常成熟!

繼之前大家看到的html5 3d drawing, html5毛筆字

這次為大家介紹的是: swf to html5 converter!

只要你有一個獨立的swf file,

將它上載於上面的網頁,

flash/swf 便成了html5!

大家可以即管試試這個convert後的作品:

http://swiffy.googlelabs.com/gallery/example3.html

左手邊的是swf version,

右手邊的正是html5 version!

筆者試完後發現完全沒有相異是處,

實在是太厲害了。

看來Google對html5的發展有相當大的支持呢~

是為了將來的Web apps整合和發展鋪路嗎?

Link: http://www.3dtin.com/

HTML5的威力可以去到那裏?

以上介紹的網址可以看到html5處理3D Drawing的威力!

大家到這個網址之後,

選擇左手邊的「藍色移動工具」,

隨意移動,

跟著選回第一個「畫筆工具」,

畫上你喜歡的圖案吧!

筆者畫了個Ming字,

隨後點回「藍色移動工具」,

真的係立體!


%d 位部落客按了讚: