0

作为主题，我想玩网络摄像头，Chrome 网络摄像头 API 派上用场，不需要插件。

不过我对javascript语法不熟悉，所以还是想用processing.js来操作视频。那么代码应该是怎样的呢？

GetUserMedia 在画布中，然后呢？我如何告诉 processing.js 画布中有视频？

import processing.video 不应该工作，因为它是 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 和网络摄像头来玩得很好。我认为您需要最新版本的 chrome 才能使所有这些工作。

于 2012-10-04T05:58:49.567 回答