Question

我试图在我的网页上安装网络摄像头。

我的jquery代码：

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

我的网络摄像头的正文代码：

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

即时通讯使用此插件：
http://www.xarg.org/project/jquery-webcam-plugin/

但在我的页面上我什么也看不见。它是空的。
有人知道我缺少什么使网络摄像头工作。

感谢。

Answer 1

猜测，但是因为您正在使用回调模式，您是否尝试添加回调配置，如示例所示？

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

也有任何错误吗？你用萤火虫检查了吗？

1 /确保您已加载JS库。

2 /尝试将它们放入document.ready：

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

Answer 2

我从here找到了这个插件，如果它对你不起作用，你可以随时加入他们开发:)

Answer 3

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>

Answer 4

您应该尝试使用以下内容更新web.xml文件：

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

需要在网页上提供Jquery网络摄像头帮助

4 个答案: