使用网络摄像头进行3D处理.js

时间:2014-05-30 00:29:32

标签: javascript canvas webcam processing.js

我在Processing.js中从网络摄像头生成图像后尝试在舞台/画布上旋转时,我得到一个" Uncaught TypeError:undefined不是函数"。 没有旋转代码工作正常。并且正常"正常"处理。 有任何想法吗?我没有转换网络摄像头图像,而是转换它的副本。但似乎它失败了,只有在它之后添加了旋转 - 在网络摄像头图像的副本上。有任何想法吗?几个星期以来我一直在反对这个......

void setup() {
    size(800, 600,P3D);
    ctx = externals.context;
}

void draw() {
    pushMatrix();
    ctx.drawImage(video, 0, 0, width, height); // <--fails here. 
    img=get();
    pushMatrix();
    translate(width/2, height/2);
    rotateX(radians(20));
    // do something
}

// video is defined outside processing code in js:

function successCallback(stream) {
    // Set the source of the video element with the stream from the camera
    if (video.mozCaptureStream) {
     video.mozSrcObject = stream;
    } else {
     video.src = (window.URL && window.URL.createObjectURL(stream)) || stream;
    }
    video.play();
 }

1 个答案:

答案 0 :(得分:0)

您应该将视频流转换为PImage。

见下文。

祝你好运!