망태 - 조작영상 포렌식도구

<!DOCTYPE html> <html lang="ko"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1"> <title>망태 - 조작영상 포렌식도구</title> <link rel="preconnect" href="https://cdn.jsdelivr.net" crossorigin> <script src="https://cdn.jsdelivr.net/npm/onnxruntime-web/dist/ort.min.js"></script> <style> :root{--bg:#0e1324;--bg-2:#0b1020;--panel:rgba(255,255,255,.08);--ink:#ffffff;--muted:#ffffff;--muted-2:#ffffff;--line:rgba(210,225,255,.45);--accent:#a9c0ff;--accent-2:#8fb1ff;--ok:#18c08f;--bad:#ff5c7a;--ring:0 0 0 2px rgba(143,177,255,.65),0 10px 34px rgba(2,6,23,.35)} *{box-sizing:border-box} html,body{margin:0;padding:0;background:radial-gradient(1200px 1200px at 20% -10%,#1a2350 0%,#0b1220 35%,#080d19 70%),linear-gradient(180deg,#0b1220 0%,#0d1224 100%);color:var(--ink);font-family:ui-sans-serif,system-ui,-apple-system,Pretendard,Segoe UI,Roboto,'Noto Sans KR',sans-serif} a{color:var(--accent);text-decoration:none} .hc-wrap{max-width:1100px;margin:24px auto;padding:16px} .hc-title{display:flex;gap:12px;align-items:center;justify-content:space-between;margin-bottom:14px} .hc-title h1{font-size:26px;line-height:1.2;margin:0;letter-spacing:.2px;color:#fff} .badge{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);padding:7px 12px;border-radius:999px;background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,.06));backdrop-filter:blur(10px);color:#fff} .hc-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px} .hc-card{background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,.06));backdrop-filter:blur(12px);border:1px solid var(--line);border-radius:18px;box-shadow:0 10px 28px rgba(2,6,23,.30)} .hc-card .hd{padding:14px 16px;border-bottom:1px solid var(--line);font-weight:700;color:#fff;letter-spacing:.2px} .hc-card .bd{padding:14px 16px} .hc-kv{display:grid;grid-template-columns:160px 1fr;gap:10px;row-gap:12px;align-items:center} label,.small,p,li,.muted,span,div{color:#fff} .hc-controls{display:grid;grid-template-columns:repeat(4,1fr);gap:12px} .hc-controls .row{display:flex;flex-direction:column;gap:6px} .hc-controls input[type=range]{width:100%} .hc-controls input[type=checkbox]{transform:translateY(1px)} input[type=file],input[type=url],input[type=number],input[type=text]{width:100%;padding:11px 12px;border-radius:12px;border:1px solid var(--line);background:rgba(255,255,255,.10);color:#fff;outline:none} input::placeholder{color:#fff} input:focus{box-shadow:var(--ring);border-color:var(--accent-2)} .hc-btns{display:flex;flex-wrap:wrap;gap:8px} button{cursor:pointer;border:1px solid var(--line);background:rgba(255,255,255,.12);border-radius:12px;padding:10px 12px;color:#fff;transition:transform .05s ease,box-shadow .2s ease,border-color .2s ease} button:hover{border-color:var(--accent-2);box-shadow:var(--ring)} button:active{transform:translateY(1px)} button.primary{background:linear-gradient(180deg,#9eb4ff,#7e96ff);color:#0b1220;border-color:transparent} .hc-video{display:grid;grid-template-columns:1fr 1fr;gap:10px} .vbox{border:1px solid var(--line);border-radius:14px;background:rgba(0,0,0,.35);position:relative;overflow:hidden} .vbox h4{position:absolute;left:8px;top:8px;margin:0;font-size:13px;color:#f6f8ff;background:rgba(10,14,35,.75);padding:5px 10px;border:1px solid var(--line);border-radius:999px} canvas{width:100%;height:100%;display:block} #orig,#proc{aspect-ratio:16/9;background:linear-gradient(180deg,#0b0f20,#0a0d18)} #mag{position:absolute;right:10px;bottom:10px;width:160px;height:160px;border-radius:12px;border:1px solid var(--line);overflow:hidden;background:#0b0f20} .hc-rows{display:grid;gap:12px} .hist{width:100%;height:120px;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.08)} .spec{width:100%;height:160px;border:1px solid var(--line);border-radius:10px;background:#0b0f20} .ai-tags .tag{margin:0 6px 6px 0} .tag{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.12);font-size:13px;color:#fff} .ai-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px} .ai-metrics{display:grid;grid-template-columns:1fr 1fr;gap:8px} .ai-kv{display:grid;grid-template-columns:140px 1fr;gap:8px;align-items:center} .progress{height:10px;border-radius:999px;background:rgba(255,255,255,.15);border:1px solid var(--line);overflow:hidden} .progress>i{display:block;height:100%;background:linear-gradient(90deg,#9db3ff,#88a7ff);width:0%} .readme p{margin:6px 0} .readme li{margin:4px 0} .hc-foot{margin-top:16px;padding:14px;border-top:1px solid var(--line);font-size:13px} @media (max-width:1100px){ .hc-grid{grid-template-columns:1fr} .hc-video{grid-template-columns:1fr} .hc-controls{grid-template-columns:1fr 1fr} .hc-kv{grid-template-columns:1fr} } </style> <style type="text/css">.another_category { border: 1px solid #E5E5E5; padding: 10px 10px 5px; margin: 10px 0; clear: both; } .another_category h4 { font-size: 12px !important; margin: 0 !important; border-bottom: 1px solid #E5E5E5 !important; padding: 2px 0 6px !important; } .another_category h4 a { font-weight: bold !important; } .another_category table { table-layout: fixed; border-collapse: collapse; width: 100% !important; margin-top: 10px !important; } * html .another_category table { width: auto !important; } *:first-child + html .another_category table { width: auto !important; } .another_category th, .another_category td { padding: 0 0 4px !important; } .another_category th { text-align: left; font-size: 12px !important; font-weight: normal; word-break: break-all; overflow: hidden; line-height: 1.5; } .another_category td { text-align: right; width: 80px; font-size: 11px; } .another_category th a { font-weight: normal; text-decoration: none; border: none !important; } .another_category th a.current { font-weight: bold; text-decoration: none !important; border-bottom: 1px solid !important; } .another_category th span { font-weight: normal; text-decoration: none; font: 10px Tahoma, Sans-serif; border: none !important; } .another_category_color_gray, .another_category_color_gray h4 { border-color: #E5E5E5 !important; } .another_category_color_gray * { color: #909090 !important; } .another_category_color_gray th a.current { border-color: #909090 !important; } .another_category_color_gray h4, .another_category_color_gray h4 a { color: #737373 !important; } .another_category_color_red, .another_category_color_red h4 { border-color: #F6D4D3 !important; } .another_category_color_red * { color: #E86869 !important; } .another_category_color_red th a.current { border-color: #E86869 !important; } .another_category_color_red h4, .another_category_color_red h4 a { color: #ED0908 !important; } .another_category_color_green, .another_category_color_green h4 { border-color: #CCE7C8 !important; } .another_category_color_green * { color: #64C05B !important; } .another_category_color_green th a.current { border-color: #64C05B !important; } .another_category_color_green h4, .another_category_color_green h4 a { color: #3EA731 !important; } .another_category_color_blue, .another_category_color_blue h4 { border-color: #C8DAF2 !important; } .another_category_color_blue * { color: #477FD6 !important; } .another_category_color_blue th a.current { border-color: #477FD6 !important; } .another_category_color_blue h4, .another_category_color_blue h4 a { color: #1960CA !important; } .another_category_color_violet, .another_category_color_violet h4 { border-color: #E1CEEC !important; } .another_category_color_violet * { color: #9D64C5 !important; } .another_category_color_violet th a.current { border-color: #9D64C5 !important; } .another_category_color_violet h4, .another_category_color_violet h4 a { color: #7E2CB5 !important; } </style> <link rel="stylesheet" type="text/css" href="https://tistory1.daumcdn.net/tistory_admin/userblog/userblog-91597a4fd4b809d820e03b8cb7c3f10bb5ffa703/static/style/revenue.css"/> <link rel="canonical" href="https://uplifestyle.tistory.com/575"/>  <script type="application/ld+json"> {"@context":"http://schema.org","@type":"BlogPosting","mainEntityOfPage":{"@id":"https://uplifestyle.tistory.com/575","name":null},"url":"https://uplifestyle.tistory.com/575","headline":"망태 - 조작영상 포렌식도구","description":"망태 - 조작영상 포렌식도구 (로컬 처리, 무업로드) 안전한 로컬 분석 입력 동영상 파일 원격 URL(선택) 재생 제어 재생일시정지 한 프레임 뒤로한 프레임 앞으로 복원값 초기화 증거 해시 대기중 빛 0 대비 0 감마 1.00 채도 100% 선명도 0 노이즈 감소 0 프레임 보정 디인터레이스 ..","author":{"@type":"Person","name":"Happycode7","logo":null},"image":{"@type":"ImageObject","url":"https://img1.daumcdn.net/thumb/R800x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdna%2FcDiOA0%2FbtsP3d1WK3F%2FAAAAAAAAAAAAAAAAAAAAAG4dUkqAV3Kxkbt27XfJCpBZo-0NN-w5QGVhrqdlyXqu%2Fimg.png%3Fcredential%3DyqXZFxpELC7KVnFOS48ylbz2pIh7yKj8%26expires%3D1777561199%26allow_ip%3D%26allow_referer%3D%26signature%3Dna%252BjoVYz%252BQMw%252B%252FMpo1C5D1lBY54%253D","width":"800px","height":"800px"},"datePublished":"2025-08-21T23:24:10+09:00","dateModified":"2025-10-03T00:06:33+09:00","publisher":{"@type":"Organization","name":"TISTORY","logo":{"@type":"ImageObject","url":"https://t1.daumcdn.net/tistory_admin/static/images/openGraph/opengraph.png","width":"800px","height":"800px"}}} </script>  <link rel="stylesheet" type="text/css" href="https://tistory1.daumcdn.net/tistory_admin/userblog/userblog-91597a4fd4b809d820e03b8cb7c3f10bb5ffa703/static/style/dialog.css"/> <link rel="stylesheet" type="text/css" href="//t1.daumcdn.net/tistory_admin/www/style/top/font.css"/> <link rel="stylesheet" type="text/css" href="https://tistory1.daumcdn.net/tistory_admin/userblog/userblog-91597a4fd4b809d820e03b8cb7c3f10bb5ffa703/static/style/postBtn.css"/> <link rel="stylesheet" type="text/css" href="https://tistory1.daumcdn.net/tistory_admin/userblog/userblog-91597a4fd4b809d820e03b8cb7c3f10bb5ffa703/static/style/tistory.css"/> <script type="text/javascript" src="https://tistory1.daumcdn.net/tistory_admin/userblog/userblog-91597a4fd4b809d820e03b8cb7c3f10bb5ffa703/static/script/common.js"></script> </head> <body> <div class="hc-wrap"> <div class="hc-title"> <h1>망태 - 조작영상 포렌식도구 <span class="small">(로컬 처리, 무업로드)</span></h1> <span class="badge">안전한 로컬 분석</span> </div> <div class="hc-grid"> <div class="hc-card"> <div class="hd">입력</div> <div class="bd hc-rows"> <div class="hc-kv"> <label>동영상 파일</label><input id="file" accept="video/*" type="file" /> <label>원격 URL(선택)</label><input id="url" type="url" placeholder="https:// 예시. CORS 허용 필요" /> <label>재생 제어</label> <div class="hc-btns"> <button id="play">재생</button><button id="pause">일시정지</button> <button id="prev">한 프레임 뒤로</button><button id="next">한 프레임 앞으로</button> <button id="reset">복원값 초기화</button> </div> <label>증거 해시</label> <div><span class="tag" id="hash">대기중</span></div> </div> <div class="hc-controls"> <div class="row"><label>빛 <span class="small" id="v_b_val">0</span></label><input id="v_b" max="100" min="-100" step="1" type="range" value="0" /></div> <div class="row"><label>대비 <span class="small" id="v_c_val">0</span></label><input id="v_c" max="100" min="-100" step="1" type="range" value="0" /></div> <div class="row"><label>감마 <span class="small" id="v_g_val">1.00</span></label><input id="v_g" max="200" min="50" step="1" type="range" value="100" /></div> <div class="row"><label>채도 <span class="small" id="v_s_val">100%</span></label><input id="v_s" max="300" min="0" step="1" type="range" value="100" /></div> <div class="row"><label>선명도 <span class="small" id="v_sh_val">0</span></label><input id="v_sh" max="300" min="0" step="10" type="range" value="0" /></div> <div class="row"><label>노이즈 감소 <span class="small" id="v_dn_val">0</span></label><input id="v_dn" max="200" min="0" step="10" type="range" value="0" /></div> <div class="row"> <label>프레임 보정</label> <label class="small"><input id="v_deint" type="checkbox" /> 디인터레이스</label> <label class="small"><input id="v_gray" type="checkbox" /> 그레이스케일</label> <label class="small"><input id="v_deflick" type="checkbox" /> 플리커 완화</label> </div> <div class="row"><label>재생 속도 <span class="small" id="v_rate_val">100%</span></label><input id="v_rate" max="400" min="25" step="5" type="range" value="100" /></div> </div> </div> </div> <div class="hc-card"> <div class="hd">미리보기</div> <div class="bd"> <div class="hc-video"> <div class="vbox"><h4 data-ke-size="size20">원본</h4><canvas id="orig"></canvas></div> <div class="vbox"><h4 data-ke-size="size20">복원 결과</h4><canvas id="proc"></canvas><canvas id="mag"></canvas></div> </div> <div class="hc-btns" style="margin-top:10px;"> <button id="save_frame">현재 프레임 이미지 저장</button> <button id="rec_start" class="primary">구간 녹화 시작</button> <button id="rec_stop">구간 녹화 종료</button> <button id="export_log">작업 로그 저장</button> </div> <div class="hc-grid" style="margin-top:12px;"> <div class="hc-card"><div class="hd">히스토그램(Y)</div><div class="bd"><canvas id="hist" class="hist"></canvas></div></div> <div class="hc-card"><div class="hd">오디오 스펙트로그람</div><div class="bd"><canvas id="spec" class="spec"></canvas></div></div> </div> </div> </div> <div class="hc-card"> <div class="hd">메타데이터</div> <div class="bd meta"> <p data-ke-size="size16">파일명: <span id="m_name">-</span></p> <p data-ke-size="size16">종류: <span id="m_type">-</span></p> <p data-ke-size="size16">용량: <span id="m_size">-</span></p> <p data-ke-size="size16">해상도: <span id="m_res">-</span></p> <p data-ke-size="size16">길이: <span id="m_dur">-</span></p> <p data-ke-size="size16">추정 FPS: <span id="m_fps">-</span></p> <p class="small" data-ke-size="size16">브라우저가 노출하지 않는 세부 코덱 정보는 표시되지 않을 수 있습니다.</p> </div> </div> <div class="hc-card"> <div class="hd">AI 판별(딥페/합성 의심)</div> <div class="bd hc-rows"> <div class="ai-kv"> <label>ONNX 모델 URL</label><input id="ai_model_url" type="url" placeholder="https:// 에 공개된 .onnx (CORS 허용)"> <label>샘플링 프레임수</label><input id="ai_frames" max="200" min="8" type="number" value="32"> <label>간격(ms)</label><input id="ai_step" max="2000" min="16" type="number" value="120"> <label>입력크기(W×H)</label><input id="ai_size" type="text" value="224x224"> <label>fake 인덱스</label><input id="ai_fake_idx" min="0" type="number" value="1"> </div> <div class="hc-btns"> <button id="ai_load">모델 로드</button> <button id="ai_run" class="primary">AI 판별 실행</button> <button id="ai_stop">중지</button> <button id="ai_save">리포트 저장</button> </div> <div class="ai-grid"> <div> <div class="ai-tags"> <span class="tag">모델: <i id="ai_model_state">미로딩</i></span> <span class="tag" id="ai_result">결과: -</span> <span class="tag">AI 확률: <i id="ai_prob">-</i></span> <span class="tag">휴리스틱 점수: <i id="ai_heur">-</i></span> <span class="tag">종합 점수: <i id="ai_total">-</i></span> </div> <div class="small" style="margin-top:6px;">설명: AI 확률과 휴리스틱 점수를 0~1로 정규화해 50:50 합산. 0.70 이상은 합성 의심으로 표시.</div> </div> <div> <div id="ai_status" class="small">대기</div> <div class="progress"><i id="ai_prog" style="width:0%"></i></div> </div> </div> <div class="ai-metrics"> <div><div class="small">프레임 차분 불연속</div><div id="m_diff" class="tag">-</div></div> <div><div class="small">엣지/텍스처 불균일</div><div id="m_edge" class="tag">-</div></div> <div><div class="small">컬러 채널 일관성</div><div id="m_color" class="tag">-</div></div> <div><div class="small">오디오 스펙트럼 평탄도</div><div id="m_flat" class="tag">-</div></div> </div> </div> </div> <div class="hc-card"> <div class="hd">사용 전 필수 정독사항</div> <div class="bd readme"> <p data-ke-size="size16"><b>1) 합법적 사용</b></p> <ul style="list-style-type:disc" data-ke-list-type="disc"> <li>본인 소유 또는 적법한 권한이 있는 자료에 한해 분석하세요.</li> <li>타인의 영상·개인정보를 동의 없이 수집·분석·유포하면 관련 법령에 위반될 수 있습니다.</li> <li>법적 사건에 증거로 제출하려면 공인 전문가 또는 수사기관 절차를 따르세요.</li> </ul> <p data-ke-size="size16"><b>2) 증거 보전과 무결성</b></p> <ul style="list-style-type:disc" data-ke-list-type="disc"> <li>원본은 별도 안전 매체에 보관하고 사본으로 작업하세요.</li> <li>SHA-256 해시를 기록해 변경 여부를 검증하세요.</li> <li>체인 오브 커스터디(취득/처리 내역)를 기록하세요.</li> </ul> <p data-ke-size="size16"><b>3) AI 판별 한계</b></p> <ul style="list-style-type:disc" data-ke-list-type="disc"> <li>브라우저 기반 1차 판별 도구로 오탐/미탐 가능성이 있습니다.</li> <li>모델 품질·학습데이터·출력 정의에 따라 결과가 달라질 수 있습니다.</li> <li>결과는 참고용이며 법적 판단을 보장하지 않습니다.</li> </ul> <p data-ke-size="size16"><b>4) 기술 요구사항</b></p> <ul style="list-style-type:disc" data-ke-list-type="disc"> <li>모든 처리는 로컬 브라우저에서 수행됩니다.</li> <li>원격 URL 사용 시 CORS 허용이 필요합니다.</li> <li>대용량·고해상도는 성능 저하가 있을 수 있습니다.</li> </ul> <p data-ke-size="size16"><b>5) 금지 사항</b></p> <ul style="list-style-type:disc" data-ke-list-type="disc"> <li>조작 영상 생성, 사기, 불법 촬영물·저작물의 복원·유포 등 불법적 사용 금지.</li> <li>도구 코드의 무단 복제·재배포 금지.</li> </ul> <p class="small" data-ke-size="size16">면책: 본 도구는 참고용입니다. 사용으로 인한 모든 책임은 사용자에게 있으며, 저작권자는 법적 책임을 지지 않습니다.</p> </div> </div> <div class="hc-card"> <div class="hd">안내</div> <div class="bd"> <p class="small" data-ke-size="size16">복원 기능: 밝기/대비/감마/채도, 노이즈 감소, 언샵 마스크, 디인터레이스, 플리커 완화, 프레임 저장, 구간 녹화, 로그/해시 저장.</p> <p class="small" data-ke-size="size16">AI 판별: ONNX 모델 제공 시 모델 확률과 휴리스틱 종합 점수 산출, 미제공 시 휴리스틱만 제공합니다.</p> </div> </div> </div> <div class="hc-foot"> <div style="margin-bottom:8px;"><span class="tag">코드 유포 금지</span> <span class="tag">무업로드 로컬 처리</span> <span class="tag">증거 해시 지원</span> <span class="tag">AI 판별</span></div> <div class="muted" style="margin-bottom:6px;">면책조항: 본 도구는 참고용이며 법률 자문이 아닙니다. 복원/판별 결과의 법정 효력이나 진위 판단을 보장하지 않습니다. 적용으로 인한 모든 책임은 사용자에게 있습니다. 불법적 사용을 금지합니다.</div> <div>© 2025 망태 | 저작권자: Happycode7. All rights reserved.</div> </div> <video id="vid" hidden></video> </div> <script> (function(){ var v=document.getElementById('vid'); var c1=document.getElementById('orig'); var c2=document.getElementById('proc'); var h=document.getElementById('hist'); var s=document.getElementById('spec'); var m=document.getElementById('mag'); var g1=c1.getContext('2d',{willReadFrequently:true}); var g2=c2.getContext('2d',{willReadFrequently:true}); var gh=h.getContext('2d'); var gs=s.getContext('2d'); var gm=m.getContext('2d'); var st={b:0,c:0,g:1.0,s:1.0,sh:0,dn:0,deint:false,gray:false,deflick:false,rate:1.0}; var log=[]; function ui(id){return document.getElementById(id)} function updLabel(){ ui('v_b_val').textContent=st.b; ui('v_c_val').textContent=st.c; ui('v_g_val').textContent=st.g.toFixed(2); ui('v_s_val').textContent=Math.round(st.s*100)+'%'; ui('v_sh_val').textContent=st.sh; ui('v_dn_val').textContent=st.dn; ui('v_rate_val').textContent=(st.rate*100).toFixed(0)+'%'; } function clamp(x){return x<0?0:(x>255?255:x)} function lerp(a,b,t){return a+(b-a)*t} function applyFilters(src,w,h){ var d=src.data; if(st.deint){ for(var y=0;y<h;y+=2){ var yy=y*w*4; var yy2=(y+1<h?(y+1):y)*w*4; for(var x=0;x<w*4;x++) d[yy+x]=(d[yy+x]+d[yy2+x])>>1; } } var out=new Uint8ClampedArray(d); var gamma=st.g; var invg=1/gamma; var cF=st.c/100; var bO=st.b*2.55; var sat=st.s; for(var i=0;i<out.length;i+=4){ var r=out[i],g=out[i+1],b=out[i+2]; var y=0.2126*r+0.7152*g+0.0722*b; r=clamp(r + bO); g=clamp(g + bO); b=clamp(b + bO); r=clamp((r-128)*(1+cF)+128); g=clamp((g-128)*(1+cF)+128); b=clamp((b-128)*(1+cF)+128); r=clamp(255*Math.pow(r/255,invg)); g=clamp(255*Math.pow(g/255,invg)); b=clamp(255*Math.pow(b/255,invg)); if(sat!==1){ r=clamp(lerp(y,r,sat)); g=clamp(lerp(y,g,sat)); b=clamp(lerp(y,b,sat)) } if(st.gray){ r=g=b=y|0 } out[i]=r; out[i+1]=g; out[i+2]=b; } if(st.dn>0){ var k=Math.min(3,Math.max(1,Math.round(st.dn/80))); var tmp=new Uint8ClampedArray(out); for(var pass=0;pass<k;pass++){ for(var y=1;y<h-1;y++){ for(var x=1;x<w-1;x++){ var idx=(y*w+x)*4; var r=0,g=0,b=0; for(var dy=-1;dy<=1;dy++){ for(var dx=-1;dx<=1;dx++){ var j=((y+dy)*w+(x+dx))*4; var wgt=(dx===0&&dy===0)?4:1; r+=tmp[j]*wgt; g+=tmp[j+1]*wgt; b+=tmp[j+2]*wgt; } } r=r/13; g=g/13; b=b/13; out[idx]=clamp(out[idx] + (out[idx]-r)*1.5*Math.min(3,Math.max(0,st.sh/100))); out[idx+1]=clamp(out[idx+1] + (out[idx+1]-g)*1.5*Math.min(3,Math.max(0,st.sh/100))); out[idx+2]=clamp(out[idx+2] + (out[idx+2]-b)*1.5*Math.min(3,Math.max(0,st.sh/100))); } } tmp.set(out); } } return new ImageData(out,w,h); } var flickBuf=null, flickN=3, flickPtr=0; function deflicker(img){ if(!st.deflick) return img; var w=img.width,h=img.height; if(!flickBuf){ flickBuf=new Array(flickN); for(var i=0;i<flickN;i++) flickBuf[i]=new Uint8ClampedArray(img.data) } flickBuf[flickPtr].set(img.data); flickPtr=(flickPtr+1)%flickN; var out=new Uint8ClampedArray(img.data.length); for(var i=0;i<out.length;i++) out[i]=(flickBuf[0][i]+flickBuf[1][i]+flickBuf[2][i])/3|0; return new ImageData(out,w,h); } function drawHist(img){ var w=h.width, hh=h.height; gh.clearRect(0,0,w,hh); var bins=new Array(256).fill(0); var d=img.data; for(var i=0;i<d.length;i+=4){ var y=0.2126*d[i]+0.7152*d[i+1]+0.0722*d[i+2]; bins[y|0]++; } var max=Math.max.apply(null,bins)||1; gh.beginPath(); for(var i=0;i<256;i++){ var v=bins[i]/max*hh; gh.moveTo(i*(w/256),hh); gh.lineTo(i*(w/256),hh-v); } gh.strokeStyle='#bfd0ff'; gh.lineWidth=1; gh.stroke(); } var ac=null, an=null; function initAudio(){ if(ac) return; try{ ac=new (window.AudioContext||window.webkitAudioContext)(); var src=ac.createMediaElementSource(v); an=ac.createAnalyser(); an.fftSize=1024; src.connect(an); an.connect(ac.destination); }catch(e){} } function drawSpec(){ if(!an) return; var w=s.width, hh=s.height; var arr=new Uint8Array(an.frequencyBinCount); an.getByteFrequencyData(arr); gs.drawImage(s,-1,0); for(var y=0;y<hh;y++){ var idx=(arr.length-1-Math.floor(y/hh*arr.length)); var val=arr[idx]; gs.fillRect(w-1,y,1,1); } } function fmtBytes(n){if(!n&&n!==0)return '-'; var u=['B','KB','MB','GB','TB']; var i=0; while(n>=1024&&i<u.length-1){n/=1024;i++} return n.toFixed(1)+' '+u[i]} function sha256(arr){return crypto.subtle.digest('SHA-256',arr).then(function(buf){ var hex=[].map.call(new Uint8Array(buf),x=>('00'+x.toString(16)).slice(-2)).join(''); document.getElementById('hash').textContent=hex; return hex; })} function setMeta(file){ document.getElementById('m_name').textContent=file?file.name:'-'; document.getElementById('m_type').textContent=file?file.type:'-'; document.getElementById('m_size').textContent=file?fmtBytes(file.size):'-'; } function updVideoMeta(){ document.getElementById('m_res').textContent=v.videoWidth&&v.videoHeight?(v.videoWidth+'×'+v.videoHeight):'-'; document.getElementById('m_dur').textContent=isFinite(v.duration)?v.duration.toFixed(2)+'s':'-'; } var rec=null, recBlobs=[]; function startRec(){ if(rec) return; var stream=c2.captureStream(30); recBlobs=[]; rec=new MediaRecorder(stream,{mimeType:'video/webm'}); rec.ondataavailable=function(e){if(e.data.size>0) recBlobs.push(e.data)}; rec.onstop=function(){ var blob=new Blob(recBlobs,{type:'video/webm'}); var a=document.createElement('a'); a.href=URL.createObjectURL(blob); a.download='hc7-restored.webm'; a.click(); rec=null; recBlobs=[]; }; rec.start(1000); } function stopRec(){ if(rec){ rec.stop() } } var fpsCount=0, fpsTime=0, fpsEst=0; function loop(t){ requestAnimationFrame(loop); if(v.readyState>=2&&v.videoWidth>0){ var w=v.videoWidth, hgt=v.videoHeight; if(c1.width!==w || c1.height!==hgt){ var maxW=1920; var scale=(w>maxW)?(maxW/w):1; var W=Math.round(w*scale), H=Math.round(hgt*scale); c1.width=W; c1.height=H; c2.width=W; c2.height=H; s.width=W; s.height=160; h.width=W; h.height=120; } g1.drawImage(v,0,0,c1.width,c1.height); var src=g1.getImageData(0,0,c1.width,c1.height); var out=applyFilters(src,c1.width,c1.height); out=deflicker(out); g2.putImageData(out,0,0); drawHist(out); drawSpec(); if(AI.collecting) AI.maybeCollect(out); fpsCount++; if(t-fpsTime>500){ fpsEst=(fpsCount*1000/(t-fpsTime)); fpsCount=0; fpsTime=t; document.getElementById('m_fps').textContent=fpsEst.toFixed(1); } } } function setRate(){ v.playbackRate=st.rate } function saveFrame(){ c2.toBlob(function(blob){ var a=document.createElement('a'); a.href=URL.createObjectURL(blob); a.download='hc7-restored-frame.png'; a.click(); },'image/png'); } function exportLog(){ var data={when:new Date().toISOString(), meta:{ name:document.getElementById('m_name').textContent,type:document.getElementById('m_type').textContent,size:document.getElementById('m_size').textContent, res:document.getElementById('m_res').textContent,duration:document.getElementById('m_dur').textContent,hash:document.getElementById('hash').textContent },settings:st,events:log}; var blob=new Blob([JSON.stringify(data,null,2)],{type:'application/json'}); var a=document.createElement('a'); a.href=URL.createObjectURL(blob); a.download='hc7-restoration-log.json'; a.click(); } function bind(){ function id(x){return document.getElementById(x)} id('play').onclick=function(){ v.play(); initAudio() }; id('pause').onclick=function(){ v.pause() }; id('prev').onclick=function(){ v.pause(); v.currentTime=Math.max(0,v.currentTime-1/Math.max(1,fpsEst||30)) }; id('next').onclick=function(){ v.pause(); v.currentTime=v.currentTime+1/Math.max(1,fpsEst||30) }; id('reset').onclick=function(){ st={b:0,c:0,g:1.0,s:1.0,sh:0,dn:0,deint:false,gray:false,deflick:false,rate:1.0}; syncUI(); log.push({t:Date.now(),a:'reset'}) }; id('v_b').oninput=function(e){ st.b=+e.target.value; document.getElementById('v_b_val').textContent=st.b; log.push({t:Date.now(),a:'b',v:st.b}) }; id('v_c').oninput=function(e){ st.c=+e.target.value; document.getElementById('v_c_val').textContent=st.c; log.push({t:Date.now(),a:'c',v:st.c}) }; id('v_g').oninput=function(e){ st.g=+e.target.value/100; document.getElementById('v_g_val').textContent=st.g.toFixed(2); log.push({t:Date.now(),a:'g',v:st.g}) }; id('v_s').oninput=function(e){ st.s=+e.target.value/100; document.getElementById('v_s_val').textContent=Math.round(st.s*100)+'%'; log.push({t:Date.now(),a:'s',v:st.s}) }; id('v_sh').oninput=function(e){ st.sh=+e.target.value; document.getElementById('v_sh_val').textContent=st.sh; log.push({t:Date.now(),a:'sh',v:st.sh}) }; id('v_dn').oninput=function(e){ st.dn=+e.target.value; document.getElementById('v_dn_val').textContent=st.dn; log.push({t:Date.now(),a:'dn',v:st.dn}) }; id('v_deint').onchange=function(e){ st.deint=e.target.checked; log.push({t:Date.now(),a:'deint',v:st.deint}) }; id('v_gray').onchange=function(e){ st.gray=e.target.checked; log.push({t:Date.now(),a:'gray',v:st.gray}) }; id('v_deflick').onchange=function(e){ st.deflick=e.target.checked; log.push({t:Date.now(),a:'deflick',v:st.deflick}) }; id('v_rate').oninput=function(e){ st.rate=+e.target.value/100; document.getElementById('v_rate_val').textContent=(st.rate*100).toFixed(0)+'%'; setRate(); log.push({t:Date.now(),a:'rate',v:st.rate}) }; id('save_frame').onclick=saveFrame; id('rec_start').onclick=startRec; id('rec_stop').onclick=stopRec; id('export_log').onclick=exportLog; c2.addEventListener('mousemove',function(e){ var r=c2.getBoundingClientRect(); var x=(e.clientX-r.left)/r.width*c2.width; var y=(e.clientY-r.top)/r.height*c2.height; var sz=64; var sx=Math.max(0,Math.min(c2.width-sz,x-sz/2)); var sy=Math.max(0,Math.min(c2.height-sz,y-sz/2)); gm.imageSmoothingEnabled=false; gm.clearRect(0,0,m.width,m.height); gm.drawImage(c2,sx,sy,sz,sz,0,0,m.width,m.height); gm.strokeStyle='rgba(255,255,255,.5)'; gm.strokeRect(0,0,m.width,m.height); }); id('ai_load').onclick=AI.loadModel; id('ai_run').onclick=AI.run; id('ai_stop').onclick=AI.stop; id('ai_save').onclick=AI.save; } function syncUI(){ document.getElementById('v_b').value=st.b; document.getElementById('v_c').value=st.c; document.getElementById('v_g').value=st.g*100; document.getElementById('v_s').value=st.s*100; document.getElementById('v_sh').value=st.sh; document.getElementById('v_dn').value=st.dn; document.getElementById('v_deint').checked=st.deint; document.getElementById('v_gray').checked=st.gray; document.getElementById('v_deflick').checked=st.deflick; document.getElementById('v_rate').value=st.rate*100; updLabel(); setRate(); } function loadFile(file){ if(!file) return; setMeta(file); var url=URL.createObjectURL(file); v.src=url; v.load(); file.arrayBuffer().then(sha256); } function loadURL(u){ if(!u) return; try{ var url = new URL(u); if(url.protocol !== 'https:'){ alert('보안을 위해 https:// 주소만 허용합니다.'); return; } v.crossOrigin='anonymous'; v.src=u; v.load(); setMeta({name:u,type:'remote',size:0}); document.getElementById('hash').textContent='원격 URL은 해시 계산 불가'; }catch(e){ alert('URL 형식이 올바르지 않습니다.'); } } document.getElementById('file').addEventListener('change',function(e){ var f=e.target.files[0]; loadFile(f) }); document.getElementById('url').addEventListener('change',function(e){ loadURL(e.target.value) }); v.addEventListener('loadedmetadata',updVideoMeta); v.addEventListener('ratechange',setRate); v.addEventListener('error', function(){ alert('영상을 재생할 수 없습니다. 코덱 또는 CORS 설정을 확인하세요.'); }); var AI=(function(){ var session=null, collecting=false, want=0, got=0, step=120, W=224, H=224, report=null; var tmpCanvas=document.createElement('canvas'); var tc=tmpCanvas.getContext('2d',{willReadFrequently:true}); function status(t){ document.getElementById('ai_status').textContent=t } function softmax(arr){ var m=Math.max.apply(null,arr), ex=arr.map(function(x){return Math.exp(x-m)}), s=ex.reduce(function(a,b){return a+b},0)||1; return ex.map(function(x){return x/s}) } function clamp01(x){ return x<0?0:(x>1?1:x) } function tensorFromImage(){ var W2=W,H2=H; tmpCanvas.width=W2; tmpCanvas.height=H2; tc.drawImage(c2,0,0,c2.width,c2.height,0,0,W2,H2); var id=tc.getImageData(0,0,W2,H2).data; var out=new Float32Array(3*W2*H2); var mean=[0.485,0.456,0.406], std=[0.229,0.224,0.225]; var i=0; for(var y=0;y<H2;y++){ for(var x=0;x<W2;x++){ var j=(y*W2+x)*4; var r=id[j]/255, g=id[j+1]/255, b=id[j+2]/255; out[i++]=(r-mean[0])/std[0]; out[i++]=(g-mean[1])/std[1]; out[i++]=(b-mean[2])/std[2]; }} return new ort.Tensor('float32', out, [1,3,H2,W2]); } function heuristics(prevImg, currImg){ var d1=prevImg&&prevImg.data, d2=currImg.data, len=d2.length, diff=0, edge=0; if(d1){ for(var i=0;i<len;i+=4){ diff+=Math.abs(d2[i]-d1[i])+Math.abs(d2[i+1]-d1[i+1])+Math.abs(d2[i+2]-d1[i+2]); } diff/= (len*3/4*255); } var w=currImg.width,h=currImg.height; for(var y=1;y<h-1;y+=2){ for(var x=1;x<w-1;x+=2){ var up=((y-1)*w+x)*4, dn=((y+1)*w+x)*4, lf=(y*w+x-1)*4, rt=(y*w+x+1)*4; var gy=Math.abs(currImg.data[dn]-currImg.data[up]) + Math.abs(currImg.data[dn+1]-currImg.data[up+1]) + Math.abs(currImg.data[dn+2]-currImg.data[up+2]); var gx=Math.abs(currImg.data[rt]-currImg.data[lf]) + Math.abs(currImg.data[rt+1]-currImg.data[lf+1]) + Math.abs(currImg.data[rt+2]-currImg.data[lf+2]); edge += (gx+gy)/(2*255); } } edge/= ((h-2)/2*((w-2)/2) || 1); var n=0, mr=0,mg=0,mb=0; for(var k=0;k<len;k+=4){ mr+=currImg.data[k]; mg+=currImg.data[k+1]; mb+=currImg.data[k+2]; n++ } mr/=n; mg/=n; mb/=n; var colorVar=(Math.abs(mr-mg)+Math.abs(mg-mb)+Math.abs(mb-mr))/(3*255); var flat=0; if(an){ var arr=new Uint8Array(an.frequencyBinCount); an.getByteFrequencyData(arr); var mean=0; for(var q=0;q<arr.length;q++) mean+=arr[q]; mean/=(arr.length||1); var geo=0; for(var q=0;q<arr.length;q++) geo+=Math.log((arr[q]||1)); geo=Math.exp(geo/(arr.length||1)); flat = clamp01(geo/(mean||1)); } var hScore = clamp01(((diff||0)+(edge||0)+(colorVar||0)+(flat||0))/4); return {diff:clamp01(diff||0), edge:clamp01(edge||0), color:clamp01(colorVar||0), flat:clamp01(flat), score:hScore}; } async function loadModel(){ try{ var urlStr=document.getElementById('ai_model_url').value.trim(); if(!urlStr){ status('모델 URL 필요'); return } var u=new URL(urlStr); if(u.protocol!=='https:'){ status('https만 허용'); return } status('모델 로딩 중'); var controller = new AbortController(); var id = setTimeout(function(){ try{controller.abort()}catch(_){ } }, 15000); var fetchWithTimeout = function(input, init){ init=init||{}; init.signal=controller.signal; return fetch(input, init) }; session = await ort.InferenceSession.create(u.href, { executionProviders:['wasm'], fetchFunc: fetchWithTimeout }); clearTimeout(id); document.getElementById('ai_model_state').textContent='로딩 완료'; status('모델 로드 완료'); }catch(e){ document.getElementById('ai_model_state').textContent='로딩 실패'; status('모델 로드 실패'); } } function maybeCollect(currImg){ if(!collecting) return; if(!report.prevImg) { report.prevImg=currImg } var now=Date.now(); if(!report.lastTick||now-report.lastTick>=step){ report.lastTick=now; got++; var heur = heuristics(report.prevImg, currImg); report.prevImg=currImg; report.heuristics.push(heur); if(session){ try{ var t=tensorFromImage(); var feeds={}; var inputName=(session.inputNames&&session.inputNames[0])||'input'; feeds[inputName]=t; session.run(feeds).then(function(out){ var key = Object.keys(out)[0]; var data = Array.from(out[key].data||[]); var aiProb=null; if(data.length===1){ aiProb = Math.max(0,Math.min(1,data[0])) } else if(data.length>=2){ var p=softmax(data); var idx = +document.getElementById('ai_fake_idx').value||1; aiProb = Math.max(0,Math.min(1,p[idx]||0)); } (report.ai||[]).push(aiProb); }).catch(function(){ (report.ai||[]).push(null) }); }catch(e){ (report.ai||[]).push(null) } }else{ (report.ai||[]).push(null) } document.getElementById('ai_prog').style.width=(got/want*100).toFixed(0)+'%'; if(got>=want){ finish() } } } function summarize(){ var h=report.heuristics||[]; var ai=(report.ai||[]).filter(function(x){return typeof x==='number'}); function avg(arr){ return arr.length?arr.reduce(function(a,b){return a+b},0)/arr.length:0 } var H={diff:avg(h.map(function(x){return x.diff})),edge:avg(h.map(function(x){return x.edge})),color:avg(h.map(function(x){return x.color})),flat:avg(h.map(function(x){return x.flat})),score:avg(h.map(function(x){return x.score}))}; var A = ai.length? avg(ai) : null; var combined = (A!=null)? Math.max(0,Math.min(1,0.5*A + 0.5*H.score)) : H.score; return {H,A,combined}; } function showSummary(sum){ document.getElementById('m_diff').textContent=sum.H.diff.toFixed(2); document.getElementById('m_edge').textContent=sum.H.edge.toFixed(2); document.getElementById('m_color').textContent=sum.H.color.toFixed(2); document.getElementById('m_flat').textContent=sum.H.flat.toFixed(2); document.getElementById('ai_heur').textContent=sum.H.score.toFixed(2); document.getElementById('ai_prob').textContent=(sum.A!=null?sum.A.toFixed(2):'-'); document.getElementById('ai_total').textContent=sum.combined.toFixed(2); var flag = sum.combined>=0.70 ? '합성 의심' : (sum.combined<=0.30 ? '실사 가능성 높음' : '중립'); document.getElementById('ai_result').textContent='결과: '+flag; } function start(){ if(v.readyState<2){ status('영상 로드 후 실행'); return } var N=Math.max(8,Math.min(200, +document.getElementById('ai_frames').value||32)); var m=/^\s*(\d+)x(\d+)\s*$/.exec(document.getElementById('ai_size').value||'224x224'); var Wp=m?+m[1]:224, Hp=m?+m[2]:224; W=Wp; H=Hp; step=Math.max(16,Math.min(2000, +document.getElementById('ai_step').value||120)); want=N; got=0; document.getElementById('ai_prog').style.width='0%'; report={when:new Date().toISOString(), frames:N, step:step, size:[W,H], ai:[], heuristics:[], meta:{ name:document.getElementById('m_name').textContent, type:document.getElementById('m_type').textContent, size:document.getElementById('m_size').textContent, res:document.getElementById('m_res').textContent, dur:document.getElementById('m_dur').textContent, hash:document.getElementById('hash').textContent }}; collecting=true; status('분석 중...'); v.play() } function finish(){ collecting=false; status('완료'); v.pause(); var sum=summarize(); showSummary(sum); report.summary=sum; } function stop(){ collecting=false; status('중지'); v.pause(); document.getElementById('ai_prog').style.width='0%' } function save(){ var blob=new Blob([JSON.stringify(report||{error:'no_report'},null,2)],{type:'application/json'}); var a=document.createElement('a'); a.href=URL.createObjectURL(blob); a.download='hc7-ai-report.json'; a.click(); } return { loadModel:loadModel, run:start, stop:stop, save:save, maybeCollect:function(img){ maybeCollect(img) }, get collecting(){return collecting} } })(); bind(); syncUI(); requestAnimationFrame(loop); setTimeout(function(){ var h = document.documentElement.scrollHeight; try{ parent.postMessage({hc7:'resize',h:h},'*'); }catch(_){} }, 400); })(); </script> <div style="margin:0; padding:0; border:none; background:none; float:none; clear:none; z-index:0"></div> <script type="text/javascript" src="https://tistory1.daumcdn.net/tistory_admin/userblog/userblog-91597a4fd4b809d820e03b8cb7c3f10bb5ffa703/static/script/common.js"></script> <script>window.tiara = {"svcDomain":"user.tistory.com","section":"글뷰","trackPage":"글뷰_보기","page":"글뷰","key":"7718720-575","customProps":{"userId":"0","blogId":"7718720","entryId":"575","role":"guest","trackPage":"글뷰_보기","filterTarget":false},"entry":{"entryId":"575","entryTitle":"망태 - 조작영상 포렌식도구","entryType":"POST","categoryName":"+실생활에 필요한 소프트웨어","categoryId":"1219766","serviceCategoryName":"IT 인터넷","serviceCategoryId":401,"author":"7140437","authorNickname":"Happycode7","blogNmae":"Happycode7","image":"kage@cDiOA0/btsP3d1WK3F/4Qod1dopXoMAkzP1nv75Uk","plink":"/575","tags":["가짜영상판별","망태","영상포렌식","조작영상포렌식","합성판별","합성포렌식"]},"kakaoAppKey":"3e6ddd834b023f24221217e370daed18","appUserId":"null","thirdProvideAgree":null}</script> <script type="module" src="https://t1.daumcdn.net/tistory_admin/frontend/tiara/v1.0.7/index.js"></script> <script src="https://t1.daumcdn.net/tistory_admin/frontend/tiara/v1.0.7/polyfills-legacy.js" nomodule="true" defer="true"></script> <script src="https://t1.daumcdn.net/tistory_admin/frontend/tiara/v1.0.7/index-legacy.js" nomodule="true" defer="true"></script> </body> </html>

'+실생활에 필요한 소프트웨어' 카테고리의 다른 글

망태 부인 - 조작목소리 감별기 (13)	2025.08.24
명태 – 문서 진위·전세사기 위험 점검 도구 (2)	2025.08.22
빗방울 스도쿠 – 100종의 다양한 스도쿠를 풀어보세요 (5)	2025.08.20
미리살핌 – 배포 전 자동 점검 도구 (4)	2025.08.19
혼자 연구해서 세상과 어울리며 이롭게 할만한 100종의 소프트웨어를 완성했어요 ^ㅇ^+근황 (8)	2025.08.16

망태 - 조작영상 포렌식도구

'+실생활에 필요한 소프트웨어' 카테고리의 다른 글

관련글

티스토리툴바