这位国外小哥是从事网页开拓的工程师，外洋网友都叫他Austin Gil。
既然是从事网页开拓设计的，对HTML、java、CSS等干系网页措辞都很熟习了。
Austin Gil采取了最大略的网页措辞，仅用HTML，实现了在网页上点击按钮就能够直接打开手机前置镜头来拍照。也可以调用手机后置镜头，开启录像模式。
全体编译过程，利用了HTML的capture属性，设置几个input参数和加上几行代码就搞定了，不费吹灰之力。
虽然用JavaScript或其它的方法也可以实现，但比起别的方法，这样能够便捷地获取用户相机权限，而且不用担心安全问题。
很多人都想知道干系代码，接下来会提到的，一起来看看吧。
教你利用HTML打开相机：
首先创建一个index.html文档，合营HTML的accpet属性，来指定不同标签所要capture的文件的详细属性。
Austin Gil设置了“environment”和“user”两个标签。
点击“environment”，可以调用相机的后置镜头，且可以录像；
点击“user”，可以打开相机前置镜头拍照。
详细代码如下：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width,initial-scale=1" />
<style>
{
font-size: 1.5rem;
}
</style>
</head>
<body>
<label for="environment">Capture environment:</label>
<br>
<input
type="file"
id="environment"
capture="environment"
accept="video/"
>
<br><br>
<label for="user">Capture user:</label>
<br>
<input
type="file"
id="user"
capture="user"
accept="image/"
>
</body>
</html>
从这些代码中，我们可以捕获到一个信息，便是没有提示用户是否打开访问相机的权限，网页就直接调用了相机。
问题是，这样操作，没有安全风险吗？
当很多人提出迷惑的时候，Austin Gil做出理解释：无额外风险。
浏览器实在并不能真正掌握手机相机APP，即便是这样操作可以直接访问，但也只不过是能轻松上传相机天生的新文件而已。
大略来说，便是对付用户而言，浏览器通过HTML只能打开手机摄像头。如果要把照片、视频展示到网站上，或是想要保存下来，还得用到JavaScript的MediaDevices API。
这样操作是比纯用JavaScript更安全的。
由于利用JavaScript，在用户许可访问相机后，浏览器就能直接掌握摄像头了。
而在Web 3.0标准之后，规定网页不能直接访问用户的手机镜头。
PS：现在紧张用的是Web 5的标准。
末了是兼容性，据悉在这方面并不是很好。
Austin Gil指出，这种直接通过HTML指令打开用户摄像头的办法目前还存在不敷，比如兼容性不太好。
如下图所示：
赤色模块：不支持
绿色模块：支持
棕色模块：部分支持
灰色：未知
很多网友在好奇心的使令下，测试了调用手机相机的代码。也有前端小哥进行了测试，结果如下：
点击environment和user按钮，在MacBook上分别可以打开视频格式和图片格式的文件；而在iPhone上，利用百度等浏览器，真的可以直接打开前置和后置摄像头！
好咯，本期内容就分享到这里了~
