成人无码视频,亚洲精品久久久久av无码,午夜精品久久久久久毛片,亚洲 中文字幕 日韩 无码

資訊專欄INFORMATION COLUMN

jQuery webcam plugin調(diào)用攝像頭

darkerXi / 2503人閱讀

摘要：個(gè)人網(wǎng)站歡迎來(lái)訪簡(jiǎn)介原來(lái)做項(xiàng)目遇到了調(diào)用攝像頭功能，小白遇到這情況立刻就去網(wǎng)上搜索，最后用的，太爛了，作者也沒(méi)說(shuō)如何去使用，如果用的是框架開(kāi)發(fā)更是很麻煩今天再次發(fā)現(xiàn)一款比較靈活的插件，資源鏈接使用方法部分參考這兩個(gè)參數(shù)考慮到顯示效果為標(biāo)準(zhǔn)的

個(gè)人網(wǎng)站歡迎來(lái)訪
簡(jiǎn)介 
原來(lái)做項(xiàng)目遇到了調(diào)用攝像頭功能，php小白遇到這情況立刻就去網(wǎng)上搜索，最后用的
https://www.helloweba.com/vie...，太爛了，作者也沒(méi)說(shuō)如何去使用，如果用的是框架開(kāi)發(fā)更是很麻煩
今天再次發(fā)現(xiàn)一款比較靈活的插件jQuery webcam plugin，資源鏈接：http://www.xarg.org/project/j...【demo】
使用方法 
部分參考：http://www.cnblogs.com/loyung...

width: 320, height: 240,//這兩個(gè)參數(shù)考慮到顯示效果320*240為標(biāo)準(zhǔn)的顯示模式，不可更改（插件硬傷）。如果要修改大小其實(shí)也是可以的，修改jscam.swf源文件

mode：// 存儲(chǔ)方式可以按以下三種方式callback | save | stream

swffile：//可以選擇解壓后jscam_canvas_only.swf或jscam.swf，jscam_canvas_only加快了每次調(diào)用設(shè)備的效率，因?yàn)樗挥衘scam.swf的1/3

onTick: function(remain) {}//定時(shí)觸發(fā)，定時(shí)拍照

onSave：//關(guān)鍵地方，設(shè)置提交數(shù)據(jù)處理后臺(tái)做圖像參數(shù)設(shè)置

onCapture：//點(diǎn)擊拍照保存

onLoad：//插件加載事件，通常這里羅列設(shè)備列表

