DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> HTML基礎知識 >> HTML5詳解 >> 《精通HTML5編程》第十一章:尚未廣泛支持的新特性
《精通HTML5編程》第十一章:尚未廣泛支持的新特性
編輯:HTML5詳解     

尚未廣泛支持的新特性:

WebGL

WebGL是web上的3D圖形API。還記得在第二章中提到的canvas元素有一個getContext(“2d”)方法,用來獲取繪圖使用上下文,其實這裡可以獲取3d上下文。目前3D特性還處於實驗階段,各浏覽器廠商獲取3D上下文地方法不同(如moz-webgl,、webkit-3d等”)。WebGL提供的API是OpenGL ES 2的JS綁定,它不像2D API那樣處理線條和圖形,而是處理材質和定點緩沖。Google為演是Chrome的特性,做了一個WebGL版本的QuakeII。網上還可以找到更多演示。

3D Shaders(3D陰影)

WebGL提供的了OpenGL ES 2的JS綁定,其中包括陰影的支持。Shader允許在3D場景生成靈活的渲染效果。WebGL的陰影使用GL Shading Language(GLSL)來編寫。一個使用WebGL的應用程序,使用Html作為程序結構,CSS制定樣式,使用Javascript編寫程序邏輯,使用GLSL實現陰影。

Devices標簽

Web應用需要訪問多媒體設備,比如攝像頭、麥克風或者移動存儲設備。所有在標准中有一個被提議的標簽可以用來訪問這些設備。由於這樣做肯定會涉及隱私,所以你可能會看到一個請用戶批准的對話框,就如果在介紹地理位置API時介紹的。

Audio Data API

可編程的Audio API和的關系就像和之間的關系。提供展示圖圖片的途徑,提供了可以通過腳本操作圖像的方法。同樣,使用你只能控制聲音的回放,如果你想讀取,操作,生成聲音數據就需要更底層的API。如果這個API能夠實現,我們也需就可以看到網絡版本的cool editor。

針對觸摸屏設備的事件

目前的Dom事件都是針對指點設備(如鼠標,觸摸板)制定的。面對目前火熱的觸摸屏設備不是很適用。Html5繼續加入針對觸摸屏設備的事件如下:屏幕朝向事件onorIEntationchange;手勢ongesturestart、ongesturechange、ongestureend;觸摸事件:ontouchstart、ontouchmove、ontouchend、ontouchcancel。

點對點網絡通信

在HTTP或者WebSocket通信方式中,都是客戶端和服務器之間通信。點對點通信允許客戶之間之間建立通訊,這通常比把數據發送回服務器再發送回來更有效率。另外在多人游戲和協作應用程序中,p2p通常更加迅速。
另外,將p2p通信和device標簽相結合將使Html5視頻聊天變得更加便捷迅速。

完了,終於完了

終於完了,到這裡這本書中的所有要點終於總結完了,HTML5叫了這麼久了,真正了解Html5到底提供了什麼的人,還是少數。希望這幾篇文章能讓大家對Html5的新特性有個大致的了解。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved