Javascript 如何定制HTML5摄像头视图？

我知道HTML5摄像头api本身不受大多数移动浏览器的支持。移动浏览器对我的要求支持更少

好的，使用html5从移动浏览器捕获图像的选项有（请告诉我是否有任何选项是大多数浏览器都不支持的，比如设备标签）

1） 使用文件输入标记

2） 使用navigator的getUserMedia

现在，我正在寻找一种自定义相机预览的方法，例如在相机视图顶部绘制一些圆/矩形，读取相机传感器的picth/roll值，并在拍摄前将该圆/矩形转换为不同的颜色

让我知道继续的方法，任何现有的libs或演示代码都更有用。

---

我只想用HTML和一些JS库来实现，而不是用Phonegap来寻找解决方案。

我在大约一个月前研究过类似的问题，并确定它目前在手机上不可行。在桌面上，你可以使用用户摄像头作为图像src，做任何你想做的事情（但提到Phonegap时说这不是你想要的）。@ericjbasti你能提供任何与桌面相关的链接吗？我会尝试选择其中一些。这里有一个jsbin。仅查看。。。它在Safari中不起作用。Safari还有其他选择吗？我不知道。根据Can I Use，并阅读了一些邮件列表帖子，看起来规范的草案已经发生了足够多的变化，在事情最终确定之前，它可能不会发生。