0

トピックとして、私はウェブカメラで遊んでみたいと思っています。クロームウェブカメラAPIが便利で、プラグインは必要ありません。

ただし、私はjavascript構文に精通していないため、processing.jsを使用してビデオを操作したいと思います。では、コードはどのようにすべきでしょうか？

では、キャンバスにGetUserMediaを追加しますか？キャンバスにビデオがあることをprocessing.jsに伝えるにはどうすればよいですか？

importprocessing.videoは、processingではなくprocessing.jsであるため、機能しないはずです。

4

1 に答える 1

1

これによると：https ：//github.com/austinhappel/webcam-processingjs/blob/master/js/webcam-processing.js 、あなたはウェブカメラのメソッドを呼び出す必要があります、例えば：

ctx.drawImage(myImg, imageOffset, 0, height / width * nb, nb);

そこから、キャンバス上のピクセルを手動で操作できます

p.loadPixels();
imgPixelData = p.pixels.toArray();

ここでは、getUserMediaを呼び出すWEBCAMクラスを提供しています：https ：//github.com/austinhappel/webcam-processingjs/blob/master/js/webcam.js

キーラインはここにあります：

if (navigator.getUserMedia) {
  navigator.getUserMedia({video: true}, function (stream) {
    self.video.src = stream;
    self.localMediaStream = stream;
  }, onWebcamFail);
} else if (navigator.webkitGetUserMedia) {
  navigator.webkitGetUserMedia({video: true}, function (stream) {
    self.video.src = window.webkitURL.createObjectURL(stream);
    self.localMediaStream = stream;
}, onWebcamFail);

幸運を！私はこれをJavaでしか行っていないので、javascriptとWebカメラがうまく機能するかどうかをお知らせください。これを機能させるには、最新のChromeビルドが必要だと思います。

于 2012-10-04T05:58:49.567 に答える