1

自从我第一次尝试使用jQuery WebCam...我在谷歌上搜索了18 小时，尝试了所有可能的示例以来，一直收到这个错误，只要我capture调用webcam.

请注意：：这听起来可能是重复的，但是，我在 stackOverflow 上花了几个小时，所有的例子都没有得到很好的结果。最接近的，事实上正在使用的代码来自； jquery webcam插件TypeError：webcam.capture不是偶尔抛出的函数 和jquery webcam插件TypeError：webcam.capture不是偶尔抛出的函数 ，需要网页上的Jquery Webcam帮助和jQuery 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>

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

4

1 回答 1

0

您以错误的顺序加载脚本！首先你加载库，然后加载具有打开相机代码的脚本！在下面得到那个订单..

<script type="text/javascript" src="cam/jquery.webcam.js"></script>
<script type="text/javascript" src="jQ.js"></script>
于 2016-02-05T16:20:13.613 回答