Jquery Webcam на веб-странице требуется помощь
Я пытаюсь получить веб-камеру на моей веб-странице.
мой код 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/
но на моей странице я ничего не вижу. оно пустое.
кто-то знает, чего мне не хватает, чтобы веб-камера работала.
Благодарю.
4 ответа
Решение
Предположение, но поскольку вы используете режим обратного вызова, вы пытались добавить конфигурацию обратного вызова, как в примере?
onTick: function() {},
onSave: function() {},
onCapture: function() {},
debug: function() {},
onLoad: function() {}
Также есть какие-либо ошибки? Вы проверяли с помощью firebug?
1 / Убедитесь, что вы загрузили JS lib.
2 / Попытайтесь поместить их в document.ready:
$(document).ready(function(){
// Your code here
});
Попробуйте обновить файл web.xml следующим образом:
<servlet-mapping>
<servlet-name>default</servlet-name>
<url-pattern>*.swf</url-pattern>
</servlet-mapping>
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>
Я нашел этот плагин отсюда, если он вам не поможет, вы всегда можете присоединиться к ним для разработки:)