2012-05-16 36 views
0

我試圖讓我的網頁上的攝像頭。Jquery網絡攝像頭需要網頁幫助

我jQuery代碼:

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

的網絡攝像頭我的身體代碼:

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

IM使用這個插件:
http://www.xarg.org/project/jquery-webcam-plugin/

,但我的網頁上我沒有看到任何東西。它是空的。
有人知道我錯過了什麼使攝像頭的工作。

謝謝。

+0

檢查HTML源代碼的網頁,如果你提供了網絡攝像頭Ĵ因爲當你分享你的錯誤ypeError:Object [object Object]沒有方法'網絡攝像機'它只是暗示沒有參考或沒有正確的參考webcam.js – Devjosh

回答

0

一個猜測,但既然你使用的是回調模式,你是否嘗試像例子中那樣添加回調配置?

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

也有任何錯誤嗎?你用螢火蟲檢查過嗎?


1 /確保您已加載JS庫。

2 /嘗試把他們的document.ready:

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

我得到以下內容錯誤:webcam.html:18Uncaught TypeError:對象[對象對象]沒有方法'網絡攝像頭' – Buit

+0

在保存模式下它也不會做任何事情 – Buit

+1

1 /您是否導入js lib文件? 2 /您可以嘗試在$(document).ready()' –

0

我發現這個插件從here如果它不能幫助你,你可以隨時加入他們開發:)

0
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> 
0

你應該嘗試用下面的更新您的web.xml文件:

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