Mangtae — Video Authenticity & Forensics Toolkit

<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width,initial-scale=1" />
<title>Mangtae — Video Authenticity & Forensics Toolkit</title>

.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:800;color:#fff;letter-spacing:.2px}
.hc-card .bd{padding:14px 16px}

.hc-kv{display:grid;grid-template-columns:170px 1fr;gap:10px;row-gap:12px;align-items:center}
label,p,li,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=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:rgba(255,255,255,.72)}
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}

.filewrap{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
#file{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.filemeta{display:inline-flex;align-items:center;gap:8px;min-height:38px}
.tag{
  display:inline-flex;align-items:center;gap:6px;
  padding:6px 12px;border:1px solid var(--line);border-radius:999px;
  background:rgba(255,255,255,.12);font-size:13px;color:#fff
}

.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
}
[dir="rtl"] .vbox h4{left:auto;right:8px}
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}
[dir="rtl"] #mag{right:auto;left:10px}
.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-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:150px 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;color:var(--muted)}
.hc-foot{margin-top:16px;padding:14px;border-top:1px solid var(--line);font-size:13px}
.muted{color:var(--muted)}

.modalback{position:fixed;inset:0;background:rgba(0,0,0,.55);display:none;align-items:center;justify-content:center;padding:18px}
.modal{
  width:min(680px,92vw);
  background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,.07));
  border:1px solid var(--line);border-radius:18px;
  box-shadow:0 24px 60px rgba(0,0,0,.45);
  backdrop-filter:blur(14px);overflow:hidden
}
.modal .mhd{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 16px;border-bottom:1px solid var(--line);font-weight:800}
.modal .mbd{padding:14px 16px;display:grid;gap:12px}
.select{display:flex;gap:8px;flex-wrap:wrap}
.pill{border:1px solid var(--line);background:rgba(255,255,255,.10);padding:9px 12px;border-radius:999px;cursor:pointer}
.pill[aria-pressed="true"]{border-color:var(--accent-2);box-shadow:var(--ring)}

.notice{
  border:1px solid var(--line);
  background:rgba(0,0,0,.22);
  border-radius:14px;
  padding:12px 12px;
  color:var(--muted)
}

@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}
  .ai-kv{grid-template-columns:1fr}
}
</style>

.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>

<script type="application/ld+json">
    {"@context":"http://schema.org","@type":"BlogPosting","mainEntityOfPage":{"@id":"https://uplifestyle.tistory.com/851","name":null},"url":"https://uplifestyle.tistory.com/851","headline":"Mangtae — Video Authenticity & Forensics Toolkit","description":"Mangtae — Video Authenticity & Forensics Toolkit (Local processing, no uploads) Restore visibility, generate integrity hash, export logs, and run optional ONNX-based checks — all in your browser. Privacy-friendly local analysis 🌐 Language Input Video file Choose file ..","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%2FbUzz1t%2FdJMcahKbE9V%2FAAAAAAAAAAAAAAAAAAAAAIUacgNmAzvAO1OgRZ4HvjZR3zeOxufKEOOEW0ubSJiO%2Fimg.png%3Fcredential%3DyqXZFxpELC7KVnFOS48ylbz2pIh7yKj8%26expires%3D1777561199%26allow_ip%3D%26allow_referer%3D%26signature%3DiBCtUtlSSSy6%252BJZogDSlEdmnFGQ%253D","width":"800px","height":"800px"},"datePublished":"2026-02-19T20:36:48+09:00","dateModified":"2026-02-20T01:52:06+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>

<div class="hc-top">
    <div class="hc-title">
      <h1>
        <span data-i18n="app_title">Mangtae — Video Authenticity & Forensics Toolkit</span>
        <span class="small">(<span data-i18n="local_only">Local processing, no uploads</span>)</span>
      </h1>
      <div class="small muted" data-i18n="subtitle">
        Restore visibility, generate integrity hash, export logs, and run optional ONNX-based checks — all in your browser.
      </div>
    </div>

