add trash

2025-11-03 22:08:03 +09:00
parent e8d40aed64
commit bc60033c19
2 changed files with 218 additions and 0 deletions
--- a/public/trash/bigbrother/index.html
+++ b/public/trash/bigbrother/index.html
@@ -0,0 +1,140 @@
+<!doctype html>
+<html lang="ko">
+<meta charset="utf-8">
+<title>bigbrother — MJPEG Viewer (minimal)</title>
+
+<body>
+<h3>bigbrother — MJPEG Viewer</h3>
+
+<label>Device ID:
+  <input id="deviceId" placeholder="예: Q3F…(26자 Base32)" size="40">
+</label>
+<button id="btnConnect">Connect</button>
+<button id="btnDisconnect">Disconnect</button>
+<br><br>
+
+<img id="view" alt="MJPEG stream will appear here" />
+<pre id="log" style="white-space:pre-wrap;"></pre>
+
+<script>
+const logEl = document.getElementById('log');
+const imgEl = document.getElementById('view');
+const deviceIdEl = document.getElementById('deviceId');
+const signalingURL = 'wss://signaling.damhw.ee/ws/client';
+const iceServers = [
+  {urls: 'stun:stun.cloudflare.com:3478'},
+  {urls: 'stun:stun.l.google.com:19302'}
+];
+
+let ws = null;
+let pc = null;
+let dc = null;
+let sess = null;
+let key = null;
+
+function log(...args){ logEl.textContent += args.join(' ') + '\n'; }
+function sleep(ms){ return new Promise(r=>setTimeout(r,ms)); }
+
+async function ensureSW() {
+  if (!('serviceWorker' in navigator)) throw new Error('Service Worker 미지원 브라우저');
+  const reg = await navigator.serviceWorker.register('./sw.js', {scope: './'});
+  await navigator.serviceWorker.ready;
+  // 활성/컨트롤 보장
+  if (!navigator.serviceWorker.controller) {
+    // 새로고침 1회 필요할 수 있음. 최대한 기다려본다.
+    await sleep(300);
+  }
+}
+
+async function connect() {
+  const deviceId = deviceIdEl.value.trim();
+  if (!deviceId) { alert('DeviceID를 입력하세요'); return; }
+  localStorage.setItem('bb_device_id', deviceId);
+
+  await ensureSW();
+  key = (crypto.randomUUID && crypto.randomUUID()) || String(Date.now())+Math.random();
+
+  ws = new WebSocket(signalingURL);
+  ws.onopen = async () => {
+    log('[ws] open');
+    ws.send(JSON.stringify({t:'connect', deviceId}));
+  };
+  ws.onmessage = async (ev) => {
+    const msg = JSON.parse(ev.data);
+    if (msg.t === 'accepted') {
+      sess = msg.sess;
+      log('[ws] accepted, sess=', sess);
+
+      pc = new RTCPeerConnection({iceServers});
+      // 우리가 DataChannel을 먼저 만들어 SDP에 포함
+      dc = pc.createDataChannel('mjpeg');
+      dc.binaryType = 'arraybuffer';
+
+      dc.onopen = () => log('[dc] open');
+      dc.onclose = () => log('[dc] close');
+      dc.onmessage = (e) => {
+        if (typeof e.data === 'string') {
+          try {
+            const j = JSON.parse(e.data);
+            if (j.t === 'hdr') {
+              // 헤더 수신 → SW에 스트림 시작 알림 후 <img src> 설정
+              navigator.serviceWorker.controller && navigator.serviceWorker.controller.postMessage({
+                type:'start', key, status: j.status, headers: j.headers
+              });
+              imgEl.src = '/mjpeg?key=' + encodeURIComponent(key);
+              log('[dc] header received. content-type:', (j.headers && j.headers['Content-Type']) || (j.headers && j.headers['content-type']));
+            } else if (j.t === 'eof') {
+              navigator.serviceWorker.controller && navigator.serviceWorker.controller.postMessage({type:'eof', key});
+              log('[dc] eof');
+            } else if (j.t === 'error') {
+              log('[dc] error:', j.msg);
+            }
+          } catch(_) {}
+        } else {
+          // 바이너리 청크 → SW로 전달
+          const chunk = e.data; // ArrayBuffer
+          navigator.serviceWorker.controller && navigator.serviceWorker.controller.postMessage({type:'chunk', key, chunk}, [chunk]);
+        }
+      };
+
+      pc.onicecandidate = (e) => {
+        if (e.candidate) {
+          ws && ws.send(JSON.stringify({t:'ice', sess, candidate: e.candidate}));
+        }
+      };
+
+      const offer = await pc.createOffer();
+      await pc.setLocalDescription(offer);
+      ws.send(JSON.stringify({t:'offer', sess, sdp: pc.localDescription}));
+
+    } else if (msg.t === 'answer' && msg.sess === sess) {
+      await pc.setRemoteDescription(msg.sdp);
+      log('[ws] answer set');
+
+    } else if (msg.t === 'ice' && msg.sess === sess) {
+      try { await pc.addIceCandidate(msg.candidate); } catch(e){ /* ignore */ }
+
+    } else if (msg.t === 'error') {
+      log('[ws] error:', msg.reason || '');
+    }
+  };
+  ws.onclose = () => log('[ws] close');
+  ws.onerror = (e) => log('[ws] error', e.message||'');
+}
+
+function disconnect() {
+  if (imgEl) imgEl.src = '';
+  if (dc){ try{ dc.close(); }catch{} dc=null; }
+  if (pc){ try{ pc.close(); }catch{} pc=null; }
+  if (ws){ try{ ws.close(); }catch{} ws=null; }
+  sess = null; key = null;
+  log('[*] disconnected');
+}
+
+document.getElementById('btnConnect').onclick = connect;
+document.getElementById('btnDisconnect').onclick = disconnect;
+
+deviceIdEl.value = localStorage.getItem('bb_device_id') || '';
+</script>
+</body>
+</html>