Javascript 覆盖HTML5输入类型文件，摄像头带有来自HTML网页的图像/文本

我正在使用HTML 5输入类型控件进行捕获：

<input type="file" id="take-picture" accept="image/*"
style="position:absolute;top:-50;left:-50;"  />

使用此功能，我可以看到相机并拍摄照片，但我希望在相机实时提要顶部显示文本或图像。

怎么做

是否可以在HTML页面中的div控制区域中实时显示摄像头

---

您可以使用HTML5的

getusermedia

功能显示实时摄像头。您应该检查以下内容：

---

一旦你开始工作，你可以用CSS添加一些悬停文本。与处理图像一样

只需添加一个叠加div，如本示例所示：

{单击“iniciar”按钮}

#overlay{color:red;position:absolute}

---

感谢您的回复，我想为手机摄像头（Android/iPhone/iPad）做这件事，当从手机加载摄像头到实时显示器上时，需要保留文本或透明图像。有没有办法做到这一点？手机浏览器不支持usermedia谢谢你的回复，我想用手机摄像头（Android/iPhone/iPad）来实现这一点，当从手机上加载摄像头时，在实时屏幕上需要保留文本或透明图像。有没有办法在移动浏览器上做到这一点？移动浏览器不支持usermedia。此浏览器上有任何更新吗？？？