<div class="hc-actions">
      <span class="badge"><span data-i18n="badge_safe">Privacy-friendly local analysis</span></span>
      <button class="iconbtn" id="openLang" type="button">🌐 <span data-i18n="lang_btn">Language</span></button>
    </div>
  </div>

<div class="hc-card">
      <div class="hd" data-i18n="input_hd">Input</div>
      <div class="bd hc-rows">

<label data-i18n="video_file">Video file</label>
          <div class="filewrap">
            <input id="file" accept="video/*" type="file">
            <button id="pickFile" type="button" class="primary" data-i18n="choose_file">Choose file</button>
            <span id="fileName" class="tag" data-i18n="no_file">No file selected</span>
          </div>

<label data-i18n="remote_url">Remote URL (optional)</label>
          <input id="url" type="url" data-ph="remote_ph" placeholder="https:// (CORS must allow access)">

<label data-i18n="play_ctrl">Playback</label>
          <div class="hc-btns">
            <button id="play" type="button" data-i18n="play">Play</button>
            <button id="pause" type="button" data-i18n="pause">Pause</button>
            <button id="prev" type="button" data-i18n="prev">Prev frame</button>
            <button id="next" type="button" data-i18n="next">Next frame</button>
            <button id="reset" type="button" data-i18n="reset">Reset settings</button>
          </div>

<label data-i18n="evidence_hash">Evidence hash</label>
          <div><span class="tag" id="hash" data-i18n="hash_wait">Waiting</span></div>

</div>

<div class="hc-controls">
          <div class="row"><label><span data-i18n="brightness">Brightness</span> <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 data-i18n="contrast">Contrast</span> <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 data-i18n="gamma">Gamma</span> <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 data-i18n="saturation">Saturation</span> <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 data-i18n="sharpen">Sharpen</span> <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 data-i18n="denoise">Denoise</span> <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 data-i18n="frame_fix">Frame fixes</label>
            <label class="small"><input id="v_deint" type="checkbox"> <span data-i18n="deint">Deinterlace</span></label>
            <label class="small"><input id="v_gray" type="checkbox"> <span data-i18n="gray">Grayscale</span></label>
            <label class="small"><input id="v_deflick" type="checkbox"> <span data-i18n="deflick">Reduce flicker</span></label>
          </div>

<div class="row"><label><span data-i18n="rate">Playback speed</span> <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 class="notice small">
          <div><b data-i18n="tip_title">Tip</b>: <span data-i18n="tip_body">For remote URLs, the host must allow CORS. For safety, only https:// URLs are accepted.</span></div>
        </div>

</div>
    </div>

<div class="hc-card">
      <div class="hd" data-i18n="preview_hd">Preview</div>
      <div class="bd">
        <div class="hc-video">
          <div class="vbox"><h4><span data-i18n="orig">Original</span></h4><canvas id="orig"></canvas></div>
          <div class="vbox"><h4><span data-i18n="restored">Restored</span></h4><canvas id="proc"></canvas><canvas id="mag" width="160" height="160"></canvas></div>
        </div>

<div class="hc-btns" style="margin-top:10px">
          <button id="save_frame" type="button" data-i18n="save_frame">Save current frame (PNG)</button>
          <button id="rec_start" class="primary" type="button" data-i18n="rec_start">Start segment recording</button>
          <button id="rec_stop" type="button" data-i18n="rec_stop">Stop recording</button>
          <button id="export_log" type="button" data-i18n="export_log">Export log (JSON)</button>
        </div>

<div class="hc-grid" style="margin-top:12px">
          <div class="hc-card"><div class="hd" data-i18n="hist">Histogram (Y)</div><div class="bd"><canvas id="hist" class="hist"></canvas></div></div>
          <div class="hc-card"><div class="hd" data-i18n="spec">Audio spectrogram</div><div class="bd"><canvas id="spec" class="spec"></canvas></div></div>
        </div>
      </div>
    </div>

