1實現(xiàn)頭的方法代碼2編寫CSS樣式的方法代碼3html上傳代碼4JS處理方法代碼5測試結果如下注意事項JavaScript是一種網(wǎng)絡腳本語言，在web應用開發(fā)中得到了廣泛的應用，它經常被用來為網(wǎng)頁添加各種動態(tài)功能。

ltscriptltbodylthtml 獲取攝像頭快照，可以實現(xiàn)在網(wǎng)頁找照相的功能將攝像頭內容繪制到網(wǎng)頁上documentgetElementByIdquotsnapquotaddEventListenerquotclickquot，functioncontextdrawImagevideo，0，0，1024，800即可關閉。

判斷瀏覽器是否支持HTML5 Canvas windowonload = function try 動態(tài)創(chuàng)建一個canvas元 ，并獲取他2Dcontext如果出現(xiàn)異常則表示不支持 documentcreateElementquotcanvasquotgetContextquot2dquot。

1 視頻流 HTML5 的 The Media Capture媒體捕捉 API 提供了對攝像頭的可編程訪問，用戶可以直接用 getUserMedia請注意目前僅Chrome和Opera支持獲得攝像頭提供的視頻流我們需要做的是添加一個HTML5 的 Video 標簽。

lthtml accept表示打開的系統(tǒng)文件目錄capture表示的是系統(tǒng)所捕獲的默認設備，camera照相機camcorder攝像機microphone錄音如果不加上capture，則只會顯示相應的，例如上述三種依次是拍照或圖庫，錄像或圖庫，錄像或。

HTML5如何在移動網(wǎng)頁端調用手機圖片或者camera可以參考這篇文章如果你開始基于iOS系統(tǒng)ios6 above 的web應用，可以考慮這段代碼點擊按鈕，會調用你的攝像頭相冊 附源碼文件ltinput type=quotfilequot capture=quotcameraquot accept。

alert#39加載照相機出錯！#39 + messageelse alert#39加載相冊出錯！#39 + message， quality 50，destinationType destinationTypeFILE_URI，sourceType source 拍照 function EditImgPz。

android手機，瀏覽器chrome32版本下實現(xiàn)了瀏覽器調用設備攝像頭進行拍照主要分3個步驟來完成1獲取視頻流添加一個HTML5的Video標簽，并將從攝像頭獲得視頻作為這個標簽的輸入來源 var video =。

ltinput type=quotfilequot accept=quotvideo*capture=camcorderquotltinput type=quotfilequot accept=quotaudio*capture=microphonequot之前做過微信的一些項目，在ios上使用這個file域是可以實現(xiàn)拍照和選擇相冊的 但是由于安卓機的。

h5不能直接調用攝像頭，只能用ltinput type=quotfilequot 上傳圖片來間接調用攝像頭。

可以充分利用Native HTML5可以通過瀏覽器作為中介充分利用Native的好處，比如說可以使用GPS照相機本地相冊讀取本地聯(lián)系人，也可以使用推送功能等，最重要的是，某些Web無法實現(xiàn)的功能，我們可以利用Native來實現(xiàn)。

1Adobe Edge Adobe Edge的目的是幫助專業(yè)設計師制作網(wǎng)頁動畫乃至簡單游戲該工具的重點放在動畫引擎上，但adobe承諾將增加更多HTML5功能，比如CanvasHTML5音頻視頻標簽等支持AndroidiOSwebOS黑莓PlayBookFirefox。

HTML5為什么如此受歡迎主要因為它本身的優(yōu)勢HTML5的主要優(yōu)勢如下1基于HTML5強大的兼容性因為HTML5提供了前所未有的數(shù)據(jù)與應用接入開放接口，使外部應用可以直接與瀏覽器內部的數(shù)據(jù)直接相連，例如視頻影音可直接與。

其使用的是HTML和JavaScript等標準的Web開發(fā)語言開發(fā)者使用PhoneGap進行開發(fā)，可調用加速計GPS定位照相機聲音等功能PhoneGap還提供Adobe AIR App以及在線的培訓課程，幫助開發(fā)者了解原生API并在他們自己的平臺上開發(fā)。

一個HTML5手機應用程序員需要的通常只有那么兩樣東西第一樣就是原生平臺和網(wǎng)頁界面的嫁接層第二樣就是手機UI庫 PhoneGap近年已逐漸成為默認的嫁接層選擇，它允許HTML5應用通過JavaScript調用移動設備的照相機訪問手機通訊錄和讀寫文。