HTML5技術支持WebApp在手機上拍照，顯示在頁面上并上傳到服務器這是手機微博應用中常見的功能，當然你也可以在其它類型應用中適當使用此技術1 視頻流 HTML5 的 The Media Capture媒體捕捉 API 提供了對攝像頭的可。

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

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

你好 HTML5和javascript是不能壓縮視頻的，只能把視頻傳到服務器端，由后端來壓縮視頻，也不能控制相機的拍攝質量，除非你用JAVA寫Android客戶端才可以壓縮希望我的回答能夠幫助到你，如果還有什么疑問可以繼續(xù)追問。

你給的網(wǎng)頁用的是 ltinput accept=quotimage*quot type=quotfilequot，在IOS端點擊時會提示選擇圖片或相機，安卓端要看瀏覽器對這兩個屬性的優(yōu)化，部分瀏覽器會直接跳轉到資源管理器，優(yōu)化做得好的可以直接提示選擇相冊或相機移動。

HTML5官方文檔解釋capture屬性用于調用設備的攝像頭或麥克風當accept=”audio或video”時capture只有兩種值，一種是user，用于調用面向人臉的攝像頭例如手機前置攝像頭，一種是environment，用于調用環(huán)境攝像頭例如手機后。

降低開發(fā)和維護成本使頁面更小，減少用戶不必要的開銷性能更好，功耗更低7CSS3視覺設計師的輔助利器支持CSS3支持字體嵌入布局和最令人印象深刻的動畫功能8HTML5調用相機相冊和通訊錄的功能。

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