沒看過之前影片的,請先參考我的這篇 [筆記] Google I/O 2009 (上),再繼續往下看。


<canvas> 的確讓畫圖變得容易許多,可是那只是 2D 的,3D 的話要怎麼辦呢?Google 在上一段的結尾以及這一段的開頭 demo 了它們正在研發的 O3D API,透過這個 API,開發者可以在瀏覽器裡頭顯示非常華麗的 3D 圖像,從 demo 就可以看得出來它貼圖材質的解析度很高,就像是遊戲場景一般。若 O3D API 真的普及了,那我們可以預期未來線上小遊戲將會更加有趣,當然它的應用不只在遊戲方面。這個 API 在處理圖像時會用到 GPU,所以就算畫面看起來很複雜,CPU loading 也在 10% 左右而已,此時我們就可以讓 CPU 去處理 JavaScript 運算等等的工作。

HTML 5 第二大特色是 <video> 標籤。

有寫過網頁的人大概都知道,要在網頁上播放影音並不是一件容易的事,你的程式碼會落落長,而且你還得假設使用者已經裝了相關的 plugin 跟 codec,才可以正常的播放影音。現在 HTML 5 引入了 <video> 標籤,它就跟 <img> 標籤一樣容易,你只需要指定影音來源即可。也因為它是 HTML 5 原生元素之一,所以播放影音的工作交給瀏覽器就可以了 - 換句話說就是使用者不用再安裝任何 plugin 或 codec 就能播放了 (當然得瀏覽器支援 HTML 5 才行)。

另外,也因為它只是 HTML 5 的一個標籤,所以開發者可以透過 JavaScript 去控制它,例如旋轉、快轉、暫停等等動作。在影片結尾,Google 也展示了一個實驗性質的 YouTube。它採用了 <video> 標籤,所以不再需要 Flash,更酷的是當使用者滑鼠移過相關影片時,該影片就會自動播放,你可以馬上知道這部影片的內容是什麼,不用另外開啟頁面了,這樣的操作體驗顯示更加人性化。


HTML 5 第三大特色是 Geo Location (地理位置)。

在以往,取得使用者上網的地理位置始終都不是一件簡單的事,透過 GPS 並不夠準確,透過 IP 更不準 (IP 只能知道你的 ISP 在哪,並不能知道使用者在哪)。過去一年之內 Google 建立了一個超大型的資料庫,這個資料庫記錄了眾多的 Cell ID 與 WiFi 的地理位置。當使用者上網時,Google 就能根據資料庫裡的記錄得知你大概在哪裡,再與 GPS 資料相互結合之後,就能更精確的找出你的位置。

那這有什麼用呢?舉例來說,你帶著一台可以行動上網的裝置到了一個人生地不熟的地方旅行,你想知道要去某某地點應該怎麼走,此時你連上了 Google Map。透過 Geo Location,Google Map 馬上在地圖上指出你所在的地點,讓你可以看看週圍的地圖,也可以更方便規劃你的路徑。又或者,讓家裡的長輩或孩童隨身配帶一個可自動上網的小裝置,若哪一天家人走失了,透過這個裝置我們就可以找到對方。


HTML 5 第四大特色:database and app cache (資料庫與應用程式快取)。

這代表了什麼?代表網頁應用程式可以儲存一些資料在你的電腦上,讓你下次開啟該網頁時速度更快,也可以讓執行速度更快。所以以後你在玩線上小遊戲時,小遊戲可以寫得更龐大更複雜,而且你還可以儲存進度,下次繼續玩。

這還代表了什麼?代表你可以離線使用網頁程式。之前 Google 自家的 Gears 技術就是在做這件事,現在它進入 HTML 5 裡頭,所以只要瀏覽器有支援,你可以不用額外安裝軟體 (Gears 需要安裝) 就享受到離線使用的功能。所以你可以在出門前用手機瀏覽一下信件、行事曆、待辦事項,然後在沒有網路的情況下還是可以去看信或看看待辦事項等等。此外 Web OS 也將會因為這項特性,變得更有發展性,你可以離線使用你的 Web OS,等上線之後再跟遠端伺服器同步。

HTML 5 第五大特色:Web Workers。

它是什麼?簡單的說就是讓 JavaScript 可以多執行緒執行。由於先天上的限制,JavaScript 只能單一執行緒執行,而現在它可以多執行緒。

這有什麼好處?在以往,若是你開啟了一個需要超大量 JavaScript 運算的網頁 (影片裡頭舉「計算出最大的質數」為例),此時因為你的瀏覽器都專心在執行這個運算,所以你將無法對瀏覽器做任何操作 (像是切換分頁之類),更有可能因為運算量太大導致瀏覽器掛掉。現在有了 Web Worker 技術,你的瀏覽器可以一邊執行大量運算,一邊讓你可以繼續觀看其他網頁。

在影片後段的 demo,它還展示了一個物體偵測功能,這是透過 JavaScript 完成的。你可以想像得到要偵測一個移動的物體需要多麼大量的運算,而現在它竟然可以在瀏覽器裡頭執行!


看完這一篇之後,你可以繼續觀看 [筆記] Google I/O 2009 (下)

Nelson 發表在 痞客邦 PIXNET 留言(1) 人氣()


留言列表 (1)

發表留言
  • vicjuan
  • 看來HTML 5還蠻屌的

    我都忘了當年學HTML的時候是幾版了...是2嗎? 囧