覆盖HTML 5输入类型文件,相机与图像/文本从HTML网页
Overlay HTML 5 input type file,camera with an image/text from HTML web page
我正在使用HTML 5输入类型控件进行捕获:
<input type="file" id="take-picture" accept="image/*"
style="position:absolute;top:-50;left:-50;" />
使用这个我能够看到相机并能够捕捉,但是我想在相机实时feed的顶部显示文本或图像。 ?
- 怎么做
- 是否可以在HTML页面中显示摄像机的div控制区域?
您只需要添加一个覆盖的div,就像下面的示例:
http://jsfiddle.net/XbZMX/{点击'iniciar'按钮}
#overlay{color:red;position:absolute}
可以使用HTML5的getusermedia
功能显示直播摄像头。你应该检查一下:http://www.html5rocks.com/en/tutorials/getusermedia/intro/
一旦你得到它的工作,你可以添加一些CSS悬停文本。就像处理图片一样
相关文章:
- javascript和html图像下拉列表
- 来自流星模板的 HTML 图像链接未由浏览器呈现
- html图像映射和悬停css
- HTML 图像未显示
- HTML图像未加载(自动添加内联css和属性)
- 来自HTML图像的jsPDF 会导致 pdf 为空
- 如何使用 HTML 图像请求将数据发送到服务器,或返回数据作为响应
- mp4文件的HTML图像预览
- HTML图像映射为表单提交
- HTML图像布局使用PHP变量,该变量是用JavaScript动态设置的〔o r…〕
- HTML图像加载触发一个错误
- Jquery onmouseover()函数处理动态html图像和span
- JQuery每个函数用HTML图像中的属性填充数组
- 如何在HTML图像地图上制作twitter bootsrap popover
- 简单的HTML图像幻灯片
- 当使用rails助手和嵌入式ruby时,使用JQuery生成html图像
- 尝试将JS绑定到html图像url - 使用WP主题定制器API
- 我正在尝试将 HTML 画布转换为 HTML 图像,但得到一个空白图像
- 带有 base64 字符串(数据 URI)的 HTML 图像标记
- HTML 图像 sldeshow 不更改图像