如何使iframe与网络摄像头一起使用？ [p5＆tensorflow.js]

Question

我试图将我在精美的p5js Web编辑器上完成的p5草图携带到带有iframe的Wordpress页面上，但是它不起作用。

这是实际的情况： https://editor.p5js.org/ailgun/full/ry6qqlZ-4

这是iframe嵌入代码；

<iframe src="https://editor.p5js.org/ailgun/embed/ry6qqlZ-4"></iframe>

我猜问题出在网络摄像头上，从而导致其他类似此工作的草图。

<iframe src="https://editor.p5js.org/embed/B1j5yC2vQ"></iframe>

它还使用了另一个.js库，例如tensorflow.js和ml5js。它们是否也可能引起问题？

非常感谢！

Answer 1

您是否尝试过将“允许”属性添加到iframe元素？参见https://developer.mozilla.org/en-US/docs/Web/HTML/Element/iframe#Attributes

我在iframe中使用ml5js，访问相机或麦克风时没有问题。