<div class="hc-card">
      <div class="hd" data-i18n="meta_hd">Metadata</div>
      <div class="bd meta">
        <p><span data-i18n="fname">Filename</span>: <span id="m_name">-</span></p>
        <p><span data-i18n="ftype">Type</span>: <span id="m_type">-</span></p>
        <p><span data-i18n="fsize">Size</span>: <span id="m_size">-</span></p>
        <p><span data-i18n="res">Resolution</span>: <span id="m_res">-</span></p>
        <p><span data-i18n="dur">Duration</span>: <span id="m_dur">-</span></p>
        <p><span data-i18n="fps">Estimated FPS</span>: <span id="m_fps">-</span></p>
        <p class="small muted" data-i18n="meta_note">Some codec details may not be exposed by the browser.</p>
      </div>
    </div>

<div class="hc-card">
      <div class="hd" data-i18n="ai_hd">AI check (optional)</div>
      <div class="bd hc-rows">

<div class="ai-kv">
          <label data-i18n="ai_model">ONNX model URL</label><input id="ai_model_url" type="url" data-ph="ai_model_ph" placeholder="https:// public .onnx (CORS allowed)">
          <label data-i18n="ai_frames">Sample frames</label><input id="ai_frames" max="200" min="8" type="number" value="32">
          <label data-i18n="ai_step">Interval (ms)</label><input id="ai_step" max="2000" min="16" type="number" value="120">
          <label data-i18n="ai_size">Input size (W×H)</label><input id="ai_size" type="text" value="224x224">
          <label data-i18n="ai_fake_idx">Fake class index</label><input id="ai_fake_idx" min="0" type="number" value="1">
        </div>

<div class="hc-btns">
          <button id="ai_load" type="button" data-i18n="ai_load">Load model</button>
          <button id="ai_run" class="primary" type="button" data-i18n="ai_run">Run AI check</button>
          <button id="ai_stop" type="button" data-i18n="ai_stop">Stop</button>
          <button id="ai_save" type="button" data-i18n="ai_save">Save report</button>
        </div>

<div class="ai-grid">
          <div>
            <div class="hc-btns" style="gap:6px">
              <span class="tag"><span data-i18n="ai_model_state">Model</span>: <i id="ai_model_state">Not loaded</i></span>
              <span class="tag" id="ai_result">Result: -</span>
              <span class="tag"><span data-i18n="ai_prob">AI score</span>: <i id="ai_prob">-</i></span>
              <span class="tag"><span data-i18n="heur">Heuristic</span>: <i id="ai_heur">-</i></span>
              <span class="tag"><span data-i18n="total">Combined</span>: <i id="ai_total">-</i></span>
            </div>
            <div class="small muted" style="margin-top:6px" data-i18n="ai_explain">
              Combined score = 50% AI + 50% heuristics (normalized). Threshold 0.70+ is flagged as suspicious.
            </div>
          </div>

<div class="ai-metrics">
          <div><div class="small muted" data-i18n="m_diff">Frame discontinuity</div><div id="m_diff" class="tag">-</div></div>
          <div><div class="small muted" data-i18n="m_edge">Edge/texture variance</div><div id="m_edge" class="tag">-</div></div>
          <div><div class="small muted" data-i18n="m_color">Channel consistency</div><div id="m_color" class="tag">-</div></div>
          <div><div class="small muted" data-i18n="m_flat">Audio flatness</div><div id="m_flat" class="tag">-</div></div>
        </div>

<div class="notice small">
          <div><b data-i18n="ai_legal_t">Important</b>: <span data-i18n="ai_legal_b">AI checks are optional indicators and may be inaccurate. Do not use results to harm, harass, or mislead others.</span></div>
        </div>

</div>
    </div>

<div class="hc-card">
      <div class="hd" data-i18n="read_hd">Before you use this tool</div>
      <div class="bd readme">

<p><b data-i18n="r1">1) Use lawfully</b></p>
        <ul>
          <li data-i18n="r1a">Analyze only content you own or have explicit permission to process.</li>
          <li data-i18n="r1b">Do not collect, analyze, or distribute others’ videos or personal data without consent.</li>
          <li data-i18n="r1c">For legal proceedings, follow official forensic or investigative procedures.</li>
        </ul>

