Javascript html5移动捕获摄像头并生成预览框

Javascript html5移动捕获摄像头并生成预览框,javascript,html,camera,video-capture,mobile-browser,Javascript,Html,Camera,Video Capture,Mobile Browser,我如何拍摄相机并在手机页面上的一个小div上开始“实时预览” 在过去,我遇到了一些javascript web音频api,它可以让您创建声音、操作声音、开始录制音频、缓冲区等。 因此,我希望有一些类似的解决方案也适用于视频内容,这样我就可以开始捕获摄像机并将数据传递到屏幕上的预览框 在这里我找到了一个链接:它显示了如何使用访问移动内置麦克风和摄像头,但我不确定我是否走对了路 如果您有任何帮助和建议,我们将不胜感激。如果您看了这篇文章,它将介绍必要的Javascript和标记,并展示一系列演示,包

我如何拍摄相机并在手机页面上的一个小div上开始“实时预览”

在过去,我遇到了一些javascript web音频api,它可以让您创建声音、操作声音、开始录制音频、缓冲区等。

因此,我希望有一些类似的解决方案也适用于视频内容,这样我就可以开始捕获摄像机并将数据传递到屏幕上的预览框

在这里我找到了一个链接:它显示了如何使用
访问移动内置麦克风和摄像头,但我不确定我是否走对了路


如果您有任何帮助和建议,我们将不胜感激。

如果您看了这篇文章,它将介绍必要的Javascript和标记,并展示一系列演示,包括如何应用CSS过滤器


我相信它已经满足了您的所有需要。

getusermedia在我的任何设备上都不起作用。。。我在windows chrome、firefox和android本机浏览器上试用过。。。它是硬兼容的还是我必须安装一些东西?你使用的是什么操作系统?我在Win7上,在Chrome(最新版本)中测试了教程中的所有捕获工作。它确实会先请求权限,然后才工作。如果在浏览器控制台中运行此操作,会得到什么结果:
!!(navigator.getUserMedia | | navigator.webkitGetUserMedia | | | navigator.mozGetUserMedia | | navigator.msGetUserMedia)您可以通过电缆将android连接到您的桌面来调试它,请参阅一些设备,您可能需要安装一些驱动程序,但应该可以工作,这些都写在远程调试指南中。Ottimo,buona giornata anche a te!:)