成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

使用jquery-webcam插件，實(shí)現(xiàn)人臉采集并轉(zhuǎn)base64

chenatu / 1792人閱讀

摘要：項(xiàng)目需求在或?yàn)g覽器下，調(diào)用電腦攝像頭確保使用的是筆記本電腦，或者攝像頭功能正常使用的臺(tái)式機(jī)，進(jìn)行人臉圖像采集預(yù)覽，并將圖片的碼傳入到后臺(tái)進(jìn)行后續(xù)操作。該適用于和以上，以下版本的未測(cè)試。前期插件準(zhǔn)備版本以上即可地址作者主頁地址這里。

項(xiàng)目需求：在ie或chrome瀏覽器下，調(diào)用電腦攝像頭（確保使用的是筆記本電腦，或者攝像頭功能正常使用的臺(tái)式機(jī)），進(jìn)行人臉圖像采集預(yù)覽，并將圖片的base64碼傳入到后臺(tái)進(jìn)行后續(xù)操作。該demo適用于chrome和ie10以上，ie10以下版本的未測(cè)試。
前期插件準(zhǔn)備

jquery：1.5版本以上即可

jquery-webcam：github地址, 作者主頁地址這里。該插件下載好后我們需要如下四個(gè)文件并與下面測(cè)試的HTML放在同一目錄下：

測(cè)試頁面

測(cè)試前注意事項(xiàng):

測(cè)試html文件必須使用http請(qǐng)求方式打開，不可以通過本地file://請(qǐng)求直接打開，會(huì)報(bào)錯(cuò)：webcam.capture is not a function

在進(jìn)行chrome和ie同時(shí)調(diào)試，或者打開多個(gè)頁面調(diào)試的時(shí)候，務(wù)必關(guān)閉前一頁面，解除前頁面對(duì)攝像頭的占用，否則后一頁面調(diào)用攝像頭后會(huì)顯示黑屏或白屏

因?yàn)閏onsole.log打印的日志長度是有限制的，所以直接通過console.log打印的base64碼是不完整的，因此將該base64碼復(fù)制到瀏覽器地址欄打開進(jìn)行圖像預(yù)覽的時(shí)會(huì)無法顯示圖片。
解決辦法：我們可以將完整的base64碼直接設(shè)置給預(yù)覽img的src，然后通過開發(fā)者工具F12取得的base64碼便是完整的

`base64image.setAttribute("src", base64);`

html代碼：
以下代碼是基于原作者的demo頁進(jìn)行的部分修改，并使用了兩種預(yù)覽模式（canvas和img），根據(jù)需求選擇使用



    
        
        
        webcam

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/84315.html

相關(guān)文章

  • 使用jquery-webcam插件，實(shí)現(xiàn)人臉采集并轉(zhuǎn)base64

    摘要：項(xiàng)目需求在或?yàn)g覽器下，調(diào)用電腦攝像頭確保使用的是筆記本電腦，或者攝像頭功能正常使用的臺(tái)式機(jī)，進(jìn)行人臉圖像采集預(yù)覽，并將圖片的碼傳入到后臺(tái)進(jìn)行后續(xù)操作。該適用于和以上，以下版本的未測(cè)試。前期插件準(zhǔn)備版本以上即可地址作者主頁地址這里。 項(xiàng)目需求：在ie或chrome瀏覽器下，調(diào)用電腦攝像頭（確保使用的是筆記本電腦，或者攝像頭功能正常使用的臺(tái)式機(jī)），進(jìn)行人臉圖像采集預(yù)覽，并將圖片的base6...

    cnio 評(píng)論0 收藏0

  • cnn卷積神經(jīng)網(wǎng)絡(luò)打造人臉登錄系統(tǒng)

    摘要：本文基于環(huán)境，采用為基礎(chǔ)來構(gòu)建實(shí)時(shí)人臉檢測(cè)與識(shí)別系統(tǒng)，探索人臉識(shí)別系統(tǒng)在現(xiàn)實(shí)應(yīng)用中的難點(diǎn)。對(duì)于人臉檢測(cè)方法，效果好于的方法，但是檢測(cè)力度也難以達(dá)到現(xiàn)場應(yīng)用標(biāo)準(zhǔn)。本文中，我們采用了基于深度學(xué)習(xí)方法的人臉檢測(cè)系統(tǒng)。 git地址：https://github.com/chenlinzho... 本文主要介紹了系統(tǒng)涉及的人臉檢測(cè)與識(shí)別的詳細(xì)方法，該系統(tǒng)基于python2.7.10/opencv...

    jackwang 評(píng)論0 收藏0

  • cnn卷積神經(jīng)網(wǎng)絡(luò)打造人臉登錄系統(tǒng)

    摘要：本文基于環(huán)境，采用為基礎(chǔ)來構(gòu)建實(shí)時(shí)人臉檢測(cè)與識(shí)別系統(tǒng)，探索人臉識(shí)別系統(tǒng)在現(xiàn)實(shí)應(yīng)用中的難點(diǎn)。對(duì)于人臉檢測(cè)方法，效果好于的方法，但是檢測(cè)力度也難以達(dá)到現(xiàn)場應(yīng)用標(biāo)準(zhǔn)。本文中，我們采用了基于深度學(xué)習(xí)方法的人臉檢測(cè)系統(tǒng)。 git地址：https://github.com/chenlinzho... 本文主要介紹了系統(tǒng)涉及的人臉檢測(cè)與識(shí)別的詳細(xì)方法，該系統(tǒng)基于python2.7.10/opencv...

    KavenFan 評(píng)論0 收藏0

  • 圖片上傳預(yù)覽轉(zhuǎn)壓縮并轉(zhuǎn)base64詳解（dShowImg64.js）

    摘要：本次的內(nèi)容是圖片的上傳預(yù)覽。待上傳圖像點(diǎn)擊藍(lán)色框內(nèi)，可以選擇文件，移動(dòng)端選擇拍照或選擇圖片進(jìn)行上傳。部分請(qǐng)點(diǎn)擊這層就是加號(hào)圖像是轉(zhuǎn)碼后顯示圖像的地方。最后的預(yù)覽圖像地址以后會(huì)加入更多的小插件。 hello，大家好，游戲開始了，歡迎大家收看這一期的講解。本次的內(nèi)容是圖片的上傳預(yù)覽。最后發(fā)源碼鏈接。廢話不多說，先上圖。showImg(https://segmentfault.com/img...

    NeverSayNever 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<