问题标签 [webcam.js]

我正在从 navigator.media 设备运行网络摄像头，它工作正常，但我想从视频中获取每一帧，我该如何实现？

我曾尝试在handlestream() 中使用ImageCapture，所以之后我可以grabFrame 但无法实现

但是当我初始化 Imagecapture 的新对象时它不起作用。

我需要用我的网络摄像头拍摄一张快照，并将拍摄的照片作为文件保存到<input type="file">

我设法使用webcam.js.
现在我需要将我的输入文件设置为我刚刚拍摄的快照。

我如何拍摄快照：

HTML：

JS：

在 JS 中，这data_uri是我刚刚拍摄的快照的 base64。
有没有办法使用 base64 字符串作为我的输入文件<input type="file">？

我正在从 localhost 或 Apache 服务器加载完全相同的页面。如果从本地主机加载，它可以正常显示来自相机的视频，我可以拍摄快照从 apache 加载时，我收到错误消息

Webcam.js 错误：找不到支持的网络摄像头接口

这些是我做过的测试

A.php 内置服务器

http://localhost:8080/webcam.html

1.browser Chromium 79.0.3945.130 结果：成功 2.browser：Firefox 72.0.2 结果：成功

B.Linux服务器虚拟主机上的Apache http://example.com/webcam.html

1.browser Chromium 79.0.3945.130 结果：Webcam.js 错误：找不到支持的网络摄像头接口 2.browser：Firefox 72.0.2 结果：Webcam.js 错误：找不到支持的网络摄像头接口

我所期望的是权限错误，未找到接口，感谢您的帮助

我是一个非常新的编码员，老实说大部分时间都很困惑，任何建议都会很棒。我在做 Dan Shiffman 视频的练习。我正在尝试使用来自实时网络摄像头的像素数据绘制线条或笔划。 两个画布，一个很小的实时网络摄像头和一个大画布，其中有很多椭圆，这些椭圆以像素阵列中的像素 rgb 着色 这是我最终产品的图像

我为粒子创建了一个单独的文件，然后使用构造函数和循环在 draw() 中显示和更新，而在粒子文件中，我尝试通过使用过去位置的数组来使用直线而不是椭圆目的。然而，它不会起作用吗？画布只是显示为灰色。在particle.js 文件中，当我使用line() 函数时，当我使用ellipse() 时，我没有得到绘画般的笔触效果，不确定我的逻辑是否正确。这是代码->对不起，有很多。第一位是particle.js 文件，第二位是主草图文件。

我希望它看起来像的图像，在对象的移动中肯定有一些额外的植绒颜色平均但是我只是想让基本的 line() 函数工作

我正在寻找从网络摄像头捕捉图像。我已经测试了很多库，包括

https://github.com/jhuckaby/webcamjs

https://github.com/amw/jpeg_camera

但是所有现有的库都非常陈旧，不再由作者维护。我也尝试过“navigator.mediaDevices.getUserMedia”来捕获图像，但它不适用于 safari。

我想知道您是否可以建议一些可以跨浏览器工作并且也可以管理响应式视图的东西。

谢谢。

如果用户第一次拒绝，我想重新提示相机权限。

代码：

上面的代码在我第一次拒绝权限后重新加载页面。但重新加载后，它不会提示许可，而是再次进入 .catch 块

我相信这是因为浏览器第一次存储被拒绝的承诺并在页面重新加载时检查相同的承诺。

有什么办法可以强制再次出现权限提示？

我在我的 Laravel 项目中使用Webcam.js来捕获图像。

我已经从这个线程中遇到过（Chrome中的Webcam js错误：无法访问网络摄像头）

我做了同样的事情，但仍然出现此错误：

Webcam.js Error: No supported webcam interface found.

在这里，我提供了通过 HTTPs 加载的项目链接。

我的代码

如果有人有任何解决方案，请提供。我会很感激你的回应。

我不得不用 JavaScript 编写一个面部识别程序，为此我使用了 opencv4nodejs API，因为没有很多工作示例；现在我想以某种方式记录和保存流（用于保存在客户端或上传到服务器）以及音频。这就是我卡住的地方。任何帮助表示赞赏。简而言之，我需要将网络摄像头输入用于多种用途，一种用于面部识别，另一种用于以某种方式保存，后者是我无法做到的。同样在最坏的情况下，如果无法录制和保存网络摄像头视频，我还可以保存完整的屏幕录制，如果有解决方法，请回答。

以下是我尝试做的事情，但由于明显的原因它不起作用。

在访问网络摄像头时，我得到了这样的空白屏幕

我在所有浏览器中都试过了，它在除 IE 之外的所有浏览器上都可以正常工作，请帮助我解决这个问题，谢谢。

每当我单击相机按钮拍摄第二张照片时，都会出现以下错误。

这是HTML代码：

这是JS代码：

请在这里检查这个小提琴：https ://jsfiddle.net/38qdco6j/4/

要复制错误：

1. 点击相机图标
2. 拍照，点击模态框内的相机图标
3. 重复 1 和 2

另一个是：

1. 点击相机图标
2. 关闭模态
3. 再次单击相机图标
4. 拍照，点击模态框内的相机图标

请帮助如何解决这个问题。谢谢！