手机找不到照相功能怎么恢复,手机上的照相功能不见了怎么办

首页 > 经验 > 作者:YD1662022-10-27 06:14:16

Alex 发自 凹非寺
量子位 | 公众号 QbitAI

HTML不是编程语言,但这并不妨碍前端工程师把它玩出花儿来。

比如,有人就拿HTML来访问用户的相机——

在网页上,点击按钮即可直接打开手机前置镜头来拍照。

(没错,就是前置镜头!小哥可能有镜子之类的)

手机找不到照相功能怎么恢复,手机上的照相功能不见了怎么办(1)

也可以调用手机的后置镜头,开启摄像模式。

手机找不到照相功能怎么恢复,手机上的照相功能不见了怎么办(2)

值得注意的是,在这里,小哥只用了HTML语言就实现了上述功能。

他利用HTML的capture属性,只需设置几个input参数,再加上几行代码搞定了。

比起别的实现方式,这样可以更便捷地获取用户相机权限;而且没什么安全问题。

不出所料,一大波程序员纷纷前来围观。有人表示:

用HTML capture属性直接访问相机,确实比用JavaScript更方便

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

手机找不到照相功能怎么恢复,手机上的照相功能不见了怎么办(3)

下面就跟随小哥分享的内容,一起来看看具体实现步骤吧。

如何用HTML打开相机?

首先当然是写代环节。

小哥创建了一个index.html文档,配合HTML的accpet属性,来指定不同标签所要capture的文件的具体属性。

在这里,他设置了“environment”“user”两个标签。

当用户点击environment时,可以调用设备的后置镜头,并拥有录像功能;而当用户点击user时,就能打开设备前置镜头来拍照了。

具体代码如下:

手机找不到照相功能怎么恢复,手机上的照相功能不见了怎么办(4)

首页 12下一页

栏目热文

文档排行

本站推荐

Copyright © 2018 - 2021 www.yd166.com., All Rights Reserved.