1

初めて を使用しようとして以来、このエラーjQuery WebCam...が発生してcaptureいますwebcam。

注意:: これは重複しているように聞こえるかもしれませんが、stackOverflow で何時間も費やしましたが、すべての例で良い結果が得られませんでした。最も近い、実際に使用しているコードは from です。 jquery webcam plugin TypeError: webcam.capture は時々スローされる関数ではなく、 jquery webcam plugin TypeError: webcam.capture はときどきスローされる関数ではなく、 Jquery Webcam on webpage help neededおよびjQuery webcam plugin - 画像を保存し、キャプチャされた web ページに写真を表示しますウェブカメラなどから.....

私は受け入れられた答えで提案を試みましたが、それでも進歩はありませんでした...

 <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