jquery 访问手机摄像头_jQuery操纵的摄像头插件ScriptCam

ScriptCam操纵的摄像头是一种流行的jQuery插件。拍摄快照，检测运动，颜色，QR条形码，记录视频片断。

$(document).ready(function() {

$("#webcam").scriptcam({

showMicrophoneErrors:false,

onError:onError,

cornerRadius:20,

cornerColor:'e3e5e2',

onWebcamReady:onWebcamReady,

uploadImage:'upload.gif',

onPictureAsBase64:base64_tofield_and_image

});

});

function base64_tofield() {

$('#formfield').val($.scriptcam.getFrameAsBase64());

};

function base64_toimage() {

$('#image').attr("src","data:image/png;base64,"+$.scriptcam.getFrameAsBase64());

};

function base64_tofield_and_image(b64) {

$('#formfield').val(b64);

$('#image').attr("src","data:image/png;base64,"+b64);

};

function changeCamera() {

$.scriptcam.changeCamera($('#cameraNames').val());

}

function onError(errorId,errorMsg) {

$( "#btn1" ).attr( "disabled", true );

$( "#btn2" ).attr( "disabled", true );

alert(errorMsg);

}

function onWebcamReady(cameraNames,camera,microphoneNames,microphone,volume) {

$.each(cameraNames, function(index, text) {

$('#cameraNames').append( $('').val(index).html(text) )

});

$('#cameraNames').val(camera);

}

Snapshot to form

Snapshot to image

相关链接