问题标签 [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 投票
1 回答
449 浏览

javascript - 从网络摄像头保存图像在本地主机上工作正常,但在服务器上不行

以下是我的代码。它在本地主机上运行良好。不知何故,当我将其上传到服务器图像时,无法保存。

索引.php:

PHP 代码

0 投票
2 回答
2247 浏览

javascript - 将base64图像转换为jpeg

努力将使用网络摄像头捕获的 base64 图像转换为 jpeg 以进行上传。

以下捕获/显示照片有效(请注意,我使用的是 webcam.min.js(返回 base64)而不是 webcam.js(返回 jpeg 但依赖于 Flash)-

我尝试了以下方法,可能会将base 64image 转换为blob,也可能不会-

这没有做任何事情,除了停止 jsp

如何获取/查看/提取实际的 jpeg 文件,以便我可以上传它(它必须类似于 number.jpeg)

JDK6 / Javascript(请不要使用php)

任何想法表示赞赏。

问候拉尔夫

0 投票
1 回答
179 浏览

javascript - 如何使用 Webcam.js 保存图像?

我想保存最近使用网络摄像头拍摄的图像。我正在使用 Webcam.js,它以字符串格式返回图像。我想将此图像保存在本地目录中。

0 投票
0 回答
62 浏览

javascript - 在 C#/ASP.NET/Razor html Web 应用程序中实现 WebcamJS

我对 C#/Asp.net/Razor HTML 的经验很少。我正在尝试将网络应用程序上的网络摄像头功能从使用旧的 jQuery 网络摄像头(带 Flash)项目更改为 jhuckaby/webcamjs(在 Github 上)项目。我认为现在的问题是 base64 图像保存不正确。我在下面的代码中看到了一些关于 String_To_Bytes2 的内容。这到底是做什么的,您对我如何调整它以从 JavaScript 端获取输入的 base64 图像数据保存在目录文件夹中是否有任何想法?

C#:

JavaScript(带有一点 Razor HTML)

任何想法或解释将不胜感激。我是一个菜鸟,我觉得我离让它工作很近了。到目前为止,我已经测试过了,我可以使用 console.log 将 base64 图像数据发送到控制台,它确实会生成图像。它还在文件夹目录中保存了一个 PNG 文件,但它是 0kb,所以我认为 C# 方面有些不对劲。

再一次,任何帮助都将是惊人的!如果您需要更多信息,请与我们联系。

0 投票
0 回答
523 浏览

java - android webview 中的 Webcam.js 错误:“无法访问网络摄像头:NotreadableError”

我们正在尝试使用 html5 getusermedia api 在我们的 android webview 应用程序中初始化网络摄像头。该代码在浏览器中完美运行,但是当我们在 android 应用程序中将页面部署为 webview 时,它会引发错误:“无法访问网络摄像头:NotreadableError:无法启动视频源”。

我不明白我哪里出错了,基于其他线程和文档,我已经遵循了从添加权限到清单文件和导入库,在 mainactivity.java 文件中添加 requestpermission 函数的所有内容。

这是MainActivity。我们正在使用的 Java/Android 清单文件和 PHP 文件

MainActivity.Java

安卓清单

PHP 文件

关于如何解决这个问题的任何想法?

0 投票
4 回答
212 浏览

html - 在 html 和 css 中圈出一个 div

我想圈出一个包含使用 webcam.js 的网络摄像头实时预览的 div。我试图把它做成一个圆圈,但只有侧面变成了圆形。

这是网络摄像头 div 的 html:

这是css代码:

这是我的 js 代码:

0 投票
2 回答
301 浏览

javascript - 无法弄清楚如何解决这个问题:“未捕获的 TypeError(webcam.snap 不是函数)”<--javascript

我有一个 JavaScript 脚本,我收到一个我无法弄清楚的错误。我正在尝试使用 JavaScript 拍摄网络摄像头提要的照片

错误是:

未捕获的类型错误:webcam.snap 不是函数

webcam.js用来拍快照。

这是我的 JavaScript 代码:

这是导致问题的第一行:

这是导致问题的第二行:

我该如何正确纠正这个问题?

****** 更新 ******

webcam.js我使用的版本是 WebcamJS v1.0.26。我的应用程序是一个 Django 应用程序,它启动main.js.

0 投票
0 回答
161 浏览

javascript - GetElementById 无法从引导模式弹出窗口内部单击按钮

我正在开发一个 ASP .NET 应用程序,用户单击相机按钮并打开一个模式弹出窗口,其中相机加载(使用网络摄像头 js)。到目前为止,该应用程序运行良好。

现在,在模态弹出窗口上,我有一个“拍照”按钮,单击它后,我想拍摄照片并将其显示在连接网络摄像头的同一“PopupCam”元素上。我正在尝试使用 Webcam.snap 功能。

但捕获的图像无法附加到“PopupCam”div。我可以看到该函数被调用(因为我测试了 alert('hello') 并且它正在工作)但不知何故 GetElementById 附加捕获的图像不起作用。

这是我的模态 html 和我正在使用的 javascript。

我正在使用show.bs.modal事件在模态启动时加载相机。哪个工作正常。但是单击“btnCapture”按钮后,捕获的图像没有附加。即使我不使用 webcam.snap 功能并尝试附加任何随机图像,它现在也可以工作。加载在“PopupCam”div 上的相机保持原样。

该警报('hello')显示但图像未附加到“PopupCam”元素

我怎样才能让它工作?

(我有另一个代码,我正在做同样的事情,但不是来自模式弹出窗口,而是来自普通页面并且工作正常)

提前致谢!

0 投票
0 回答
15 浏览

webapi - Sending webcam.js data to WebApi (C#)

but webcam.js return Access to XMLHttpRequest at 'http://api.xx.xx/UploadImage' from origin 'null' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource.

WebApiConfig

0 投票
0 回答
15 浏览

angularjs - 在angularjs中停止网络摄像头

我使用 angularjs 进行应用程序开发,我使用网络摄像头指令“https://github.com/jonashartmann/webcam-directive”但是在拍摄照片后我必须停止网络摄像头我调用函数“$scope.$broadcast('STOP_WEBCAM' );" 但凸轮仍处于活动状态。