html5移动捕捉相机并生成预览框

时间:2015-06-20 12:24:13

标签: javascript html5 camera video-capture mobile-browser

如何捕捉相机并在手机页面上的小div上开始“实时预览”?

过去我遇到过一些javascript网络音频api,它可以让你创建声音,操控它们,开始录制音频,缓冲等。

所以我希望视频内容也有一些类似的解决方案,所以我可以开始捕捉摄像机并将数据传递到屏幕上的预览框

我在这里找到了一个链接:http://mobilehtml5.org/ts/?id=23,其中显示了如何使用<input type="file">访问移动内置麦克风和相机,但我不确定我是否采用了正确的方法..

非常感谢任何帮助和建议

1 个答案:

答案 0 :(得分:2)

您是否看过这个html5rocks tutorial,它会查看必要的Javascript和标记,并显示一系列演示,包括如何应用CSS过滤器。

http://www.html5rocks.com/en/tutorials/getusermedia/intro/

我相信它拥有你所需要的一切。