javascript - 使用网络摄像头捕获图像

Question

我正在使用 Asp.net MVC4 开发一个项目。我需要用网络摄像头拍照。此应用程序应该可以使用任何平板电脑进行配置。目前在桌面上运行应用程序，在平板电脑上没有。

我正在使用 jscam.swf 和 jscam_canvas_only.swf。

在平板电脑上，我在这些设备上使用三星 Galaxy，将 adobe flash player 安装到一个不好的地方......有人知道其他一些拍照技术，或者如果有人可以帮助我解决这个问题，我将不胜感激

Answer 1

Flash 在 Android 平板电脑上的支持有限，在 iOS 设备上不支持。

更好的解决方案可能是迁移到 100% HTML5。使用 HTML5 时，您的浏览器可以访问您的网络摄像头。以下是一些显示 HTML5 访问您的网络摄像头的链接：

• http://www.html5rocks.com/en/tutorials/getusermedia/intro/
• http://www.iandevlin.com/blog/2012/06/html5/filtering-a-webcam-using-getusermedia-and-html5-canvas
• https://developer.mozilla.org/en-US/docs/WebRTC/navigator.getUserMedia

Answer 2

您是否尝试过使用 Silverlight？由于您使用的是 .NET，这可能会有所帮助。http://elegantcode.com/2009/11/20/silverlight-4-webcam-a-quick-glance/

SL 是一个在每个浏览器上运行的简单插件，您只需将 Silverlight 组件嵌入到您的视图代码中，浏览器会将其作为对象标签处理。

希望能帮助到你。

Answer 3

我找到了使用适用于平板电脑的 Android 的 HTML5 Chrome 启用相机和音频的方法。我们连接到 chrome://flags/ 并寻找 WebRTC。在我们启用这个标志之后。重新启动浏览器或平板电脑并正常工作。

Answer 4

截至 2020 年的最新方法

const userVideo = await navigator.mediaDevices.getUserMedia({ video: true })
const userVideoTrack = userVideo.getVideoTracks()[0]
const photoBlob = await new ImageCapture(userVideoTrack).takePhoto()

FileReader然后，您可以使用或URLAPI之类的东西来处理 blob 。