<p><b data-i18n="r2">2) Preserve evidence integrity</b></p>
        <ul>
          <li data-i18n="r2a">Keep originals on a secure medium and work on copies.</li>
          <li data-i18n="r2b">Record SHA-256 hashes to verify whether files changed.</li>
          <li data-i18n="r2c">Maintain a chain-of-custody log (who/when/what was done).</li>
        </ul>

<p><b data-i18n="r3">3) Limits of automated checks</b></p>
        <ul>
          <li data-i18n="r3a">This is a browser-based first-pass indicator and can be wrong.</li>
          <li data-i18n="r3b">Results vary by model quality, data, and output definitions.</li>
          <li data-i18n="r3c">Outputs are informational only and do not guarantee authenticity.</li>
        </ul>

<p><b data-i18n="r4">4) Technical notes</b></p>
        <ul>
          <li data-i18n="r4a">All processing runs locally in your browser.</li>
          <li data-i18n="r4b">Remote URLs require CORS permission from the host.</li>
          <li data-i18n="r4c">Large or high-resolution files may reduce performance.</li>
        </ul>

<p><b data-i18n="r6">5) Safety & responsibility</b></p>
        <ul>
          <li data-i18n="r6a">Do not use this tool for surveillance, doxxing, fraud, or harassment.</li>
          <li data-i18n="r6b">If you suspect a crime, preserve originals and contact appropriate authorities.</li>
          <li data-i18n="r6c">This tool provides no warranty; you are responsible for use and outcomes.</li>
        </ul>

<p class="small muted" data-i18n="disclaimer">
          Disclaimer: This tool is provided for informational purposes and is not legal advice. You are responsible for compliance and all outcomes.
        </p>
      </div>
    </div>

</div>

<div class="hc-foot">
    <div style="margin-bottom:8px">
      <span class="tag" data-i18n="t1">No code redistribution</span>
      <span class="tag" data-i18n="t2">Local processing</span>
      <span class="tag" data-i18n="t3">SHA-256 hash</span>
      <span class="tag" data-i18n="t4">Optional AI check</span>
    </div>
    <div class="muted" style="margin-bottom:6px" data-i18n="foot_note">Not legal advice. Results do not guarantee authenticity. Use responsibly and lawfully.</div>
    <div>© 2026 Happycode7. All rights reserved.</div>
  </div>

</div>

<div class="modalback" id="langBack" role="dialog" aria-modal="true">
  <div class="modal">
    <div class="mhd">
      <div>🌐 <span data-i18n="lang_title">Language</span></div>
      <button class="iconbtn" id="closeLang" type="button">✕</button>
    </div>
    <div class="mbd">
      <div class="select">
        <button class="pill" type="button" data-lang="en">English</button>
        <button class="pill" type="button" data-lang="ko">한국어</button>
        <button class="pill" type="button" data-lang="ja">日本語</button>
        <button class="pill" type="button" data-lang="zh-Hans">简体中文</button>
        <button class="pill" type="button" data-lang="zh-Hant">繁體中文</button>
        <button class="pill" type="button" data-lang="es">Español</button>
        <button class="pill" type="button" data-lang="fr">Français</button>
        <button class="pill" type="button" data-lang="de">Deutsch</button>
        <button class="pill" type="button" data-lang="pt">Português</button>
        <button class="pill" type="button" data-lang="hi">हिन्दी</button>
        <button class="pill" type="button" data-lang="ar">العربية</button>
      </div>
    </div>
  </div>
</div>

