我无法在p5.js中打开网络摄像头

Question

在p5js编辑器中，我想测试一个名为capture的例子来打开我的mac pro上的摄像头。代码必须是正确的，因为我使用了已经存在的示例，但是摄像头没有打开，我不知道为什么。

控制台显示：

{ "constraintName"：""，"message"：""，"name"："InvalidStateError“}

​

let capture;

function setup() {
  createCanvas(390, 240);
  capture = createCapture(VIDEO);
  capture.size(320, 240);
  //capture.hide();
}

function draw() {
  background(255);
  image(capture, 0, 0, 320, 240);
  filter(INVERT);
}

​

Answer 1

使用P5.js网络摄像头功能要求用户在允许摄像头之前单击“允许”。此代码在P5.js web编辑器( https://editor.p5js.org/ )上执行。它看起来是这样的：

​

​

如果您想在本地执行代码，我建议您使用Node Static Server或具有在本地运行服务器的内置功能的编辑器。我个人使用括号( http://brackets.io/ )，它允许您通过Google Chrome在一个包含静态节点的环境中运行HTML网站。我尝试在括号上执行这个示例，它工作得很好。