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

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

判斷瀏覽器是否支持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 標(biāo)簽。

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

HTML5如何在移動網(wǎng)頁端調(diào)用手機圖片或者camera可以參考這篇文章如果你開始基于iOS系統(tǒng)ios6 above 的web應(yīng)用，可以考慮這段代碼點擊按鈕，會調(diào)用你的攝像頭相冊 附源碼文件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)了瀏覽器調(diào)用設(shè)備攝像頭進(jìn)行拍照主要分3個步驟來完成1獲取視頻流添加一個HTML5的Video標(biāo)簽，并將從攝像頭獲得視頻作為這個標(biāo)簽的輸入來源 var video =。

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

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

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

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

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

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

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