[分享] Apple 展示 HTML5 的威力

作者: kratistos (卡地拖) 看板: MAC
標題: [分享] Apple 展示 HTML5 的威力
時間: Fri Jun  4 20:56:40 2010

http://www.apple.com/html5/

Apple 在自家的網站下展示了一系列最前端的 HTML5（候選）技術，

當然，這都是最新的 WebKit 引擎才支援的功能，

所以很遺憾：想看展示請使用 Safari 4（或 WebKit Nightly Builds）。
            沒搞錯的話 iPhone 和 iPad 應該也可以順利觀看。


第一個展示的是影片：無需外掛的串流影片，可以用圖片當遮罩，整個影片還能側向
呈現透視效果。

第二個展示的是文字：可以字型編輯文字、改變字型（不像 Google Font API 是用
JavaScript 去渲染出字型，這裡是選取字型後再下載套用）、大小、顏色、位置、
行距、文字間距、透明度、旋轉、陰影。另外還附上三個排版好的完成品做展示。

第三個展示的是圖片：各種不同的圖片呈現方式，並利用 CSS 完成過渡以及 3D 視
覺效果。

第四個展示的還是圖片：利用 CSS 完成的各種像 Keynote 一樣的圖片過渡特效。

第五個展示的是音樂：無需外掛的串流音樂，以及一個簡單的播放控制。

第六個展示的是 360 度物品呈現，用滑鼠或手指控制就可以旋轉物體。其原理是 72
張個角度的照片。

第七個展示的是紐約第五大道蘋果店的虛擬實境，原理和第六個不同，這裡只用了六
張圖片（上下四方），利用 CSS 的 3D 變換功能在加上硬體加速所完成。


嗯...HTML5 的未來的確是令人期待。