Alex 发自 凹非寺量子位 | 公众号 QbitAI
HTML不是编程语言,但这并不妨碍前端工程师把它玩出花儿来。
比如,有人就拿HTML来访问用户的相机——
在网页上,点击按钮即可直接打开手机前置镜头来拍照。
也可以调用手机的后置镜头,开启摄像模式。
值得注意的是,在这里,小哥只用了HTML语言就实现了上述功能。
1、打开一个浏览器,在百度中输入“dreamweaver”,单击“百度一下”。2、出现dreamweaver2018新版免费下载,进行软件的下载并且安装。3、在电脑桌面上面找到这个扩展名字为html的文件。4、在这个文件上面右键单击,出现的菜单中。
他利用HTML的capture属性,只需设置几个input参数,再加上几行代码搞定了。
比起别的实现方式,这样可以更便捷地获取用户相机权限;而且没什么安全问题。
不出所料,一大波程序员纷纷前来围观。有人表示:
用HTML capture属性直接访问相机,确实比用JavaScript更方便。
这位小哥的网名叫Austin Gil,他是一位从事网页开发的工程师。
下面就跟随小哥分享的内容,一起来看看具体实现步骤吧。
如何用HTML打开相机?
首先当然是写代环节。
小哥创建了一个index.html文档,配合HTML的accpet属性,来指定不同标签所要capture的文件的具体属性。
在这里,他设置了“environment”和“user”两个标签。
具体代码如下:
到这里,眼尖的人可能已经发现:没有提示用户是否打开访问相机的权限,网页就直接调用了相机。
那这样操作,有没有安全风险啊?
对此,小哥给出答案:无额外风险。
因为浏览器其实并不能真正控制用户相机(虽然看起来好像可以直接访问),而不过是能轻松上传相机生成的新文件罢了。
1、我们首先要在电脑上下载安装360浏览器。2、然后右击电脑上的html文件。3、在弹出的窗口中选择打开方式。4、下拉找到360浏览器。5、点击360浏览器。6、最后点击确定就可以打开html文件了。
说人话——对用户而言,浏览器通过HTML只能打开摄像头;如果需要把照片或者视屏展示到网站,或者保存下来,仍然需要用到JavaScript的MediaDevices API。
打开浏览器,点文件-打开,查找HTML文件。操作步骤:1、我的电脑中双击html文件后,默认使用谷歌浏览器打开;2、右键单击html文件,选择“打开方式”-"选择默认程序";3、勾选“所有html文件都用这个应用打开”,选择你要指。
有网友补充道,这种操作方式比纯用JavaScript更安全。
1、html一般用电脑自带的InternetExplorer软件打开。2、HTML称为超文本标记语言,是一种标识性的语言。它包括一系列标签,通过这些标签可以将网络上的文档格式统一,使分散的Internet资源连接为一个逻辑整体。HTML文本是由HTML命令。
因为运用JS的话,在用户允许访问相机后,浏览器就能直接控制摄像头。
而在Web 3.0标准之后(现在主要用的是Web 5标准),规定网页不能直接访问用户的镜头。
△图源caniuse.com:红色框表示不支持;绿色框表示支持;棕色框表示部分支持;灰色框表示未知
量子位亲测了一下小哥的这段代码,结果显示:
而在iPhone上,使用百度等浏览器,真的可以直接打开前置和后置摄像头。
感兴趣的伙伴们可以用下面链接中的代码试试~
传送门:[1][2]
— 完 —
首先在手机上利用QQ接收一个HTML文件。2、然后在手机QQ中点击该HTML文件,选择用其他应用打开。3、然后在其他应用中选择浏览器,点击下方的仅此一次。4、打开完成后的效果如图所示,HTML文件成功被在浏览器中打开。
量子位 QbitAI · 头条号签约
关注我们,第一时间获知前沿科技动态