function guessLang(){
    var raw=(navigator.language||'en').toLowerCase();
    if(raw.startsWith('ko')) return 'ko';
    if(raw.startsWith('ja')) return 'ja';
    if(raw.startsWith('zh')){
      if(raw.includes('hant')||raw.includes('tw')||raw.includes('hk')||raw.includes('mo')) return 'zh-Hant';
      return 'zh-Hans';
    }
    if(raw.startsWith('es')) return 'es';
    if(raw.startsWith('fr')) return 'fr';
    if(raw.startsWith('de')) return 'de';
    if(raw.startsWith('pt')) return 'pt';
    if(raw.startsWith('hi')) return 'hi';
    if(raw.startsWith('ar')) return 'ar';
    return 'en';
  }

var lang=guessLang();
  function t(key){
    return (I18N[lang] && I18N[lang][key]) || (I18N.en && I18N.en[key]) || key;
  }

function applyLang(){
    var cfg=I18N[lang]||I18N.en;
    document.documentElement.lang=cfg.__lang||'en';
    document.documentElement.dir=cfg.__dir||'ltr';

var nodes=document.querySelectorAll("[data-i18n]");
    for(var i=0;i<nodes.length;i++){
      var k=nodes[i].getAttribute("data-i18n");
      nodes[i].textContent=t(k);
    }

var phs=document.querySelectorAll("[data-ph]");
    for(var p=0;p<phs.length;p++){
      var kk=phs[p].getAttribute("data-ph");
      phs[p].setAttribute("placeholder", t(kk));
    }

var pills=document.querySelectorAll(".pill[data-lang]");
    for(var j=0;j<pills.length;j++){
      var btn=pills[j];
      btn.setAttribute("aria-pressed", (btn.getAttribute("data-lang")===lang) ? "true":"false");
    }

refreshFileLabel();
    var aiStatus=document.getElementById('ai_status');
    if(aiStatus){
      var v=aiStatus.textContent||'';
      if(v===I18N.en.status_idle || v===I18N.ko.status_idle || v===I18N.es.status_idle || v===I18N.fr.status_idle || v===I18N.de.status_idle || v===I18N.pt.status_idle || v===I18N.hi.status_idle || v===I18N.ar.status_idle){
        aiStatus.textContent=t('status_idle');
      }
    }
  }

var fileEl=document.getElementById("file");
  var fileNameEl=document.getElementById("fileName");
  function refreshFileLabel(){
    var f=fileEl.files && fileEl.files[0];
    fileNameEl.textContent = f ? f.name : t("no_file");
  }
  document.getElementById("pickFile").addEventListener("click",function(){
    fileEl.click();
  });

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 flickBuf=null, flickN=3, flickPtr=0;
  function deflicker(img){
    if(!st.deflick) return img;
    var w=img.width,h2=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 j=0;j<out.length;j++) out[j]=(flickBuf[0][j]+flickBuf[1][j]+flickBuf[2][j])/3|0;
    return new ImageData(out,w,h2);
  }

var fpsCount=0, fpsTime=0, fpsEst=0;

function loop(tick){
    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(tick-fpsTime>500){
        fpsEst=(fpsCount*1000/(tick-fpsTime));
        fpsCount=0; fpsTime=tick;
        document.getElementById('m_fps').textContent=fpsEst.toFixed(1);
      }
    }
  }

function setRate(){ v.playbackRate=st.rate }

function saveFrame(){
    c2.toBlob(function(blob){
      if(!blob) return;
      safeDownload(blob,'hc7-restored-frame.png');
    },'image/png');
  }

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=function(){ saveFrame(); log.push({t:Date.now(),a:'save_frame'}) };
    id('rec_start').onclick=function(){ startRec(); log.push({t:Date.now(),a:'rec_start'}) };
    id('rec_stop').onclick=function(){ stopRec(); log.push({t:Date.now(),a:'rec_stop'}) };
    id('export_log').onclick=function(){ exportLog(); log.push({t:Date.now(),a:'export_log'}) };

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);
    },{passive:true});

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();
  }

fileEl.addEventListener('change',function(e){
    refreshFileLabel();
    var f=e.target.files && e.target.files[0];
    loadFile(f);
  });

