Share this result

Previews are deleted daily. Get a permanent share link sent to your inbox:
Script
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>ULTIMATE HACKER STUDIO X</title> <style> :root{--green:#00ff9c;--red:#ff1744;--bg:#030807;--panel:#071712} *{box-sizing:border-box} body{margin:0;background:var(--bg);color:var(--green);font-family:monospace} header{padding:16px;text-align:center;background:#06130f;border-bottom:1px solid var(--green)} h1{font-size:22px;margin:5px;text-shadow:0 0 12px var(--green)} header p{font-size:11px;color:#a0c8b5} nav{display:flex;overflow:auto;gap:6px;padding:9px;background:#020504;position:sticky;top:0;z-index:5} button,select,input{background:#071b14;color:var(--green);border:1px solid #087b50;padding:10px;border-radius:5px;font-family:inherit} button{cursor:pointer} button:active{background:#12452f} nav button{white-space:nowrap} main{padding:10px;max-width:1100px;margin:auto} .panel{background:var(--panel);border:1px solid #075d3d;border-radius:8px;padding:12px;margin-bottom:12px} h2{font-size:15px;margin-top:0} .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:8px} .stat{background:#020b08;border:1px solid #075d3d;padding:9px;border-radius:5px;font-size:12px} #stage{position:relative;background:#000;overflow:hidden;border:1px solid #087b50;border-radius:8px;min-height:200px} #video{width:100%;display:block;max-height:65vh;object-fit:contain} #overlay{position:absolute;inset:0;width:100%;height:100%;pointer-events:none} #placeholder{padding:60px 10px;text-align:center;color:#43866a} #radar{width:100%;max-width:260px;display:block;margin:auto;background:#00150c;border-radius:50%} #matrix{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:-1;opacity:.17} #terminal{height:150px;overflow:auto;background:#000;padding:10px;font-size:12px;white-space:pre-wrap} #modeList{max-height:280px;overflow:auto} .mode{width:100%;text-align:left;font-size:11px;padding:8px} #notice{color:#ffda76;font-size:12px;line-height:1.5} footer{text-align:center;padding:20px;color:#579078;font-size:11px} .badge{color:#fff;background:#075d3d;padding:3px 6px;border-radius:3px} </style> </head> <body> <canvas id="matrix"></canvas> <header> <h1>⚡ ULTIMATE HACKER STUDIO X</h1> <p>CAMERA LAB • AI OBJECT DETECTION • RADAR • CYBER SIMULATOR</p> <div class="badge">300+ SELECTABLE MODES</div> </header> <nav> <button onclick="show('cameraPanel')">📷 Camera</button> <button onclick="show('radarPanel')">🔴 Radar</button> <button onclick="show('aiPanel')">🤖 AI Scanner</button> <button onclick="show('modesPanel')">⚡ 300+ Modes</button> <button onclick="show('terminalPanel')">💻 Terminal</button> </nav> <main> <section class="panel" id="cameraPanel"> <h2>📷 LIVE CAMERA STUDIO</h2> <div id="stage"> <video id="video" autoplay playsinline muted style="display:none"></video> <canvas id="overlay"></canvas> <div id="placeholder">CAMERA OFFLINE<br><br>Press START CAMERA</div> </div> <br> <div class="grid"> <button onclick="startCamera()">▶ START CAMERA</button> <button onclick="stopCamera()">■ STOP CAMERA</button> <button onclick="takePhoto()">📸 TAKE PHOTO</button> <button onclick="toggleRecording()">🔴 RECORD VIDEO</button> <button onclick="flipCamera()">🔄 SWITCH CAMERA</button> <button onclick="toggleMirror()">🪞 MIRROR</button> </div> <p id="cameraStatus">Camera: Offline</p> <p id="notice">Camera permission is required. Detection runs locally in your browser when the AI model is loaded. No face identity recognition is performed.</p> </section> <section class="panel" id="radarPanel"> <h2>🔴 MOTION & OBJECT RADAR</h2> <canvas id="radar" width="300" height="300"></canvas> <div class="grid"> <div class="stat">Detected objects: <b id="objectCount">0</b></div> <div class="stat">Persons detected: <b id="personCount">0</b></div> <div class="stat">Radar sweep: <b id="sweepStatus">ACTIVE</b></div> <div class="stat">AI model: <b id="modelStatus">Not loaded</b></div> </div> <p>Red dots represent people detected in the camera image, not people detected through walls or at a distance.</p> </section> <section class="panel" id="aiPanel"> <h2>🤖 AI OBJECT SCANNER</h2> <div class="grid"> <button onclick="loadAI()">LOAD AI MODEL</button> <button onclick="toggleDetection()">START / STOP DETECTION</button> <button onclick="clearDetections()">CLEAR RESULTS</button> </div> <br> <label>Minimum confidence: <input id="confidence" type="range" min="20" max="90" value="45" oninput="confLabel.textContent=this.value+'%'"> <span id="confLabel">45%</span></label> <div id="detections" class="stat" style="margin-top:10px">No detections yet.</div> <p id="aiNote">AI model status: not loaded. First model download requires internet.</p> </section> <section class="panel" id="modesPanel"> <h2>⚡ 300+ DIFFERENT SELECTABLE MODES</h2> <p>Modes combine different visual effects and scanner settings. They are not 300 separate AI models.</p> <input id="searchMode" placeholder="Search modes..." oninput="renderModes()" style="width:100%"> <br><br> <div id="modeList" class="grid"></div> <p id="modeStatus">Selected: Cyber Green</p> </section> <section class="panel" id="terminalPanel"> <h2>💻 CYBER SIMULATOR TERMINAL</h2> <div id="terminal">ULTIMATE HACKER STUDIO X v1.0 Simulation environment initialized. Type help for commands. </div> <form id="commandForm"> <input id="command" placeholder="Enter command: help" style="width:75%"> <button>RUN</button> </form> <p>یہ صرف مقامی سائبر تھیم سیمولیٹر ہے؛ یہ کسی دوسرے فون یا نیٹ ورک کو ہیک نہیں کرتا۔</p> </section> <section class="panel"> <h2>🧰 QUICK TOOLS</h2> <div class="grid"> <button onclick="matrixOn()">Matrix ON</button> <button onclick="matrixOff()">Matrix OFF</button> <button onclick="toggleFullscreen()">Fullscreen</button> <button onclick="showFPS()">Performance Info</button> <button onclick="exportLog()">Export Terminal Log</button> <button onclick="resetApp()">Reset Interface</button> </div> <p id="performance" class="stat">Performance: waiting</p> </section> </main> <footer>ULTIMATE HACKER STUDIO X • Browser-based demo • No real hacking</footer> <script src="https://cdn.jsdelivr.net/npm/@tensorflow/tfjs@4.20.0/dist/tf.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/@tensorflow-models/coco-ssd@2.2.3/dist/coco-ssd.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/jsqr@1.4.0/dist/jsQR.js"></script> <script> const $=id=>document.getElementById(id); const video=$('video'); const overlay=$('overlay'); const ctx=overlay.getContext('2d'); let stream=null, model=null, detecting=false, recording=false, recorder=null; let chunks=[], facing='environment', mirrored=false, lastPredictions=[]; let sweep=0, lastFrame=0, fps=0, frameCount=0, fpsTime=performance.now(); function show(id){ $(id).scrollIntoView({behavior:'smooth',block:'start'}); } function log(msg){ const t=$('terminal'); t.textContent+='\\n['+new Date().toLocaleTimeString()+'] '+msg; t.scrollTop=t.scrollHeight; } function resizeOverlay(){ if(!video.videoWidth)return; overlay.width=video.videoWidth; overlay.height=video.videoHeight; } async function startCamera(){ try{ stopCamera(); stream=await navigator.mediaDevices.getUserMedia({ video:{facingMode:facing,width:{ideal:1280},height:{ideal:720}}, audio:true }); video.srcObject=stream; video.style.display='block'; $('placeholder').style.display='none'; await video.play(); resizeOverlay(); $('cameraStatus').textContent='Camera: Online'; log('Camera started successfully.'); }catch(e){ $('cameraStatus').textContent='Camera error: '+e.message; log('Camera failed: '+e.message); alert('Camera start نہیں ہوا۔ HTTPS استعمال کریں اور browser permission چیک کریں۔'); } } function stopCamera(){ if(stream)stream.getTracks().forEach(t=>t.stop()); stream=null; video.srcObject=null; video.style.display='none'; $('placeholder').style.display='block'; ctx.clearRect(0,0,overlay.width,overlay.height); $('cameraStatus').textContent='Camera: Offline'; if(recording)stopRecording(); } async function flipCamera(){ facing=facing==='environment'?'user':'environment'; if(stream)await startCamera(); } function toggleMirror(){ mirrored=!mirrored; video.style.transform=mirrored?'scaleX(-1)':'none'; log('Mirror '+(mirrored?'enabled':'disabled')); } function takePhoto(){ if(!stream){alert('پہلے کیمرہ شروع کریں۔');return} const c=document.createElement('canvas'); c.width=video.videoWidth;c.height=video.videoHeight; const x=c.getContext('2d'); if(mirrored){x.translate(c.width,0);x.scale(-1,1)} x.drawImage(video,0,0); c.toBlob(blob=>{ if(!blob)return; const a=document.createElement('a'); a.href=URL.createObjectURL(blob);a.download='cyber-photo.jpg';a.click(); setTimeout(()=>URL.revokeObjectURL(a.href),1000); },'image/jpeg',.95); log('Photo captured.'); } async function toggleRecording(){ if(recording){stopRecording();return} if(!stream){alert('پہلے کیمرہ شروع کریں۔');return} if(!window.MediaRecorder){alert('یہ براؤزر ویڈیو ریکارڈنگ سپورٹ نہیں کرتا۔');return} try{ chunks=[]; recorder=new MediaRecorder(stream); recorder.ondataavailable=e=>{if(e.data.size)chunks.push(e.data)}; recorder.onstop=()=>{ const blob=new Blob(chunks,{type:recorder.mimeType||'video/webm'}); const a=document.createElement('a'); a.href=URL.createObjectURL(blob);a.download='cyber-recording.webm';a.click(); setTimeout(()=>URL.revokeObjectURL(a.href),3000); log('Video saved.'); }; recorder.start();recording=true; log('Video recording started.'); }catch(e){alert('Recording error: '+e.message)} } function stopRecording(){ if(recorder&&recording&&recorder.state!=='inactive')recorder.stop(); recording=false; } async function loadAI(){ if(model){log('AI model is already loaded.');return} $('modelStatus').textContent='Loading...'; $('aiNote').textContent='Loading COCO-SSD. Please wait...'; try{ model=await cocoSsd.load(); $('modelStatus').textContent='Ready'; $('aiNote').textContent='AI model loaded successfully.'; log('Object detection model ready.'); }catch(e){ $('modelStatus').textContent='Error'; $('aiNote').textContent='Model loading failed. Check internet and reload.'; log('AI model error: '+e.message); } } function toggleDetection(){ detecting=!detecting; log('AI detection '+(detecting?'enabled':'disabled')); if(detecting&&!model)loadAI(); } function clearDetections(){ lastPredictions=[]; $('detections').textContent='Results cleared.'; $('objectCount').textContent='0'; $('personCount').textContent='0'; } async function detectionLoop(){ requestAnimationFrame(detectionLoop); const now=performance.now(); frameCount++; if(now-fpsTime>=1000){ fps=Math.round(frameCount*1000/(now-fpsTime)); frameCount=0;fpsTime=now; } if(!video.videoWidth||video.readyState<2)return; if(overlay.width!==video.videoWidth||overlay.height!==video.videoHeight)resizeOverlay(); ctx.clearRect(0,0,overlay.width,overlay.height); if(detecting&&model&&now-lastFrame>450){ lastFrame=now; try{ lastPredictions=await model.detect(video); drawDetections(lastPredictions); }catch(e){} }else if(lastPredictions.length)drawDetections(lastPredictions); drawRadar(); } function drawDetections(predictions){ const min=Number($('confidence').value)/100; let valid=predictions.filter(p=>p.score>=min); let persons=valid.filter(p=>p.class==='person'); $('objectCount').textContent=valid.length; $('personCount').textContent=persons.length; $('detections').textContent=valid.length? valid.map(p=>p.class+' — '+Math.round(p.score*100)+'%').join('\\n'): (detecting?'No objects detected.':'Detection is stopped.'); ctx.lineWidth=Math.max(2,overlay.width/400); valid.forEach(p=>{ const [x,y,w,h]=p.bbox; ctx.strokeStyle=p.class==='person'?'#ff1744':'#00ff9c'; ctx.strokeRect(x,y,w,h); ctx.fillStyle=p.class==='person'?'#ff1744':'#00ff9c'; ctx.font='16px monospace'; ctx.fillText(p.class+' '+Math.round(p.score*100)+'%',x,Math.max(18,y-5)); }); } function drawRadar(){ const c=$('radar'),r=c.getContext('2d'),w=c.width,h=c.height,cx=w/2,cy=h/2; r.clearRect(0,0,w,h); r.strokeStyle='#087b50';r.lineWidth=1; for(let rad=35;rad<=125;rad+=30){r.beginPath();r.arc(cx,cy,rad,0,Math.PI*2);r.stroke()} r.beginPath();r.moveTo(cx,10);r.lineTo(cx,h-10);r.moveTo(10,cy);r.lineTo(w-10,cy);r.stroke(); sweep=(sweep+2)%360; r.save();r.translate(cx,cy);r.rotate(sweep*Math.PI/180); const grad=r.createLinearGradient(0,0,125,0); grad.addColorStop(0,'rgba(0,255,156,0)'); grad.addColorStop(1,'rgba(0,255,156,.6)'); r.fillStyle=grad;r.beginPath();r.moveTo(0,0);r.arc(0,0,125,-.18,.18);r.closePath();r.fill();r.restore(); const persons=lastPredictions.filter(p=>p.class==='person'&&p.score>=Number($('confidence').value)/100); persons.forEach(p=>{ const x=p.bbox[0]+p.bbox[2]/2; const y=p.bbox[1]+p.bbox[3]/2; const px=Math.max(15,Math.min(285,x/Math.max(1,video.videoWidth)*280+10)); const py=Math.max(15,Math.min(285,y/Math.max(1,video.videoHeight)*280+10)); r.fillStyle='#ff1744';r.beginPath();r.arc(px,py,5,0,Math.PI*2);r.fill(); r.fillStyle='#ff1744';r.font='10px monospace';r.fillText('PERSON',Math.min(240,px+7),py-6); }); } function renderModes(){ const names=[ 'Matrix Rain','Neon Green','Cyber Red','Ice Blue','Purple Hologram', 'Radar Sweep','Motion Radar','Person Tracker','Object Scanner','Vehicle Scanner', 'Face Box','Face Mesh Style','Edge Scanner','Night Vision Effect','Thermal Style', 'Glitch Screen','RGB Split','Scan Lines','CRT Monitor','Digital Noise', 'Hacker Terminal','Cyber Grid','Hex Grid','HUD Overlay','Target Lock', 'Pulse Wave','Laser Sweep','Digital Rain','Wireframe','Pixel Storm', 'Blue Scanner','Red Scanner','Gold Scanner','Violet Scanner','White Scanner', 'Camera Mirror','Camera Flip','High Contrast','Grayscale','Invert Colors', 'Brightness Boost','Contrast Boost','Saturation Boost','Blur Effect','Sharp Look', 'Neon Outline','Glowing Frame','Corner Brackets','Crosshair','Center Target', 'Object Labels','Confidence Labels','Minimal HUD','Dense HUD','Clean View', 'Radar Rings','Radar Cross','Radar Pulse','Radar Trail','Radar Alert', 'Security Dashboard','System Monitor','FPS Monitor','Time Display','Date Display', 'Code Rain','Binary Rain','Hexadecimal Rain','Terminal Green','Terminal Amber', 'Terminal Red','Terminal Blue','Terminal Purple','Cyber Console','Boot Sequence', 'System Diagnostics','Fake Scan Simulation','Loading Animation','Progress Display','Warning Mode', 'Safe Mode','Stealth Theme','Arcade Theme','Retro Computer','Sci-Fi Console', 'Face Center Box','Face Landmark Style','Eye Marker Style','Smile Marker Style','Head Pose Display', 'Body Outline Style','Hand Outline Style','Finger Marker Style','Gesture HUD','Pose HUD', 'Car Highlight','Bus Highlight','Truck Highlight','Bike Highlight','Motorcycle Highlight', 'Person Highlight','Animal Highlight','Furniture Highlight','Electronics Highlight','Food Highlight', 'Object Counter','Person Counter','Vehicle Counter','Detection List','Confidence Meter', 'QR Scan View','Text Scanner View','Color Picker View','Image Analysis View','Photo Studio', 'Video Studio','Recording HUD','Capture Frame','Mirror Camera','Flip Camera', 'Grid Overlay','Rule Of Thirds','Center Cross','Golden Ratio Grid','Horizon Guide', 'Digital Compass Style','Orbit Rings','Target Radar','Sweep Radar','Echo Radar', 'Motion Trail','Ghost Trail','Afterimage Style','Flash Alert','Pulse Alert', 'Slow Pulse','Fast Pulse','Heartbeat HUD','Signal Bars','Signal Wave', 'Audio Bars','Audio Wave','Spectrum Style','Sound Meter','Microphone Monitor', 'Cyber Dashboard','Minimal Dashboard','Compact Dashboard','Wide Dashboard','Mobile Dashboard', 'Classic Green HUD','Classic Red HUD','Classic Blue HUD','Classic Amber HUD','Classic Violet HUD', 'Retro Green Screen','Monochrome Screen','Amber CRT','Blue CRT','Phosphor Screen', 'Digital Clock HUD','Countdown Display','Stopwatch Display','Session Timer','Uptime Display', 'Coordinate Grid','Pixel Coordinates','Normalized Coordinates','Bounding Boxes','Corner Boxes', 'Solid Boxes','Dashed Boxes','Thin Boxes','Thick Boxes','Glow Boxes', 'Crosshair Corners','Four Corner HUD','Bracket HUD','Focus Ring','Focus Pulse', 'Radar Dot Mode','Radar Trail Mode','Radar Label Mode','Radar Sweep Mode','Radar Grid Mode', 'Object Focus Mode','Person Focus Mode','Vehicle Focus Mode','Animal Focus Mode','All Objects Mode', 'High Sensitivity Theme','Balanced Sensitivity Theme','Low Sensitivity Theme','Precision Theme','Performance Theme', 'Power Saver Theme','Dark Cyber Theme','Deep Black Theme','Green Matrix Theme','Red Alert Theme', 'Blue Ice Theme','Purple Neon Theme','Golden Cyber Theme','Silver HUD Theme','White HUD Theme', 'Scan Sweep Left','Scan Sweep Right','Scan Sweep Up','Scan Sweep Down','Circular Sweep', 'Horizontal Sweep','Vertical Sweep','Diagonal Sweep','Dual Sweep','Triple Sweep', 'Grid Pulse','Ring Pulse','Line Pulse','Dot Pulse','Wave Pulse', 'Static Noise','Digital Static','Pixel Glitch','Horizontal Glitch','Vertical Glitch', 'Chromatic Glitch','Signal Glitch','Data Stream','Packet Stream Style','Network Grid Style', 'Circuit Board Style','Microchip HUD','Processor HUD','Memory HUD','Storage HUD', 'System Ready Screen','System Busy Screen','Scan Complete Screen','Standby Screen','Active Screen', 'Camera Ready Screen','Camera Error Screen','AI Ready Screen','AI Loading Screen','AI Idle Screen', 'Photo Frame Classic','Photo Frame Neon','Photo Frame Cyber','Photo Frame Minimal','Photo Frame HUD', 'Recording Frame Red','Recording Frame Green','Recording Frame Blue','Timestamp Frame','Metadata Frame', 'Image Histogram View','Brightness Meter','Color Balance View','RGB Channel View','Edge Map Style', 'Outline Style','Contour Style','Threshold Style','Pixel Grid Style','Digital Mosaic Style', 'Text HUD','Icon HUD','Number HUD','Data HUD','Status HUD', 'Alert Banner','Warning Banner','Info Banner','Success Banner','Error Banner', 'System Log View','Event Log View','Detection Log View','Camera Log View','AI Log View', 'Quick Controls','Advanced Controls','Touch Friendly HUD','Large Button HUD','Compact Controls', 'Portrait Layout','Landscape Layout','Cinema Layout','Square Preview','Wide Preview', 'Cyber Frame One','Cyber Frame Two','Cyber Frame Three','Cyber Frame Four','Cyber Frame Five', 'Hologram Frame One','Hologram Frame Two','Hologram Frame Three','Hologram Frame Four','Hologram Frame Five', 'Radar Theme One','Radar Theme Two','Radar Theme Three','Radar Theme Four','Radar Theme Five', 'Scanner Theme One','Scanner Theme Two','Scanner Theme Three','Scanner Theme Four','Scanner Theme Five', 'Matrix Theme One','Matrix Theme Two','Matrix Theme Three','Matrix Theme Four','Matrix Theme Five', 'Studio Theme One','Studio Theme Two','Studio Theme Three','Studio Theme Four','Studio Theme Five' ]; while(names.length<320)names.push('Custom Cyber Preset '+(names.length+1)); const q=$('searchMode').value.toLowerCase(); const list=$('modeList');list.innerHTML=''; names.forEach((name,i)=>{ if(!name.toLowerCase().includes(q))return; const b=document.createElement('button'); b.className='mode'; b.textContent=String(i+1).padStart(3,'0')+' • '+name; b.onclick=()=>selectMode(name,i); list.appendChild(b); }); } function selectMode(name,i){ $('modeStatus').textContent='Selected: '+name+' (#'+(i+1)+')'; const colors=['#00ff9c','#ff1744','#42a5ff','#c77dff','#ffd166','#ffffff']; const color=colors[i%colors.length]; document.documentElement.style.setProperty('--green',color); log('Preset selected: '+name); } $('commandForm').addEventListener('submit',e=>{ e.preventDefault(); const raw=
Landing Page
This ad does not have a landing page available
Network Timeline
Performance Summary

4

Requests

2

Domains

429KB

Transfer Size

1716KB

Content Size

654.0ms

Dom Content Loaded

296.0ms

First Paint

655.0ms

Load Time
Domain Breakdown
Transfer Size (bytes)
Loading...
Content Size (bytes)
Loading...
Header Size (bytes)
Loading...
Requests
Loading...
Timings (ms)
Loading...
Total Time
Loading...
Content Breakdown
Transfer Size (bytes)
Loading...
Content Size (bytes)
Loading...
Header Size (bytes)
Loading...
Requests
Loading...