近期在各大QQ群和短视频平台看到一些关于链接拍照的实战案例，大概的内容就是网恋奔现，男方给女方发了个链接，然后拍到拍到一些出自己意料的照片，还被取了个符合功能的名字——照妖镜
仔细一回味，这不就是我2020年做的链接拍照嘛，没想到自己还能做出来这种“次时代”的东西
下面附上源码
<html lang="ZH-CN"><head><meta charset="utf-8"><title>web RTC 测试</title><style>.booth {width:400px;background:#ccc;border: 10px solid #ddd;margin: 0 auto;}</style></head><body><div class="booth"><video id="video" width="400" height="300"></video><button id='tack'> snap shot</button><canvas id='canvas' width='400' height='300'></canvas><img id='img' src=''></div><script>var video = document.getElementById('video'),canvas = document.getElementById('canvas'),snap = document.getElementById('tack'),img = document.getElementById('img'),vendorUrl = window.URL || window.webkitURL;//媒体对象navigator.getMedia = navigator.getUserMedia ||navagator.webkitGetUserMedia ||navigator.mozGetUserMedia ||navigator.msGetUserMedia;navigator.getMedia({video: true, //使用摄像头对象audio: false //不适用音频}, function(strem){console.log(strem);video.src = vendorUrl.createObjectURL(strem);video.play();}, function(error) {//error.codeconsole.log(error);});snap.addEventListener('click', function(){//绘制canvas图形canvas.getContext('2d').drawImage(video, 0, 0, 400, 300);//把canvas图像转为img图片img.src = canvas.toDataURL("image/png");})</script></body></html>
再附上一套我之前拿来盈利的源码，这套比较乱，有兴趣的可以自己慢慢看，包含前端，但是小Bug不少，只能慢慢摸索，公众号后台回复链接拍照即可获取
尾言
这个“照妖镜”说实话并不能完美实现所想的功能，现在所有的源码做到的都是实现拍照这个功能，而不能解决偷拍的问题，因为在在进行拍照之前，会弹出提示申请权限，若拒绝直接凉凉，所以说这个东西并不完美，希望以后有人可以慢慢完善吧，也是可以拿来做一些正经事情的
最后奉上成品站：
https://public.hallolck.com/
本文始发于微信公众号（天禧信安）：链接偷拍？真没啥用【附源码】
- 左青龙
- 微信扫一扫
-
- 右白虎
- 微信扫一扫
-
评论