Skip to content

Repository files navigation

jQuery Webcam Plugin

CDNJS version

Description

A small wrapper library to be able to communicate with a Flash webcam via JavaScript.

Example

Please note: The camera doesn't work if you have any dom-errors on your page!

The Flash object will be embedded into the following Div:

<divid="webcam"></div>
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 smalleronTick: function(remain){if(0==remain){jQuery("#status").text("Cheese!");}else{jQuery("#status").text(remain+" seconds remaining...");}},onSave: function(data){varcol=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 loadvarcams=webcam.getCameraList();for(variincams){jQuery("#cams").append("<li>"+cams[i]+"</li>");}}});

If you want to draw the picture onto a canvas, have a look at the source of the page on my blog, linked below.

Further examples and documentation

For further details and code examples take a look at the demonstration and documentation page on:

https://raw.org/article/camara-support-in-html5-and-javascript/

License

Copyright (c) 2013, Robert Eisele Dual licensed under the MIT or GPL Version 2 licenses.

About

A webcam wrapper plugin for jQuery

Resources

Stars

514 stars

Watchers

61 watching

Forks

Releases

Packages

Contributors

Languages