本篇文章給大家分享的是有關(guān)怎么在html5中調(diào)用攝像頭，小編覺得挺實(shí)用的，因此分享給大家學(xué)習(xí)，希望大家閱讀完這篇文章后可以有所收獲，話不多說，跟著小編一起來看看吧。

成都創(chuàng)新互聯(lián)專注為客戶提供全方位的互聯(lián)網(wǎng)綜合服務(wù)，包含不限于網(wǎng)站制作、成都網(wǎng)站設(shè)計(jì)、大通網(wǎng)絡(luò)推廣、微信小程序開發(fā)、大通網(wǎng)絡(luò)營(yíng)銷、大通企業(yè)策劃、大通品牌公關(guān)、搜索引擎seo、人物專訪、企業(yè)宣傳片、企業(yè)代運(yùn)營(yíng)等，從售前售中售后，我們都將竭誠(chéng)為您服務(wù)，您的肯定，是我們最大的嘉獎(jiǎng)；成都創(chuàng)新互聯(lián)為所有大學(xué)生創(chuàng)業(yè)者提供大通建站搭建服務(wù)，24小時(shí)服務(wù)熱線：028-86922220，官方網(wǎng)址：www.cdcxhl.com

調(diào)用攝像頭

第一種方法navigator.getUserMedia用法詳見mdn ，代碼如下：

第二種方法navigator.mediaDevices.getUserMedia用法詳見mdn。navigator.mediaDevices.getUserMedia 其實(shí)和第一種差不多，主要第二種返回是一個(gè) Promise 對(duì)象，代碼如下：

拍照

思路是設(shè)置一個(gè)標(biāo)志變量 videoPlaying 看看是否 video 有在 play，監(jiān)聽拍照按鈕的點(diǎn)擊事件，如果videoPlaying 為 true ，使用一個(gè)canvas 獲取 video 的寬高（默認(rèn) canvas 是不顯示的），然后使用 canvas 的drawImage,然后使用 canvas 的 toDataURL返回一個(gè) data url，將這個(gè) url，設(shè)置在一個(gè) img 標(biāo)簽上即可?

第一種方法navigator.getUserMedia實(shí)現(xiàn)代碼：

    
    


    拍照
    
    
    
    
    
    

第二種navigator.mediaDevices.getUserMedia實(shí)現(xiàn)方法:

    
    



    拍照
    
    
    
    
    
    

以上就是怎么在html5中調(diào)用攝像頭，小編相信有部分知識(shí)點(diǎn)可能是我們?nèi)粘９ぷ鲿?huì)見到或用到的。希望你能通過這篇文章學(xué)到更多知識(shí)。更多詳情敬請(qǐng)關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。