打开相机黑屏什么原因(打开相机权限在哪里)

来自奥菲斯的Alex
qubit |微信官方账号QbitAI

HTML不是编程语言，但这并不妨碍前端工程师发挥出来。

例如，有人使用HTML访问用户的摄像头-

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

(没错，就是前置镜头！哥哥可能有镜子什么的)

还可以调用手机后置镜头开启拍照模式。

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

他使用HTML的capture属性，只需要设置几个输入参数，加上几行代码。

与其他实现相比，这可以更方便地获取用户的相机权限；而且不存在安全问题。

不出所料，一大波程序员前来围观。有人说:

用HTML capture属性直接访问摄像头确实比用JavaScript更方便。

这位小哥的网名是奥斯汀·吉尔(Austin Gil)，是一名从事网页开发的工程师。

下面就跟着小哥分享的内容，来看看具体的实施步骤吧。

如何用HTML打开相机？

第一步，当然是写生成链接。

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

在这里，他设置了两个标签“环境”和“用户”。

当用户点击环境时，可以调用设备的后置镜头，具有录像功能；当用户点击用户时，他可以打开设备的前置镜头来拍照。

具体代码如下:

此时，眼尖的人可能已经发现，网页没有提示用户是否打开对摄像头的访问权限，直接调用了摄像头。

这个操作有没有安全风险？

对此，小哥给出的答案是:无附加险。

因为浏览器并不能真正控制用户的摄像头(虽然看起来可以直接访问)，但却可以轻松上传摄像头生成的新文件。

与人对话——对于用户来说，浏览器只能通过HTML打开摄像头；如果你需要向网站展示照片或视频或者保存它们，你仍然需要使用JavaScript的MediaDevices API。

有网友补充道，这种操作方式比单纯使用JavaScript更安全。

因为有了JS，允许用户访问后，浏览器就可以直接控制摄像头了。

但是在Web 3.0标准(现在主要使用Web 5标准)之后，规定网页不能直接接触到用户的镜头。

不过小哥也指出，这种直接通过HTML命令打开用户摄像头的方式还是存在一些不足，比如兼容性不好。

△来源caniuse.com:红框表示不支持；绿色方框表示支持；棕色方框表示部分支持；灰色方框表示未知。

量子比特亲测了小哥哥的这段代码，结果显示:

点击环境和用户按钮，分别在MacBook上打开视频格式和图片格式的文件；

在iPhone上，使用百度等浏览器，真的可以直接开启前后摄像头。

感兴趣的伙伴可以用下面链接里的代码试试~

portal:
https://austing il . com/html-capture-attribute/
参考链接
[1]https://www.youtube.com/watch? v = DSTXUEHZRiU & t = 1s
[2]https://news . y combinator . com/item？id=32738501

—结束—

量子qbitai头条号签约

关注我们，第一时间获取最新科技动态。