Jquery Webcam on webpage help needed

Question

Im trying to get webcam on my webpage.

my jquery code:

$("#camera").webcam({  
            width: 320,  
            height: 240,  
            mode: "callback",  
            swffile: "webcam/jscam.swf",  
    });

my body code for the webcam:

<div id="camera"></div>

im using this plugin:
http://www.xarg.org/project/jquery-webcam-plugin/

but on my page i dont see anything. it's empty.
someone know what im missing to make the webcam work.

Thanks.

check your pages HTML source if you included the webcam js reference correctly or not and other required js references because as you shared your error ypeError: Object [object Object] has no method 'webcam' it simply hints that there is no reference or no correct reference of webcam.js — Devjosh, May 16 '12 at 08:52

Michael Laffargue · Accepted Answer · 2012-05-16T08:55:35.753

0

A guess, but since you're using the callback mode did you try adding callback config like in the example ?

    onTick: function() {},
    onSave: function() {},
    onCapture: function() {},
    debug: function() {},
    onLoad: function() {}

Also do have any error? Did you check with firebug ?

1/ Ensure you loaded the JS lib.

2/ Try to put them in document.ready :

$(document).ready(function(){
    // Your code here
});

edited May 16 '12 at 08:55

answered May 16 '12 at 08:43

Michael Laffargue

10,116
6
42
76

i get the following error: webcam.html:18Uncaught TypeError: Object [object Object] has no method 'webcam' – Buit May 16 '12 at 08:47
in save mode it also doesnt do anything – Buit May 16 '12 at 08:53
1

1/ Did you import the js lib file ? 2/ You may try to put the `$("#webcam").webcam(...) call in a `$(document).ready()` – Michael Laffargue May 16 '12 at 08:54
@Buit Then you should accept the answer if it helped you. The tick on the top left of the answer. Else people won't be enthusiast to give you more answers to your questions – Michael Laffargue May 16 '12 at 10:11

score 0 · Answer 2 · answered May 16 '12 at 18:20

0

I found this plugin from here if it doesn't help you, you can always join them to develop :)

answered May 16 '12 at 18:20

thejartender

9,339
6
34
51

score 0 · Answer 3 · answered Jan 09 '13 at 14:14

It might be throwing error in console please check it i.e jQuery is undefined.
So include js file in your html page.

eg:-

<html>
  <head>
     <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
   <script type="text/javascript" src="jquery.webcam.js"></script>
 </head>
  <body>
<div id="camera"></div>
<script type="text/javascript">
$(document).ready(function(){
    $("#camera").webcam({
    width: 320,
    height: 240,
    mode: "callback",
    swffile: "jscam_canvas_only.swf",
    onTick: function() {},
    onSave: function() {},
    onCapture: function() {},
    debug: function() {},
    onLoad: function() {}
});

});
</script>
  </body>
</html>

score 0 · Answer 4 · answered Jan 16 '13 at 19:14

0

You should try updating your web.xml file with the following :

<servlet-mapping>
        <servlet-name>default</servlet-name>
        <url-pattern>*.swf</url-pattern>
    </servlet-mapping>

answered Jan 16 '13 at 19:14

devdar

5,564
28
100
153

Jquery Webcam on webpage help needed

4 Answers4

Linked