jQuery("#webcam").webcam({

    width: 320,
    height: 240,
    mode: "callback",
    swffile: "/jscam_canvas_only.swf", // canvas only doesn"t implement a jpeg encoder, so the file is much smaller

    onTick: function(remain) {

        if (0 == remain) {
            jQuery("#status").text("Cheese!");
        } else {
            jQuery("#status").text(remain + " seconds remaining...");
        }
    },

    onSave: function(data) {

        var col = data.split(";");
    // Work with the picture. Picture-data is encoded as an array of arrays... Not really nice, though =/
    },

    onCapture: function () {
        webcam.save();

       // Show a flash for example
    },

    debug: function (type, string) {
        // Write debug information to console.log() or a div, ...
    },

    onLoad: function () {
    // Page load
        var cams = webcam.getCameraList();
        for(var i in cams) {
            jQuery("#cams").append("
  • " + cams[i] + "
    • ");
        }
    }
});

    上面的js代碼再定義一個(gè)
    ，就可以打開(kāi)攝像頭了，但是要和php交互還要做一些修改
    完整demo 
    下面代碼中的注釋僅是個(gè)人理解，并非作者原有，僅供參考
    html+js 
    


    
    jQuery-webcam-master
    php后臺(tái)處理 
    后臺(tái)是涉及的是php繪圖技術(shù)，在php.ini中開(kāi)啟extension=php_gd2.dll，如果是框架開(kāi)發(fā)，在上面的js中$.post異步給框架【TP】中控制器的某個(gè)方法
     $csv) {
        foreach (explode(";", $csv) as $x => $color) {
            imagesetpixel($im, $x, $y, $color);
        }
    }
} else {
    // input is in format: data:image/png;base64,...
    $im = imagecreatefrompng($_POST["image"]);
}
imagepng($im,"circle".time().".png");//保存，指定路徑
imagedestroy($im);
// do something with $im
    源碼編譯 
    該插件有個(gè)缺點(diǎn)就是像素大小不能調(diào)整，如果要調(diào)整像素大小需要編譯src目錄下的源碼，我沒(méi)有親自測(cè)試，提供編譯成功的例子 http://www.cnblogs.com/iasp/p...【jQuery Webcam Plugin jscam.swf文件反編譯工具使用說(shuō)明】
    demo下載

    原作者本人【https://github.com/infusion/j...】

    我自己的demo：

    git下載：https://github.com/mytheshow/...

    百度云下載：鏈接：http://pan.baidu.com/s/1hsBqwfE 密碼：u2c2

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

    轉(zhuǎn)載請(qǐng)注明本文地址：http://m.hztianpu.com/yun/30599.html

    相關(guān)文章

    • jQuery webcam plugin調(diào)用攝像頭

      摘要：個(gè)人網(wǎng)站歡迎來(lái)訪簡(jiǎn)介原來(lái)做項(xiàng)目遇到了調(diào)用攝像頭功能，小白遇到這情況立刻就去網(wǎng)上搜索，最后用的，太爛了，作者也沒(méi)說(shuō)如何去使用，如果用的是框架開(kāi)發(fā)更是很麻煩今天再次發(fā)現(xiàn)一款比較靈活的插件，資源鏈接使用方法部分參考這兩個(gè)參數(shù)考慮到顯示效果為標(biāo)準(zhǔn)的 個(gè)人網(wǎng)站歡迎來(lái)訪 簡(jiǎn)介 原來(lái)做項(xiàng)目遇到了調(diào)用攝像頭功能，php小白遇到這情況立刻就去網(wǎng)上搜索，最后用的https://www.helloweba....

      王偉廷 評(píng)論0 收藏0

    • 使用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)備版本以上即可地址作者主頁(yè)地址這里。 項(xiàng)目需求：在ie或chrome瀏覽器下，調(diào)用電腦攝像頭（確保使用的是筆記本電腦，或者攝像頭功能正常使用的臺(tái)式機(jī)），進(jìn)行人臉圖像采集預(yù)覽，并將圖片的base6...

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

    • 使用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)備版本以上即可地址作者主頁(yè)地址這里。 項(xiàng)目需求：在ie或chrome瀏覽器下，調(diào)用電腦攝像頭（確保使用的是筆記本電腦，或者攝像頭功能正常使用的臺(tái)式機(jī)），進(jìn)行人臉圖像采集預(yù)覽，并將圖片的base6...

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

    • 使用Webcam實(shí)現(xiàn)拍照功能

      摘要：先看了下基于實(shí)現(xiàn)的超酷攝像頭拍照功能，結(jié)果發(fā)現(xiàn)我的瀏覽器不支持，連都沒(méi)運(yùn)行起來(lái)，放棄。于是選擇插件，參照示例，實(shí)現(xiàn)了拍照功能，但是發(fā)現(xiàn)每次打開(kāi)瀏覽器，都會(huì)出現(xiàn)是否允許使用攝像頭的選擇框，好煩，而且的代碼太繁瑣。 開(kāi)發(fā)環(huán)境：Grails 3.2.3，jQuery 1.11.3 最近做項(xiàng)目，遇到一個(gè)正常但又少見(jiàn)的需求——拍照，于是在Google上搜索js 拍照，出現(xiàn)的都是Html5的實(shí)現(xiàn)，...

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

    • 使用Webcam實(shí)現(xiàn)拍照功能

      摘要：先看了下基于實(shí)現(xiàn)的超酷攝像頭拍照功能，結(jié)果發(fā)現(xiàn)我的瀏覽器不支持，連都沒(méi)運(yùn)行起來(lái)，放棄。于是選擇插件，參照示例，實(shí)現(xiàn)了拍照功能，但是發(fā)現(xiàn)每次打開(kāi)瀏覽器，都會(huì)出現(xiàn)是否允許使用攝像頭的選擇框，好煩，而且的代碼太繁瑣。 開(kāi)發(fā)環(huán)境：Grails 3.2.3，jQuery 1.11.3 最近做項(xiàng)目，遇到一個(gè)正常但又少見(jiàn)的需求——拍照，于是在Google上搜索js 拍照，出現(xiàn)的都是Html5的實(shí)現(xiàn)，...

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

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

    0條評(píng)論

    閱讀需要支付1元查看
    <