问题标签 [webcam.js]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
4 回答
1044 浏览

javascript - 为什么我为动态创建的图像获得自然宽度 0

我正在使用Webcam.js从相机中获取图像。

document.getElementById('cameraImage').src = data_uri; data_uri 给了我相机的图像形式捕获事件。

然后我像 var img = new Image(); 这样在 JavaScript 中动态创建 Image img.src = data_uri;

当我尝试使用Facedetection.js对其应用人脸检测时,它 会给出错误无法在 CanvasRenderingContext2D 上执行 getImageData:源宽度为 0。

如何设置图像的源宽度以便人脸检测起作用

0 投票
1 回答
1131 浏览

google-chrome - 在 google chrome 中的 http 网站上使用网络摄像头

我正在使用webcam.js来获取客户点击的照片,以便在我的基于云的零售商店软件上创建个人资料。

它曾经在早期版本的 chrome 中运行良好,并且在 firefox 上仍然运行良好。但是现在最新版本的 chrome 甚至 Opera 等其他浏览器都开始在调用网络摄像头时抛出错误 -只有 https 版本才允许使用网络摄像头。

它是一个个人使用的软件,我不想在 SSL 证书上花费额外的钱。是否有一些选项可以在其中为 http 站点添加例外以使用网络摄像头

当前代码:

0 投票
1 回答
833 浏览

angularjs - angularjs 1.5.2中如何访问webcam.js等第三方库

我是 AngalrJS 的新手,我正在尝试通过 angularJS 访问网络摄像头。出于这个原因,我已经导入了第三方库 webCam.js 并使用了指令(在此处找到https://github.com/bcabanes/ng-camera)。

但我收到以下错误:

未捕获的错误:[$injector:modulerr] 无法实例化模块 myModule,原因是:错误:[$injector:modulerr] 无法实例化模块网络摄像头,原因是:错误:[$injector:nomod] 模块“网络摄像头”不可用!您要么拼错了模块名称,要么忘记加载它。如果注册模块,请确保将依赖项指定为第二个参数。 http://errors.angularjs.org/1.5.8/$injector/nomod?p0=webcam _

这是我的 HTML 代码:

这是我在 Cam.js 文件中的代码:

仅供参考:我在脚本文件夹下的项目中添加了 webcam.js、Cam.js、ng-camera.js ......请提出正确的方法..

谢谢。

0 投票
1 回答
427 浏览

asp.net - querystring missing value after postback

I'm using webcam.js to get photos from a webcam using asp.net web form app. The problem is, I want to get the filename based on the "ID" querystring. But everytime I click "shoot" button, the querystring value is nothing.

Here's my complete HTML :

And here is my asp.net codebehind :

The first time I run the page, I can get the "id" value from the querystring. The shoot button trigger the postback and run the "Capture" sub but the "id" querystring returns nothing.

Any solutions for this problem ?

0 投票
0 回答
476 浏览

javascript - 将 jpeg 文件从 webcam.js 上传到 nodejs 服务器

我已经调用了库的 snap 函数。我webcam.js得到了格式的图像 data_uri base64。我想将该文件上传到 nodejs 服务器。我已经调用webcam.upload()了函数,我在request.body. 客户端代码如下所示。

服务器端代码如下所示。

0 投票
0 回答
274 浏览

javascript - 将 Flash 视频流发送到 JavaScript

我想制作一个脚本,帮助用户在捕捉预览中将他的脸居中。如果脸保持在定义的区域内,一些<div>会保持他的轮廓绿色,如果脸出去,他的轮廓会保持红色。

对于捕获,我使用Webcam.js一个带有 Flash 故障恢复的库。
对于跟踪,我使用Tracking.JS可以处理来自视频元素的对象检测。

目标是制作一个实时人脸定位插件。

Webcam.js 的不同预览模式:

  • HTML5 预览:

WEBCAM.JS创建的一个视频元素,具有for src属性的视频流getUserMedia功能。(视频由 TRACKING.JS 处理得很好)

  • Flash 预览(IE Fail-back):

提示访问相机的.swf对象(webcam.swf),显示预览 - 在闪光灯中 - 并且当用户拍摄时,它将图片发送回 Javascript。

这是我的问题:

有没有办法构建/编辑 swf 文件以使其将视频流发送到 javascript?(而不仅仅是触发 snap 时的图片)目标是 TRACKING.JS 以及 HTML5 流而不是 flash 的情况。

Webcam.swf >这里是 Actionscript 文件的 Github 目录。

谢谢你。

0 投票
0 回答
96 浏览

python - 如何从网页中自动检测户外网络摄像头?

我对自动识别网站中的网络摄像头/实时摄像头感兴趣。我可以使用基于网站的网络摄像头/实时摄像头中的任何常见标识符吗?我的最终目标是以编程方式扫描网站并生成网络摄像头/实时摄像头的网址。

一个简单的网站搜索,如“网络摄像头”或“实时摄像头”,最初可以将焦点带到感兴趣的网站,但是,它不会产生网络摄像头输出的 URL。

例如,以下是一些我希望自动识别的网络摄像头示例:

0 投票
2 回答
9167 浏览

javascript - 如何使用 webcam.js 在移动设备中打开后置摄像头?

我正在使用https://github.com/jhuckaby/webcamjs的 webcam.js ,在移动设备中,前置摄像头默认打开。我想将默认设置更改为后置摄像头。有什么办法可以改变相机设备吗?

0 投票
1 回答
1302 浏览

php - 使用php在文件夹中上传图像创建文件路径

使用vamapaull 的 Photo Booth 我正在尝试在文件夹中捕获图像。使用我的 sql 它工作正常,但将其更改为 mysqli 无法上传。网络摄像头需要捕捉但不存储图像文件夹。(在 wamp 上)。寻找幻灯片在存储图像 ID 的输出中。

目录看起来像这样

0 投票
0 回答
801 浏览

javascript - 网络摄像头 - 浏览器不支持 IE Edge 中的 getUserMedia

我正在开发一个需要照片捕捉功能的 Angular 应用程序。为此,我通过引用以下链接来使用 WebCam 指令。

https://github.com/jonashartmann/webcam-directive

https://jonas.hartmann.site/webcam-directive/#/

在开发整个页面后,由于“浏览器不支持 getUserMedia”错误,我现在在 Edge 上进行单元测试。在谷歌搜索解决方案后,我发现链接说,Edge 不支持 getUserMedia。

如何使 getUserMedia() 在所有浏览器上工作

http://blog.teamtreehouse.com/accessing-the-device-camera-with-getusermedia

我认为,这种情况会有替代解决方案,但我无法弄清楚。

注意:webcam.min.js 文件已使用

提前致谢。