var AI=(function(){
    var session=null, collecting=false, want=0, got=0, step=120, W=224, H=224;
    var report=null;

function status(msg){
      var el=document.getElementById('ai_status');
      if(el) el.textContent=msg;
    }

function showSummary(sum){
      document.getElementById('ai_prob').textContent=(sum.ai!==undefined?(sum.ai.toFixed(3)):'-');
      document.getElementById('ai_heur').textContent=(sum.heur!==undefined?(sum.heur.toFixed(3)):'-');
      document.getElementById('ai_total').textContent=(sum.total!==undefined?(sum.total.toFixed(3)):'-');
      var flag=sum.flag;
      document.getElementById('ai_result').textContent=t('result_prefix')+(flag?t('result_susp'):t('result_ok'));
    }

function run(){
      if(v.readyState<2){ status(t('msg_load_video_first')); return; }
      if(!session){ status(t('load_model_first')); return; }

var N=Math.max(8,Math.min(200, +document.getElementById('ai_frames').value||32));
      var mm=/^\s*(\d+)x(\d+)\s*$/.exec(document.getElementById('ai_size').value||'224x224');
      W=mm?+mm[1]:224; H=mm?+mm[2]:224;
      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
      },lang:lang};

collecting=true;
      status(t('status_analyzing'));
      v.play();
    }

function stop(){
      collecting=false;
      status(t('status_stopped'));
      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'});
      safeDownload(blob,'hc7-ai-report.json');
    }

function heuristics(img){
      var d=img.data;
      var n=Math.min(5000, (d.length/4)|0);
      var acc=0, step2=((d.length/4)/n)|0;
      for(var i=0;i<n;i++){
        var idx=(i*step2)*4;
        acc+=Math.abs(d[idx]-d[idx+1])+Math.abs(d[idx+1]-d[idx+2]);
      }
      var v=acc/(n*255*2);
      return Math.max(0,Math.min(1,v));
    }

var lastT=0;
    function maybeCollect(img){
      if(!collecting) return;
      var now=performance.now();
      if(now-lastT<step) return;
      lastT=now;

var hv=heuristics(img);
      report.heuristics.push({t:Date.now(),v:hv});
      document.getElementById('m_edge').textContent=hv.toFixed(3);

try{
        var input=toTensor(img);
        var feeds={};
        var inputName=session.inputNames[0];
        feeds[inputName]=input;
        session.run(feeds).then(function(out){
          var outName=session.outputNames[0];
          var data=out[outName].data;
          var fakeIdx=Math.max(0, +document.getElementById('ai_fake_idx').value||1);
          var p=data[fakeIdx]!==undefined?data[fakeIdx]:data[0];
          p=1/(1+Math.exp(-p));
          report.ai.push({t:Date.now(),p:p});
          got++;
          document.getElementById('ai_prog').style.width=Math.round(got/want*100)+'%';
          if(got>=want){
            collecting=false;
            status(t('status_done'));
            v.pause();
            var sum=summarize();
            showSummary(sum);
            report.summary=sum;
          }
        }).catch(function(){
          got++;
          document.getElementById('ai_prog').style.width=Math.round(got/want*100)+'%';
        });
      }catch(e){
        got++;
        document.getElementById('ai_prog').style.width=Math.round(got/want*100)+'%';
      }
    }

return {
      loadModel:loadModel,
      run:run,
      stop:stop,
      save:save,
      maybeCollect:maybeCollect,
      get collecting(){return collecting}
    };
  })();

applyLang();
  bind();
  syncUI();
  requestAnimationFrame(loop);

</body>
</html>

'+Practical software for daily life' 카테고리의 다른 글

Mangtae Madam — AI Voice Fraud Guard (2)	2026.02.20
DoorHandle — Trust & Document Verification Toolkit (2)	2026.02.20
Happycode7 Mini Arcade — Offline Puzzle Set (1)	2026.02.19
Preflight Inspector (3)	2026.02.17
PC Care PRO Global (5)	2026.02.14

Mangtae — Video Authenticity & Forensics Toolkit

'+Practical software for daily life' 카테고리의 다른 글

관련글

티스토리툴바