在纯HTML中,没有直接的方法来打开手机相机。通常,你需要使用JavaScript和Web API来实现这一功能。以下是一个使用HTML和JavaScript打开手机相机的简单示例:
首先,你需要一个HTML文件,其中包含一个按钮,用户点击这个按钮时将触发相机打开的事件。
```html
```
这段代码做了以下几件事情:
1. 创建了一个按钮,用户点击这个按钮时,会触发一个事件。 2. 在JavaScript中,我们添加了一个事件监听器,当按钮被
相关内容:
HTML不是编程语言,但这并不妨碍前端工程师把它玩出花儿来。比如,有人就拿HTML来访问用户的相机——在网页上,点击按钮即可直接打开手机前置镜头来拍照。(没错,就是前置镜头!小哥可能有镜子之类的)Alex 发自 凹非寺
量子位 | 公众号 QbitAI


这位小哥的网名叫Austin Gil,他是一位从事网页开发的工程师。

如何用HTML打开相机?
首先当然是写代环节。小哥创建了一个index.html文档,配合HTML的accpet属性,来指定不同标签所要capture的文件的具体属性。在这里,他设置了“environment”和“user”两个标签。当用户点击environment时,可以调用设备的后置镜头,并拥有录像功能;而当用户点击user时,就能打开设备前置镜头来拍照了。具体代码如下:


△图源caniuse.com:红色框表示不支持;绿色框表示支持;棕色框表示部分支持;灰色框表示未知
量子位亲测了一下小哥的这段代码,结果显示:点击environment和user按钮,在MacBook上分别可以打开视频格式和图片格式的文件;而在iPhone上,使用百度等浏览器,真的可以直接打开前置和后置摄像头。
https://austingil.com/html-capture-attribute/
参考链接
https://www.youtube.com/watch?v=DSTXUEHZRiU&t=1s
https://news.ycombinator.com/item?id=32738501
— 完 —
量子位 QbitAI · 号签约
关注我们,第一时间获知前沿科技动态