Mangtae Madam — AI Voice Fraud Guard

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1"> <title>Mangtae Madam — Voice Authenticity Guard</title> <style> :root{--ink:#eaf0ff;--ink-d:#b8c6e6;--ink-d2:#8fa0c2;--bg:#070b19;--card:rgba(17,24,56,.52);--line:rgba(255,255,255,.10);--gold:#f5cf6a;--good:#19c37d;--warn:#f7c948;--bad:#ef6a6a} html,body{height:100%} body{margin:0;background:radial-gradient(1300px 700px at 85% -10%,#1c284f 0%,transparent 55%),linear-gradient(180deg,#070b19 0%,#0a1126 80%);color:var(--ink);font-family:System-ui,-apple-system,Pretendard,Segoe UI,Roboto,Helvetica,Arial} .container{max-width:980px;margin:30px auto 26px;padding:20px} .h1{font-size:30px;font-weight:900;margin:0 0 6px;background:linear-gradient(90deg,#ffffff,#f5cf6a 60%,#6aa6ff);-webkit-background-clip:text;background-clip:text;color:transparent} .sub{font-size:13px;color:var(--ink-d2);line-height:1.6} .card{background:var(--card);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--line);border-radius:20px;padding:18px;box-shadow:0 20px 100px rgba(8,12,28,.35)} .btn{appearance:none;border:0;border-radius:14px;padding:12px 16px;font-weight:800;cursor:pointer;color:#0c1228;background:linear-gradient(180deg,#ffd773,#f0c24a)} .btn.sec{color:#dbe9ff;background:linear-gradient(180deg,#30407a,#223062)} .btn.ghost{background:transparent;color:#cfe1ff;border:1px solid var(--line)} .btn:disabled{opacity:.55;cursor:not-allowed} .grid{display:grid;gap:14px;grid-template-columns:1fr 1fr} .box{background:rgba(10,16,36,.65);border:1px dashed var(--line);border-radius:16px;padding:12px} .gauge{width:100%;aspect-ratio:2/1;background:conic-gradient(from 180deg,var(--bad) 0 120deg,var(--warn) 120deg 180deg,var(--good) 180deg 360deg);border-radius:18px;position:relative;border:1px solid var(--line)} .gauge:after{content:"";position:absolute;inset:10px;background:linear-gradient(180deg,#09122a,#0a0f24);border-radius:14px} .needle{position:absolute;left:50%;bottom:10px;width:2px;height:calc(50% - 10px);background:#fff;transform-origin:50% 100%} .out-ok{color:#8df7c4}.out-warn{color:#ffe08a}.out-bad{color:#ff9a9a} .canvaswrap{overflow:hidden;border-radius:14px;border:1px solid rgba(255,255,255,.06);background:#0a0f24} canvas{display:block;width:100%;height:120px} .hide{display:none !important} .footer{font-size:12px;color:var(--ink-d2);line-height:1.6;margin-top:18px} .titlebar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px} .meta{font-size:12px;color:var(--ink-d2)} .kv{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px} .kv div{background:rgba(255,255,255,.03);border:1px solid var(--line);border-radius:12px;padding:8px} .kv b{display:block;color:#eaf0ff;margin-bottom:4px} .tools{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px} .badge{display:inline-flex;align-items:center;gap:8px;padding:10px 12px;border-radius:14px;border:1px solid var(--line);background:rgba(255,255,255,.03);color:#dbe9ff;font-weight:800} .badge small{font-weight:700;color:var(--ink-d2)} .modal{position:fixed;inset:0;display:none;align-items:center;justify-content:center;background:rgba(2,6,18,.62);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:18px} .modal.open{display:flex} .sheet{width:min(720px,100%);background:rgba(10,16,36,.92);border:1px solid var(--line);border-radius:22px;box-shadow:0 40px 160px rgba(4,8,22,.7);padding:16px} .sheet h2{margin:0 0 8px;font-size:18px} .sheet p{margin:0 0 12px;color:var(--ink-d2);font-size:13px;line-height:1.6} .langgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px} .langbtn{width:100%;text-align:left} .hr{height:1px;background:rgba(255,255,255,.08);margin:12px 0} @media (max-width:640px){.grid{grid-template-columns:1fr}.kv{grid-template-columns:repeat(2,minmax(0,1fr))}.langgrid{grid-template-columns:1fr}} </style> </head> <body> <div class="container"> <div class="titlebar"> <div> <div class="h1" id="t_title">Mangtae Madam — Voice Authenticity Guard</div> <div class="sub" id="t_sub">Analyze suspicious signals of AI-synthesized voice locally in real time and auto-save results. No data is transmitted.</div> </div> <div style="display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end"> <div class="badge"><span id="t_badge">Local Only</span> <small id="t_badge2">No Upload</small></div> <button id="langBtn" class="btn ghost">Language</button> </div> </div> <div class="card" style="margin-top:16px"> <div class="btnline" style="display:flex;gap:10px;flex-wrap:wrap"> <button id="startBtn" class="btn">Start Mic</button> <button id="stopBtn" class="btn sec" disabled>Stop</button> <button id="calBtn" class="btn ghost">Calibrate 1.5s</button> <button id="toggleWave" class="btn ghost">Waveform</button> <select id="sens" class="btn ghost" style="padding:11px 10px"> <option value="high">High Sensitivity</option> <option value="mid" selected>Normal</option> <option value="low">Low Sensitivity</option> </select> <div class="tools"> <button id="saveCsv" class="btn ghost">Save CSV</button> <button id="saveJson" class="btn ghost">Save JSON</button> <button id="clearLog" class="btn ghost">Clear Results</button> <button id="recBtn" class="btn ghost">Start Recording</button> <button id="saveAudio" class="btn ghost">Save Audio</button> </div> </div> <div class="grid" style="margin-top:14px"> <div class="box canvaswrap hide" id="wrapWave"><canvas id="wave"></canvas></div> <div class="box canvaswrap" id="wrapSpec"><canvas id="spec"></canvas></div> </div> <div class="grid" style="margin-top:14px"> <div><div class="gauge"><div class="needle" id="needle"></div></div></div> <div> <div id="result" style="font-size:20px;font-weight:900">Idle</div> <div id="explain" class="sub"></div> <div class="meta" id="metaLine"></div> </div> </div> <div id="debugPanel" class="box" style="margin-top:14px"> <div class="kv" id="kv"></div> </div> </div> <div class="card" style="margin-top:16px"> <div class="footer" id="t_footer"> This tool is for reference only and does not guarantee accuracy or completeness.<br> You are solely responsible for any decision or action taken based on the results.<br> No unauthorized copying, modification, redistribution, or publication.<br> © 2026 Happycode7. All rights reserved. </div> </div> </div> <div class="modal" id="langModal" role="dialog" aria-modal="true"> <div class="sheet"> <h2 id="t_langTitle">Language</h2> <p id="t_langDesc">Choose your display language. Analysis runs locally in your browser.</p> <div class="langgrid"> <button class="btn ghost langbtn" data-lang="en">English</button> <button class="btn ghost langbtn" data-lang="ko">한국어</button> <button class="btn ghost langbtn" data-lang="ja">日本語</button> <button class="btn ghost langbtn" data-lang="zh">中文</button> <button class="btn ghost langbtn" data-lang="es">Español</button> <button class="btn ghost langbtn" data-lang="fr">Français</button> </div> <div class="hr"></div> <div style="display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap"> <button id="langClose" class="btn sec">Close</button> </div> </div> </div> <script> function clamp(x,a,b){return Math.max(a,Math.min(b,x))} function hann(n,N){return .5*(1-Math.cos(2*Math.PI*n/(N-1)))} function rms(x){let s=0;for(let i=0;i<x.length;i++)s+=x[i]*x[i];return Math.sqrt(s/x.length)} function zcr(x){let c=0;for(let i=1;i<x.length;i++) if((x[i-1]>=0)!=(x[i]>=0)) c++; return c/x.length} function safe(v,d){return Number.isFinite(v)?v:(d!==undefined?d:0)} function ts(){return new Date().toISOString().replace("T"," ").split(".")[0]} function fftReIm(re,im){const n=re.length;let i=0,j=0;for(i=1;i<n;i++){let bit=n>>1;for(;j&bit;bit>>=1){j^=bit}j^=bit;if(i<j){[re[i],re[j]]=[re[j],re[i]];[im[i],im[j]]=[im[j],im[i]]}}for(let len=2;len<=n;len<<=1){const ang=-2*Math.PI/len;const wlr=Math.cos(ang),wli=Math.sin(ang);for(let i=0;i<n;i+=len){let wr=1,wi=0;for(let j=0;j<len/2;j++){const uR=re[i+j],uI=im[i+j];const vR=re[i+j+len/2]*wr-im[i+j+len/2]*wi;const vI=re[i+j+len/2]*wi+im[i+j+len/2]*wr;re[i+j]=uR+vR;im[i+j]=uI+vI;re[i+j+len/2]=uR-vR;im[i+j+len/2]=uI-vI;const nwr=wr*wlr-wi*wli,nwi=wr*wli+wi*wlr;wr=nwr;wi=nwi}}}} function powerSpectrum(frame){const N=1<<Math.floor(Math.log2(frame.length));const w=new Float32Array(N);for(let n=0;n<N;n++)w[n]=(frame[n]||0)*hann(n,N);const re=Float32Array.from(w),im=new Float32Array(N);fftReIm(re,im);const ps=new Float32Array(N/2);for(let k=1;k<N/2;k++){ps[k]=re[k]*re[k]+im[k]*im[k]+1e-12}return ps} function spectralCentroid(ps,sr){let num=0,den=0;const N=ps.length*2,binHz=sr/N;for(let k=0;k<ps.length;k++){const f=k*binHz;num+=f*ps[k];den+=ps[k]}return den?num/den:0} function spectralRolloff(ps,sr,roll){let total=0;for(let i=0;i<ps.length;i++)total+=ps[i];let thr=total*(roll||0.95),sum=0;const N=ps.length*2,binHz=sr/N;for(let k=0;k<ps.length;k++){sum+=ps[k];if(sum>=thr)return k*binHz}return (ps.length-1)*binHz} function spectralFlatness(ps){let g=0,a=0,n=ps.length;for(let i=1;i<n;i++){const v=ps[i];g+=Math.log(v)}g=Math.exp(g/(n-1));for(let i=1;i<n;i++)a+=ps[i];a=a/(n-1)+1e-12;return g/a} function hfRatio(ps,sr,cut){const N=ps.length*2,binHz=sr/N;let hf=0,lf=0,c=cut||6000;for(let k=1;k<ps.length;k++){if(k*binHz>c)hf+=ps[k];else lf+=ps[k]}return hf/(lf+1e-9)} function pitchAndHNR(frame,sr){const x=frame,N=x.length;let mean=0;for(let i=0;i<N;i++)mean+=x[i];mean/=N;const y=new Float32Array(N);for(let i=0;i<N;i++)y[i]=x[i]-mean;let energy=0;for(let i=0;i<N;i++)energy+=y[i]*y[i];if(energy<1e-12)return{f0:0,hnr:0,normR:0};const maxLag=Math.floor(sr/70),minLag=Math.floor(sr/400);let bestLag=minLag,bestR=-1;for(let lag=minLag;lag<=maxLag;lag++){let r=0;for(let i=0;i<N-lag;i++)r+=y[i]*y[i+lag];r/=(N-lag);if(r>bestR){bestR=r;bestLag=lag}}const r0=energy/N;let normR=bestR/(r0+1e-12);normR=clamp(normR,1e-6,0.999999);const f0=sr/bestLag;const hnr=10*Math.log10(normR/(1-normR));return{f0,hnr}} function hz2mel(f){return 2595*Math.log10(1+f/700)} function mel2hz(m){return 700*(Math.pow(10,m/2595)-1)} function melFilterbank(nFilters,fftSize,sr){const fMin=0,fMax=sr/2;const mMin=hz2mel(fMin),mMax=hz2mel(fMax);const mPoints=new Array(nFilters+2);for(let i=0;i<mPoints.length;i++)mPoints[i]=mMin+(mMax-mMin)*i/(nFilters+1);const fPoints=mPoints.map(mel2hz);const bins=fPoints.map(f=>Math.floor((fftSize+1)*f/sr));const fb=new Array(nFilters);for(let m=0;m<nFilters;m++){const fbank=new Float32Array(fftSize/2);for(let k=bins[m];k<bins[m+1];k++)fbank[k]=(k-bins[m])/(bins[m+1]-bins[m]);for(let k=bins[m+1];k<bins[m+2];k++)fbank[k]=(bins[m+2]-k)/(bins[m+2]-bins[m+1]);fb[m]=fbank}return fb} const _mfccCache={}; function mfcc(ps,sr,nMels,nCoeffs){const m=nMels||26,c=nCoeffs||13;const fftSize=ps.length*2,key=fftSize+"_"+sr+"_"+m;let fb=_mfccCache[key];if(!fb){fb=melFilterbank(m,fftSize,sr);_mfccCache[key]=fb}const melE=new Float32Array(m);for(let i=0;i<m;i++){let s=0,w=fb[i];for(let k=1;k<ps.length;k++)s+=ps[k]*w[k];melE[i]=Math.log(s+1e-9)}const N=m,coef=new Float32Array(c);for(let n=0;n<c;n++){let v=0;for(let k=0;k<N;k++)v+=melE[k]*Math.cos(Math.PI*n*(k+0.5)/N);coef[n]=v}return coef} function downsampleSpectrum(ps,target){const t=target||96;const block=Math.floor(ps.length/t);const out=new Float32Array(t);for(let i=0;i<t;i++){let s=0;for(let k=i*block;k<(i+1)*block&&k<ps.length;k++)s+=ps[k];out[i]=Math.log(s/block+1e-9)}return out} function ultraBandNoise(ps,sr){const N=ps.length*2,binHz=sr/N;let hi=0,lo=0;for(let k=1;k<ps.length;k++){const f=k*binHz;if(f>14000)hi+=ps[k];else if(f>8000)lo+=ps[k]}return hi/(lo+1e-9)} function digitalSilenceRate(frame){let zc=0;for(let i=0;i<frame.length;i++) if(frame[i]===0) zc++;return zc/frame.length} const ui={start:document.getElementById("startBtn"),stop:document.getElementById("stopBtn"),cal:document.getElementById("calBtn"),wave:document.getElementById("wave"),spec:document.getElementById("spec"),wrapWave:document.getElementById("wrapWave"),wrapSpec:document.getElementById("wrapSpec"),needle:document.getElementById("needle"),result:document.getElementById("result"),explain:document.getElementById("explain"),meta:document.getElementById("metaLine"),kv:document.getElementById("kv"),sensSel:document.getElementById("sens"),saveCsv:document.getElementById("saveCsv"),saveJson:document.getElementById("saveJson"),clearLog:document.getElementById("clearLog")}; let ac,mic,analyser,proc,awCtx,swCtx; let noiseRef={rms:0.01,zcr:0.1}; let ema={f0:0,hnr:0,flat:0,hf:0,cent:0,roll:0,ltsv:0,jitter:0,shimmer:0}; let bufF0=[],bufAmp=[],bufSpec=[]; const MAXBUF=60; let sensMode='mid'; let results=[]; let lastSave=0; let lastFrame=null; var micStream=null,mr=null,mrChunks=[],recOn=false,pcmBuffers=[],pcmSR=44100; const I18N={ en:{ title:"Mangtae Madam — Voice Authenticity Guard", sub:"Analyze suspicious signals of AI-synthesized voice locally in real time and auto-save results. No data is transmitted.", badge:"Local Only", badge2:"No Upload", lang:"Language", start:"Start Mic", stop:"Stop", cal:"Calibrate 1.5s", wave:"Waveform", sensHigh:"High Sensitivity", sensMid:"Normal", sensLow:"Low Sensitivity", saveCsv:"Save CSV", saveJson:"Save JSON", clear:"Clear Results", recStart:"Start Recording", recStop:"Stop Recording", saveAudio:"Save Audio", idle:"Idle", pressStart:"Press Start Mic to begin.", calNeedStart:"Please start the mic first.", calDone:"Noise baseline calibrated.", micFail:"Microphone access failed: ", noResults:"No results to save.", cleared:"Results cleared.", dlNoAudio:"No recording to save.", labelHigh:"High likelihood of AI/synthetic voice", labelMid:"Uncertain", labelLow:"Likely natural voice", explainFmt:(f0,hnr,flat)=>`f0 ${f0}Hz, HNR ${hnr}dB, flatness ${flat}`, metaFmt:(hf,ltsv,un,sil)=>`HF ${hf} · LTSV ${ltsv} · ultra ${un} · sil ${sil}`, footer:"This tool is for reference only and does not guarantee accuracy or completeness.<br>You are solely responsible for any decision or action taken based on the results.<br>No unauthorized copying, modification, redistribution, or publication.<br>© 2026 Happycode7. All rights reserved.", langTitle:"Language", langDesc:"Choose your display language. Analysis runs locally in your browser.", close:"Close", aiScore:"AI Score", waveOn:"Waveform", waveOff:"Waveform", resultIdle:"Idle | AI Score: 50%" }, ko:{ title:"망태 부인 — 조작 목소리 감별기", sub:"AI 합성 음성 의심 신호를 로컬에서 실시간 분석하고 결과를 자동 저장합니다. 데이터는 전송되지 않습니다.", badge:"로컬 전용", badge2:"업로드 없음", lang:"언어", start:"마이크 시작", stop:"정지", cal:"캘리브레이션 1.5초", wave:"파형 표시", sensHigh:"민감", sensMid:"보통", sensLow:"둔감", saveCsv:"결과 저장 CSV", saveJson:"결과 저장 JSON", clear:"결과 초기화", recStart:"녹음 시작", recStop:"녹음 중지", saveAudio:"오디오 저장", idle:"대기 중", pressStart:"마이크 시작을 누르세요.", calNeedStart:"먼저 마이크 시작을 눌러주세요.", calDone:"기준 소음 보정 완료", micFail:"마이크 접근 실패: ", noResults:"저장할 결과가 없습니다.", cleared:"결과가 초기화되었습니다.", dlNoAudio:"저장할 녹음이 없습니다.", labelHigh:"AI/합성음 가능성 높음", labelMid:"불확실", labelLow:"자연 음성 가능성 높음", explainFmt:(f0,hnr,flat)=>`f0 ${f0}Hz, HNR ${hnr}dB, 평탄도 ${flat}`, metaFmt:(hf,ltsv,un,sil)=>`HF비 ${hf} · LTSV ${ltsv} · uNoise ${un} · sil ${sil}`, footer:"본 도구는 참고용 보조분석기이며 결과의 정확성·완전성을 보장하지 않습니다.<br>결과에 따른 모든 책임은 사용자에게 있습니다.<br>무단 복제·수정·재배포 금지<br>© 2026 Happycode7. All rights reserved.", langTitle:"언어 선택", langDesc:"표시 언어를 선택하세요. 분석은 브라우저 로컬에서만 수행됩니다.", close:"닫기", aiScore:"AI Score", waveOn:"파형 표시", waveOff:"파형 표시", resultIdle:"대기 중 | AI Score: 50%" }, ja:{ title:"マンテ夫人 — 音声真偽ガード", sub:"AI合成音声の疑いサインをローカルでリアルタイム解析し、結果を自動保存します。データは送信されません。", badge:"ローカルのみ", badge2:"送信なし", lang:"言語", start:"マイク開始", stop:"停止", cal:"キャリブレーション 1.5秒", wave:"波形", sensHigh:"高感度", sensMid:"標準", sensLow:"低感度", saveCsv:"CSV保存", saveJson:"JSON保存", clear:"結果クリア", recStart:"録音開始", recStop:"録音停止", saveAudio:"音声保存", idle:"待機中", pressStart:"マイク開始を押してください。", calNeedStart:"先にマイクを開始してください。", calDone:"ノイズ基準を補正しました。", micFail:"マイクアクセス失敗: ", noResults:"保存する結果がありません。", cleared:"結果をクリアしました。", dlNoAudio:"保存する録音がありません。", labelHigh:"AI/合成音声の可能性が高い", labelMid:"不確実", labelLow:"自然音声の可能性が高い", explainFmt:(f0,hnr,flat)=>`f0 ${f0}Hz, HNR ${hnr}dB, flatness ${flat}`, metaFmt:(hf,ltsv,un,sil)=>`HF ${hf} · LTSV ${ltsv} · ultra ${un} · sil ${sil}`, footer:"本ツールは参考用であり、正確性・完全性を保証しません。<br>結果に基づく判断・行動の責任は利用者にあります。<br>無断複製・改変・再配布禁止<br>© 2026 Happycode7. All rights reserved.", langTitle:"言語", langDesc:"表示言語を選択してください。解析はブラウザ内でローカル実行されます。", close:"閉じる", aiScore:"AI Score", waveOn:"波形", waveOff:"波形", resultIdle:"待機中 | AI Score: 50%" }, zh:{ title:"网袋夫人 — 语音真伪守卫", sub:"在本地实时分析AI合成语音可疑信号并自动保存结果。数据不会上传。", badge:"仅本地", badge2:"不上传", lang:"语言", start:"开启麦克风", stop:"停止", cal:"校准 1.5秒", wave:"波形", sensHigh:"高敏", sensMid:"正常", sensLow:"低敏", saveCsv:"保存CSV", saveJson:"保存JSON", clear:"清除结果", recStart:"开始录音", recStop:"停止录音", saveAudio:"保存音频", idle:"等待中", pressStart:"请点击开启麦克风。", calNeedStart:"请先开启麦克风。", calDone:"噪声基线校准完成。", micFail:"麦克风访问失败: ", noResults:"没有可保存的结果。", cleared:"结果已清除。", dlNoAudio:"没有可保存的录音。", labelHigh:"AI/合成语音可能性高", labelMid:"不确定", labelLow:"更可能为自然语音", explainFmt:(f0,hnr,flat)=>`f0 ${f0}Hz, HNR ${hnr}dB, 平坦度 ${flat}`, metaFmt:(hf,ltsv,un,sil)=>`HF ${hf} · LTSV ${ltsv} · ultra ${un} · sil ${sil}`, footer:"本工具仅供参考，不保证准确性与完整性。<br>基于结果做出的任何决定与行为由使用者自行承担责任。<br>禁止未经授权的复制、修改、再分发<br>© 2026 Happycode7. All rights reserved.", langTitle:"语言", langDesc:"选择显示语言。分析在浏览器本地运行。", close:"关闭", aiScore:"AI Score", waveOn:"波形", waveOff:"波形", resultIdle:"等待中 | AI Score: 50%" }, es:{ title:"Mangtae Madam — Guardia de Autenticidad de Voz", sub:"Analiza señales sospechosas de voz sintetizada por IA localmente en tiempo real y guarda resultados automáticamente. No se transmiten datos.", badge:"Solo local", badge2:"Sin subida", lang:"Idioma", start:"Iniciar micrófono", stop:"Detener", cal:"Calibrar 1.5s", wave:"Forma de onda", sensHigh:"Alta", sensMid:"Normal", sensLow:"Baja", saveCsv:"Guardar CSV", saveJson:"Guardar JSON", clear:"Borrar resultados", recStart:"Iniciar grabación", recStop:"Detener grabación", saveAudio:"Guardar audio", idle:"En espera", pressStart:"Pulsa Iniciar micrófono.", calNeedStart:"Primero inicia el micrófono.", calDone:"Calibración de ruido completada.", micFail:"Falló el acceso al micrófono: ", noResults:"No hay resultados para guardar.", cleared:"Resultados borrados.", dlNoAudio:"No hay grabación para guardar.", labelHigh:"Alta probabilidad de voz IA/sintética", labelMid:"Incierto", labelLow:"Probablemente voz natural", explainFmt:(f0,hnr,flat)=>`f0 ${f0}Hz, HNR ${hnr}dB, planitud ${flat}`, metaFmt:(hf,ltsv,un,sil)=>`HF ${hf} · LTSV ${ltsv} · ultra ${un} · sil ${sil}`, footer:"Esta herramienta es solo de referencia y no garantiza precisión ni integridad.<br>Eres responsable de cualquier decisión o acción basada en los resultados.<br>Prohibida la copia, modificación o redistribución no autorizada.<br>© 2026 Happycode7. All rights reserved.", langTitle:"Idioma", langDesc:"Elige el idioma de pantalla. El análisis se ejecuta localmente en tu navegador.", close:"Cerrar", aiScore:"AI Score", waveOn:"Forma de onda", waveOff:"Forma de onda", resultIdle:"En espera | AI Score: 50%" }, fr:{ title:"Mangtae Madam — Garde d’Authenticité Vocale", sub:"Analyse localement en temps réel les signaux suspects de voix synthétique IA et enregistre automatiquement les résultats. Aucune donnée n’est transmise.", badge:"Local uniquement", badge2:"Sans envoi", lang:"Langue", start:"Démarrer micro", stop:"Arrêter", cal:"Calibrer 1,5s", wave:"Onde", sensHigh:"Élevée", sensMid:"Normale", sensLow:"Faible", saveCsv:"Enregistrer CSV", saveJson:"Enregistrer JSON", clear:"Effacer résultats", recStart:"Démarrer enregistrement", recStop:"Arrêter enregistrement", saveAudio:"Enregistrer audio", idle:"En attente", pressStart:"Appuyez sur Démarrer micro.", calNeedStart:"Veuillez d’abord démarrer le micro.", calDone:"Étalonnage du bruit terminé.", micFail:"Échec d’accès au micro : ", noResults:"Aucun résultat à enregistrer.", cleared:"Résultats effacés.", dlNoAudio:"Aucun enregistrement à sauvegarder.", labelHigh:"Forte probabilité de voix IA/synthétique", labelMid:"Incertain", labelLow:"Probablement voix naturelle", explainFmt:(f0,hnr,flat)=>`f0 ${f0}Hz, HNR ${hnr}dB, platitude ${flat}`, metaFmt:(hf,ltsv,un,sil)=>`HF ${hf} · LTSV ${ltsv} · ultra ${un} · sil ${sil}`, footer:"Cet outil est fourni à titre indicatif et ne garantit ni l’exactitude ni l’exhaustivité.<br>Vous êtes seul responsable de toute décision ou action basée sur les résultats.<br>Copie, modification ou redistribution non autorisée interdite.<br>© 2026 Happycode7. All rights reserved.", langTitle:"Langue", langDesc:"Choisissez la langue d’affichage. L’analyse s’exécute localement dans votre navigateur.", close:"Fermer", aiScore:"AI Score", waveOn:"Onde", waveOff:"Onde", resultIdle:"En attente | AI Score: 50%" } }; function getLang(){ try{ const s=localStorage.getItem("mb_voiceguard_lang"); if(s && I18N[s]) return s; }catch(e){} const nav=(navigator.language||"en").toLowerCase(); if(nav.startsWith("ko")) return "ko"; if(nav.startsWith("ja")) return "ja"; if(nav.startsWith("zh")) return "zh"; if(nav.startsWith("es")) return "es"; if(nav.startsWith("fr")) return "fr"; return "en"; } let LANG=getLang(); function t(){return I18N[LANG]||I18N.en} function setLang(l){ if(!I18N[l]) l="en"; LANG=l; try{localStorage.setItem("mb_voiceguard_lang",LANG)}catch(e){} applyI18n(); } function applyI18n(){ const D=t(); document.documentElement.lang=LANG; document.title=D.title; document.getElementById("t_title").textContent=D.title; document.getElementById("t_sub").textContent=D.sub; document.getElementById("t_badge").textContent=D.badge; document.getElementById("t_badge2").textContent=D.badge2; document.getElementById("langBtn").textContent=D.lang; ui.start.textContent=D.start; ui.stop.textContent=D.stop; ui.cal.textContent=D.cal; document.getElementById("toggleWave").textContent=D.waveOn; ui.sensSel.options[0].textContent=D.sensHigh; ui.sensSel.options[1].textContent=D.sensMid; ui.sensSel.options[2].textContent=D.sensLow; ui.saveCsv.textContent=D.saveCsv; ui.saveJson.textContent=D.saveJson; ui.clearLog.textContent=D.clear; document.getElementById("recBtn").textContent=recOn?D.recStop:D.recStart; document.getElementById("saveAudio").textContent=D.saveAudio; document.getElementById("t_footer").innerHTML=D.footer; document.getElementById("t_langTitle").textContent=D.langTitle; document.getElementById("t_langDesc").textContent=D.langDesc; document.getElementById("langClose").textContent=D.close; if(!ac){ document.getElementById("result").textContent=D.resultIdle; document.getElementById("explain").textContent=D.pressStart; document.getElementById("metaLine").textContent=""; document.getElementById("needle").style.transform="rotate(0deg)"; } } function drawWave(data){const c=ui.wave,ctx=(awCtx||(awCtx=c.getContext("2d")));const w=c.width=c.clientWidth*2,h=c.height=c.clientHeight*2;ctx.clearRect(0,0,w,h);ctx.lineWidth=2;ctx.beginPath();const step=Math.max(1,Math.floor(data.length/w));for(let x=0,i=0;x<w;x++,i+=step){const v=(data[i]||0)*0.48;const y=h*(0.5 - v);if(x===0)ctx.moveTo(x,y);else ctx.lineTo(x,y)}ctx.strokeStyle="rgba(245,207,106,.95)";ctx.stroke()} function drawSpec(){if(!analyser)return;const c=ui.spec,ctx=(swCtx||(swCtx=c.getContext("2d")));const w=c.width=c.clientWidth*2,h=c.height=c.clientHeight*2;ctx.clearRect(0,0,w,h);const buf=new Uint8Array(analyser.frequencyBinCount);analyser.getByteFrequencyData(buf);const len=buf.length,barW=w/len;for(let i=0;i<len;i++){const v=buf[i]/255;const bh=v*h;const hue=240-(i/len*240);ctx.fillStyle="hsl("+hue+",100%,"+(30+v*50)+"%)";ctx.fillRect(i*barW,h-bh,barW,Math.max(2,bh))}} function emaUpdate(o,key,val,a){o[key]=o[key]===0?val:(a*val+(1-a)*o[key])} function ltsvFromSpecs(specs){if(specs.length<2)return 0;const T=specs.length,M=specs[0].length;const mean=new Float32Array(M);for(let t=0;t<T;t++)for(let m=0;m<M;m++)mean[m]+=specs[t][m];for(let m=0;m<M;m++)mean[m]/=T;let v=0;for(let t=0;t<T;t++)for(let m=0;m<M;m++){const d=specs[t][m]-mean[m];v+=d*d}return v/(T*M)} function jitterOf(arr){if(arr.length<3)return 0;let s=0,c=0;for(let i=1;i<arr.length;i++){const a=arr[i-1],b=arr[i];if(a>0&&b>0){s+=Math.abs(b-a);c++}}const mean=arr.reduce((p,v)=>p+(v>0?v:0),0)/Math.max(1,c+1);return mean>0?(s/Math.max(1,c))/mean:0} function shimmerOf(arr){if(arr.length<3)return 0;let s=0,c=0;for(let i=1;i<arr.length;i++){const a=arr[i-1],b=arr[i];s+=Math.abs(b-a);c++}const mean=arr.reduce((p,v)=>p+v,0)/Math.max(1,c+1);return mean>0?(s/Math.max(1,c))/mean:0} ui.sensSel.onchange=e=>sensMode=e.target.value; function emotionEstimate(e,hf,hnr,f0){const ar=clamp((e*2+hf)/3,0,1);const va=clamp((hnr-5)/25,0,1);let emo="neutral";if(ar<0.25&&va>0.6)emo="calm";else if(ar<0.25&&va<=0.6)emo="sad";else if(ar>0.65&&va>0.5)emo="excited";else if(ar>0.65&&va<=0.5)emo="tense";return emo} function decision(feat){ const HNR=safe(feat.hnr,0),FL=safe(feat.flat,0),HF=safe(feat.hf,0); const JI=safe(feat.jitter,0),SH=safe(feat.shimmer,0),LTS=safe(feat.ltsv,0); const uNoise=safe(feat.uNoise,0),silRate=safe(feat.silRate,0); let s=0; s+=0.25*clamp(FL/0.6,0,1); s+=0.25*clamp(HF/2,0,1); s+=0.20*(1-clamp((HNR-5)/20,0,1)); s+=0.10*(1-clamp(JI/0.04,0,1)); s+=0.10*(1-clamp(SH/0.06,0,1)); s+=0.10*clamp(LTS/0.15,0,1); if(uNoise<0.02)s+=0.15; if(silRate>0.05)s+=0.10; s=clamp(1/(1+Math.exp(-3*(s-0.5))),0,1); let label,cls; const D=t(); if(s>=0.68){label=D.labelHigh;cls="out-bad"} else if(s>=0.45){label=D.labelMid;cls="out-warn"} else{label=D.labelLow;cls="out-ok"} return{score:s,label:label,class:cls} } function featuresFromFrame(ch,sr){ const e=rms(ch); const ps=powerSpectrum(ch); const cent=spectralCentroid(ps,sr); const roll=spectralRolloff(ps,sr,0.95); const flat=spectralFlatness(ps); const hf=hfRatio(ps,sr,6000); const pt=pitchAndHNR(ch,sr); const uNoise=ultraBandNoise(ps,sr); const silRate=digitalSilenceRate(ch); emaUpdate(ema,"f0",pt.f0,0.5); emaUpdate(ema,"hnr",pt.hnr,0.3); emaUpdate(ema,"flat",flat,0.3); emaUpdate(ema,"hf",hf,0.3); emaUpdate(ema,"cent",cent,0.3); emaUpdate(ema,"roll",roll,0.3); const ds=downsampleSpectrum(ps,96); bufSpec.push(ds); if(bufSpec.length>MAXBUF)bufSpec.shift(); const ltsv=ltsvFromSpecs(bufSpec.slice(-30)); emaUpdate(ema,"ltsv",ltsv,0.3); bufF0.push(pt.f0); if(bufF0.length>MAXBUF)bufF0.shift(); bufAmp.push(e); if(bufAmp.length>MAXBUF)bufAmp.shift(); const jit=jitterOf(bufF0.slice(-30)); const shi=shimmerOf(bufAmp.slice(-30)); emaUpdate(ema,"jitter",jit,0.4); emaUpdate(ema,"shimmer",shi,0.4); return{energy:e,f0:ema.f0,hnr:ema.hnr,flat:ema.flat,hf:ema.hf,cent:ema.cent,roll:ema.roll,ltsv:ema.ltsv,jitter:ema.jitter,shimmer:ema.shimmer,uNoise:uNoise,silRate:silRate} } function updateDebug(feat){ const kv=ui.kv; kv.innerHTML="" +"<div><b>f0</b>"+Math.round(safe(feat.f0,0))+" Hz</div>" +"<div><b>HNR</b>"+safe(feat.hnr,0).toFixed(2)+" dB</div>" +"<div><b>Flatness</b>"+safe(feat.flat,0).toFixed(3)+"</div>" +"<div><b>HF ratio</b>"+safe(feat.hf,0).toFixed(3)+"</div>" +"<div><b>LTSV</b>"+safe(feat.ltsv,0).toFixed(3)+"</div>" +"<div><b>uNoise</b>"+safe(feat.uNoise,0).toFixed(3)+"</div>" +"<div><b>Silence</b>"+safe(feat.silRate,0).toFixed(3)+"</div>" +"<div><b>Energy</b>"+safe(feat.energy,0).toFixed(4)+"</div>" } function setOutputFull(feat,dec){ const D=t(); const HF=safe(feat.hf,0),LTS=safe(feat.ltsv,0),uN=safe(feat.uNoise,0),si=safe(feat.silRate,0); const pct=Math.round(dec.score*100); const r=document.getElementById("result"); r.className=""; r.classList.add(dec.class); r.textContent=dec.label+" | "+D.aiScore+": "+pct+"%"; document.getElementById("explain").textContent=D.explainFmt(Math.round(safe(feat.f0,0)),safe(feat.hnr,0).toFixed(1),safe(feat.flat,0).toFixed(2)); document.getElementById("metaLine").textContent=D.metaFmt(HF.toFixed(2),LTS.toFixed(3),uN.toFixed(3),si.toFixed(3)); document.getElementById("needle").style.transform="rotate("+(-80+160*(pct/100))+"deg)" } function saveLocal(){try{localStorage.setItem("mb_voiceguard_logs",JSON.stringify(results))}catch(e){}} function loadLocal(){try{const s=localStorage.getItem("mb_voiceguard_logs");if(s){results=JSON.parse(s)||[]}}catch(e){}} function toCSV(rows){ if(!rows.length)return ""; const keys=Object.keys(rows[0]); const esc=v=>('"'+String(v).replaceAll('"','""')+'"'); const header=keys.join(","); const lines=rows.map(r=>keys.map(k=>esc(r[k])).join(",")); return [header].concat(lines).join("\n") } function download(name,content,type){ const a=document.createElement("a"); a.href=URL.createObjectURL(new Blob([content],{type:type||"text/plain"})); a.download=name; document.body.appendChild(a); a.click(); URL.revokeObjectURL(a.href); a.remove() } function startMic(){ if(ac)return; navigator.mediaDevices.getUserMedia({audio:true}).then(stream=>{ micStream=stream; ac=new (window.AudioContext||window.webkitAudioContext)(); mic=ac.createMediaStreamSource(stream); const analyserNode=ac.createAnalyser(); analyserNode.fftSize=2048; analyser=analyserNode; const sp=ac.createScriptProcessor(2048,1,1); proc=sp; mic.connect(analyserNode); analyserNode.connect(sp); sp.connect(ac.destination); sp.onaudioprocess=e=>{ const ch=e.inputBuffer.getChannelData(0); if(recOn && !mr){ pcmBuffers.push(ch.slice(0)) } lastFrame=ch.slice(0); const feat=featuresFromFrame(ch,ac.sampleRate); const emo=emotionEstimate(feat.energy,feat.hf,feat.hnr,feat.f0); const dec=decision(feat); setOutputFull(feat,dec); updateDebug(feat); drawSpec(); if(!ui.wrapWave.classList.contains("hide")){drawWave(ch)} const now=Date.now(); if(now-lastSave>300){ results.push({ time:ts(), label:dec.label, ai_score:dec.score.toFixed(3), emotion:emo, f0:Math.round(safe(feat.f0,0)), hnr:safe(feat.hnr,0).toFixed(2), flatness:safe(feat.flat,0).toFixed(3), hf_ratio:safe(feat.hf,0).toFixed(3), ltsv:safe(feat.ltsv,0).toFixed(3), uNoise:safe(feat.uNoise,0).toFixed(3), silence:safe(feat.silRate,0).toFixed(3), energy:safe(feat.energy,0).toFixed(5) }); if(results.length>2000)results.shift(); saveLocal(); lastSave=now } }; document.getElementById("startBtn").disabled=true; document.getElementById("stopBtn").disabled=false; }).catch(err=>{ alert(t().micFail + err.message) }); } function stopMic(){ if(proc){proc.disconnect();proc=null} if(analyser){analyser.disconnect();analyser=null} if(mic&&mic.mediaStream){mic.mediaStream.getTracks().forEach(t=>t.stop())} if(ac){ac.close();ac=null} document.getElementById("startBtn").disabled=false; document.getElementById("stopBtn").disabled=true; } function calibrate(){ if(!ac){alert(t().calNeedStart);return} let samples=[],zcs=[]; let left=ac.sampleRate*1.5; const tmp=ac.createScriptProcessor(2048,1,1); mic.connect(tmp); tmp.connect(ac.destination); tmp.onaudioprocess=e=>{ const ch=e.inputBuffer.getChannelData(0); samples.push(rms(ch)); zcs.push(zcr(ch)); left-=ch.length; if(left<=0){ tmp.disconnect(); noiseRef.rms=samples.reduce((a,b)=>a+b,0)/samples.length; noiseRef.zcr=zcs.reduce((a,b)=>a+b,0)/zcs.length; document.getElementById("explain").textContent=t().calDone; setTimeout(function(){document.getElementById("explain").textContent=""},1200); } }; } function toggle(el){el.classList.toggle("hide")} function wavEncode(buffers,sampleRate){ var length=0; for(var b of buffers) length+=b.length; var data=new Int16Array(length),o=0; for(var buf of buffers){ for(var i=0;i<buf.length;i++){ var s=Math.max(-1,Math.min(1,buf[i])); data[o++]=s<0?s*32768:s*32767 } } var header=new ArrayBuffer(44),v=new DataView(header); function ws(off,str){for(var i=0;i<str.length;i++)v.setUint8(off+i,str.charCodeAt(i))} ws(0,"RIFF"); v.setUint32(4,36+data.byteLength,true); ws(8,"WAVE"); ws(12,"fmt "); v.setUint32(16,16,true); v.setUint16(20,1,true); v.setUint16(22,1,true); v.setUint32(24,sampleRate,true); v.setUint32(28,sampleRate*2,true); v.setUint16(32,2,true); v.setUint16(34,16,true); ws(36,"data"); v.setUint32(40,data.byteLength,true); return new Blob([header,data.buffer],{type:"audio/wav"}) } function _dl(name,content,type){ if(typeof downloadFile==="function"){ downloadFile(name,content,type); return } if(typeof download==="function"){ download(name,content,type); return } var blob=content instanceof Blob ? content : new Blob([content],{type:(type||"text/plain")+";charset=utf-8"}); var url=URL.createObjectURL(blob); var a=document.createElement("a"); a.href=url; a.download=name; a.rel="noopener"; a.style.display="none"; document.body.appendChild(a); a.click(); setTimeout(function(){URL.revokeObjectURL(url);a.remove()},0) } function startRec(){ if(!ac){ alert(t().calNeedStart); return } recOn=true; if(window.MediaRecorder && micStream && MediaRecorder.isTypeSupported("audio/webm")){ mrChunks=[]; mr=new MediaRecorder(micStream,{mimeType:"audio/webm"}); mr.ondataavailable=function(e){ if(e.data&&e.data.size>0) mrChunks.push(e.data) }; mr.start(); }else{ pcmBuffers=[]; pcmSR=ac.sampleRate; } document.getElementById("recBtn").textContent=t().recStop; } function stopRec(saveNow){ if(!recOn && !saveNow){ return } recOn=false; if(mr && mr.state==="recording"){ mr.onstop=function(){ var blob=new Blob(mrChunks,{type:"audio/webm"}); if(saveNow!==false) _dl("voice_audio_"+Date.now()+".webm",blob,"audio/webm"); mr=null; mrChunks=[] }; mr.stop(); }else{ if(pcmBuffers.length){ var wav=wavEncode(pcmBuffers,pcmSR); if(saveNow!==false) _dl("voice_audio_"+Date.now()+".wav",wav,"audio/wav"); pcmBuffers=[] } } document.getElementById("recBtn").textContent=t().recStart; } function openModal(){ document.getElementById("langModal").classList.add("open"); } function closeModal(){ document.getElementById("langModal").classList.remove("open"); } document.getElementById("startBtn").onclick=startMic; document.getElementById("stopBtn").onclick=stopMic; document.getElementById("calBtn").onclick=calibrate; document.getElementById("toggleWave").onclick=function(){ toggle(ui.wrapWave); if(!ui.wrapWave.classList.contains("hide")&&lastFrame){drawWave(lastFrame)} }; document.getElementById("saveCsv").onclick=function(){ if(!results.length){alert(t().noResults);return} _dl("voice_results_"+Date.now()+".csv",toCSV(results),"text/csv") }; document.getElementById("saveJson").onclick=function(){ if(!results.length){alert(t().noResults);return} _dl("voice_results_"+Date.now()+".json",JSON.stringify(results,null,2),"application/json") }; document.getElementById("clearLog").onclick=function(){ results=[];saveLocal();alert(t().cleared) }; document.getElementById("recBtn").onclick=function(){ if(recOn) stopRec(true); else startRec() }; document.getElementById("saveAudio").onclick=function(){ if(recOn){ stopRec(true); return } if(mrChunks.length){ var b=new Blob(mrChunks,{type:"audio/webm"}); _dl("voice_audio_"+Date.now()+".webm",b,"audio/webm"); mrChunks=[]; return } if(pcmBuffers.length){ var w=wavEncode(pcmBuffers,pcmSR); _dl("voice_audio_"+Date.now()+".wav",w,"audio/wav"); pcmBuffers=[]; return } alert(t().dlNoAudio) }; document.getElementById("langBtn").onclick=openModal; document.getElementById("langClose").onclick=closeModal; document.getElementById("langModal").addEventListener("click",function(e){ if(e.target===this) closeModal(); }); Array.from(document.querySelectorAll(".langbtn")).forEach(function(b){ b.addEventListener("click",function(){ setLang(this.getAttribute("data-lang")); closeModal(); }); }); loadLocal(); applyI18n(); </script> </body> </html>

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

PrintFlow Studio (2)	2026.02.21
OCR + Spreadsheet Array Tools (3)	2026.02.21
DoorHandle — Trust & Document Verification Toolkit (2)	2026.02.20
Mangtae — Video Authenticity & Forensics Toolkit (2)	2026.02.19
Happycode7 Mini Arcade — Offline Puzzle Set (1)	2026.02.19

Mangtae Madam — AI Voice Fraud Guard

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

관련글

티스토리툴바