javascript - TypeError : webcam. 捕获不是使用 jQuery 网络摄像头的函数

标签 javascript jquery html jquery-webcam-plugin

自从我第一次尝试使用 jQuery WebCam 以来,一直收到此错误...在谷歌上搜索了 像 18Hours, 尝试所有可能的示例都可用,只要我调用网络摄像头capture方法,就没有一个可以工作。

请注意::这可能听起来重复,但是,我在 stackOverflow 上花了很多时间,所有示例都没有给出好的结果。最接近的,事实上我使用的代码来自; jquery webcam plugin TypeError: webcam.capture is not a function thrown occasionallyjquery webcam plugin TypeError: webcam.capture is not a function thrown occasionallyJquery Webcam on webpage help neededjQuery webcam plugin - saving imageDisplay pic in web page captured from webcam还有更多......

我尝试了接受答案的建议,但仍然没有任何进展......

 <html>
  <head>
     <script type="text/javascript" src="jQ.js"></script>
   <script type="text/javascript" src="cam/jquery.webcam.js"></script>
 </head>
  <body>


<script type="text/javascript">
   $(document).ready(function(){


    $("#camera").webcam({
            width: 315,
            height: 240,
            useMicrophone: false,
            mode: "callback",
            swffile: "cam/jscam_canvas_only.swf", 


            onLoad: function() {

                var cams = webcam.getCameraList();
                for(var i in cams) {
                    jQuery("#cams").append("<li>" + cams[i] + "</li>");
                }
            },

            debug: function (type, string) {
                $("#status").html(type + ": " + string);
            },

            onCapture: function () {

                jQuery("#flash").css("display", "block");
                jQuery("#flash").fadeOut("fast", function () {
                jQuery("#flash").css("opacity", 1);

                webcam.capture();
                 alert($.webcam.getFrameAsBase64());    
                });


            },

            onSave: function(data) {

                var col = data.split(";");
                var img = image;

                for(var i = 0; i < 320; i++) {
                    var tmp = parseInt(col[i]);
                    img.data[pos + 0] = (tmp >> 16) & 0xff;
                    img.data[pos + 1] = (tmp >> 8) & 0xff;
                    img.data[pos + 2] = tmp & 0xff;
                    img.data[pos + 3] = 0xff;
                    pos+= 4;
                }

                if (pos >= 4 * 320 * 240) {
                    ctx.putImageData(img, 0, 0);
                    pos = 0;
                }
            }





    }); });
</script>


<label id="status"></label>                             
                    <div id="camera"></div>
                    <div><p><canvas id="canvas" height="240" width="320"></canvas></p></div>
                     <a href="javascript:webcam.capture();changeFilter();void(0);">Take a picture instantly</a>

</body>
</html>

有谁知道它无法工作的任何可能原因或者我做错了什么,请我很高兴听到这方面的讲座。谢谢

最佳答案

您加载脚本的顺序错误!首先加载库,然后加载包含打开相机的代码的脚本! 得到下面的订单..

<script type="text/javascript" src="cam/jquery.webcam.js"></script>
<script type="text/javascript" src="jQ.js"></script>

关于javascript - TypeError : webcam. 捕获不是使用 jQuery 网络摄像头的函数,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25217365/

相关文章:

javascript - Controller 名称 Ember JS

javascript - HTML 选择,在 DOM 中选择了正确的选项,但在 Firefox 中显示了错误的项目

jquery - 如何显示要显示在控件顶部的 MediaElementJS 音频播放列表?

javascript - 如何向多个元素添加EventListener和以element为参数的函数?

javascript - window.scrollTo 在 iframe 中使用时不起作用

javascript - 替换内置函数的原型(prototype)是否非法?

javascript - 使用 JS/jQuery 在前端对 HTML div 进行排序

javascript - 如何使用 RegEx 和 Jquery 隐藏 DIV 元素

javascript - css/html - 元素容器的 div/auto 宽度的无换行等价物

javascript - 用原型(prototype)改变现有的 JavaScript 对象函数?