javascript - 覆盖 HTML 5 输入类型文件，带有来自 HTML 网页的图像/文本的相机

Question

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

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

使用它我可以看到摄像头并进行拍摄，但是我想在摄像头实时供稿的顶部显示文本或图像。 ?

1. 怎么做
2. 是否可以在HTML页面的div控制区实时显示摄像头？

Answer 1

您只需像本示例中那样添加一个叠加的 div:

http://jsfiddle.net/XbZMX/ {点击“iniciar”按钮

#overlay{color:red;position:absolute}