自从我第一次尝试使用我搜索过的jQuery WebCam...(例如18小时),尝试所有可能的示例以来,就一直出现此错误,只要我调用capturewebcam方法,NONE都可以工作。

请注意::这听起来可能是重复的,但是,我在stackOverflow中花费了数小时,所有示例均未获得良好的结果。该代码使用的最接近的事实。 jquery webcam plugin TypeError: webcam.capture is not a function thrown occasionally
jquery webcam plugin TypeError: webcam.capture is not a function thrown occasionally
Jquery 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>

09-16 01:39