HTML `capture` 属性
发布日期:2021-05-09 00:26:46 浏览次数:13 分类:博客文章

本文共 329 字,大约阅读时间需要 1 分钟。

file 类型的 <input> 除了调起系统的文件选择框外,还可通过指定 capture 属性来现场拍照或录制。配合 accept 属性,可实现更加便捷的文件获取。

比如想要录制一段视频,可以这么写:

点击之后直接打开摄像头进行拍摄,而不是弹起文件选择。

`capture` 属性演示

如果没有这个 capture 属性,则需要先借助 获取用户的相机权限,然后再通过 API 进行录制,处理得到的文件。

同样,对于拍照的情况也非常方便了,可以这么写:

更多示例可参见 。

浏览器兼容性

从 的统计来看,支持得还不是很好。但尝试后发现 iOS 只能录制视频,即使指定 accept="audio/*" 也是调起视频录制,而不是录音。

相关资源

上一篇:下拉框中选项的快速定位
下一篇:HTML5中类jQuery选择器querySelector的使用

发表评论

最新留言

路过按个爪印,很不错,赞一个!
[***.219.124.196]2025年03月27日 05时35分26秒