첫 팬이 주는 스포츠 훈련 도구 – 실시간 포즈 비교·훈련 보조

<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1" />
<title>첫 팬이 주는 스포츠 훈련 도구 – 실시간 포즈 비교·훈련 보조</title>

<style>
:root{--ink:#0f172a;--muted:#5f617b;--line:#e6e9f0;--bg:#f3f5fb;--card:#fff;--pri:#265f9c;--accent:#2e6f5e;--radius:16px;--shadow:0 14px 38px rgba(7,13,29,.08);font-family:system-ui,-apple-system,Pretendard,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}
html,body{margin:0;background:var(--bg);color:var(--ink)}
#hc7-wrap{max-width:1100px;margin:0 auto;padding:14px 10px 40px}
.panel{background:radial-gradient(circle at top,#fff 0%,#fcfdff 68%,#f3f5fb 100%);border:1px solid rgba(196,204,221,.35);border-radius:18px;padding:16px 14px 18px;box-shadow:var(--shadow)}
.header-row{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.title-block{min-width:280px}
.title-block h1{margin:0;font-size:18px;font-weight:900;letter-spacing:-.03em;display:flex;align-items:center;gap:6px}
.badge{font-size:11px;padding:2px 8px;border-radius:999px;border:1px solid rgba(15,23,42,.15);background:#fff}
.subtitle{font-size:13px;color:var(--muted);margin-top:4px;line-height:1.5}
.actions{display:flex;gap:8px}
.btn{cursor:pointer;border:1px solid rgba(16,24,40,.08);border-radius:12px;padding:9px 14px;font-weight:700;background:#fff;color:var(--ink);display:inline-flex;gap:6px;align-items:center;transition:.12s;font-size:13px}
.btn:hover{background:#eef1f8}
.btn.primary{background:var(--pri);color:#fff;border-color:rgba(13,60,90,.4);box-shadow:0 4px 16px rgba(30,97,159,.35)}
.small-note{margin-top:10px;font-size:12px;color:rgba(15,23,42,.68)}
.note-box{margin-top:12px;background:rgba(255,255,255,.7);border:1px solid rgba(209,214,225,.35);border-radius:14px;padding:12px 14px;line-height:1.7}
.note-box h4{margin:0 0 6px;font-size:13px;font-weight:800}
ol.guide{margin:6px 0 0 16px;padding:0;font-size:12px}
.grid{display:grid;grid-template-columns:1.35fr .65fr;gap:14px;margin-top:12px}
.card{background:var(--card);border:1px solid rgba(229,234,248,.75);border-radius:16px;padding:12px 12px 14px;box-shadow:0 2px 12px rgba(3,9,22,.03)}
.top-controls{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.sel,.num,.chk{background:#f7f8fc;border:1px solid rgba(223,229,237,.8);border-radius:11px;padding:8px 8px;font-size:12.5px;color:var(--ink)}
.num{width:86px}
.small-label{font-size:11.5px;color:var(--muted);display:inline-block}
.hr{height:1px;background:rgba(225,230,238,.85);margin:10px 0}
canvas,video{display:block;width:100%;border-radius:12px;background:#000}
#cmpWrap{display:none;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}
#cmpWrap canvas{background:#0f172a}
.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:8px}
.stat{background:linear-gradient(180deg,rgba(235,239,249,.8) 0%, rgba(238,242,252,0.1) 100%);border:1px solid rgba(226,231,240,.55);border-radius:12px;padding:8px 10px 10px}
.stat .label{font-size:11px;color:var(--muted);margin-bottom:2px}
.stat .value{font-size:21px;font-weight:900;letter-spacing:-.03em}
.kv{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}
.kv .k{background:#fbfcff;border:1px solid rgba(233,238,248,.6);border-radius:12px;padding:8px 10px}
.k .label{font-size:11px;color:var(--muted);margin-bottom:4px}
.k .value{font-size:18px;font-weight:800}
.k .sub{font-size:11.5px;color:rgba(40,57,103,.6)}
.secondary-card-title{font-weight:800;margin-bottom:6px}
.coach{position:absolute;left:12px;top:12px;background:rgba(255,255,255,.94);border:1px solid rgba(220,228,238,.8);border-radius:999px;padding:4px 12px;font-size:11.5px;color:#222;display:none;box-shadow:0 10px 30px rgba(5,9,18,.25)}
#gal{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;margin-top:7px}
#gal img{width:100%;height:56px;object-fit:cover;border:1px solid rgba(229,233,242,.6);border-radius:9px;background:#fff}
.footer-box{margin-top:12px;background:#fff;border:1px dashed rgba(217,222,233,.8);border-radius:14px;padding:10px 12px 11px;font-size:11.5px;color:rgba(69,83,114,.85);display:flex;gap:10px;flex-wrap:wrap;align-items:center;justify-content:space-between}
.foot-right{display:flex;gap:10px;flex-wrap:wrap}
#dl{min-height:20px;font-size:12px;color:rgba(15,23,42,.7);margin-left:4px}
@media (max-width:980px){.grid{grid-template-columns:1fr}.header-row{flex-direction:column;align-items:flex-start}#gal{grid-template-columns:repeat(4,1fr)}}
@media (max-width:620px){.top-controls{flex-direction:column;align-items:flex-start}.stat-grid{grid-template-columns:1fr}.kv{grid-template-columns:1fr}#gal{grid-template-columns:repeat(3,1fr)}.actions{width:100%}.btn{justify-content:center;width:100%}}
</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/587","name":null},"url":"https://uplifestyle.tistory.com/587","headline":"첫 팬이 주는 스포츠 훈련 도구 – 실시간 포즈 비교·훈련 보조","description":"첫 팬이 주는 스포츠 훈련 도구 – 실시간 포즈 비교·훈련 보조 v1.3 웹캠/영상 포즈를 기준 포즈와 비교하고, 종목별 룰·대칭·ROM으로 점검합니다. 동계/비인기 종목도 포함했습니다. 실행하기 닫기 HTTPS 환경에서 카메라 권한이 필요합니다. 거부되면 영상 파일로 훈련하세요. (카메라/영상은 이 페이지 밖으로 전송되지 않습니다.) 사용 안내 전신이 보이게 카메라를 고정하거나, 정면에서 찍힌 훈련 영상을 올립니다. 정석 자세에서 기준 포즈 캡처를 눌러 기준을 저장합니다. 운동 프리셋(동계/비인기 포함)과 리드(왼/오)를 선택해..","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%2FbSRIFv%2FbtsQfFc4y4j%2FAAAAAAAAAAAAAAAAAAAAACz3pQz88_x46pgG5EdusX7s6GKGdBmMETFGbtzBD-dc%2Fimg.png%3Fcredential%3DyqXZFxpELC7KVnFOS48ylbz2pIh7yKj8%26expires%3D1777561199%26allow_ip%3D%26allow_referer%3D%26signature%3D1%252F5e0G8jcQtaOdomqYMpbgUuY6I%253D","width":"800px","height":"800px"},"datePublished":"2025-08-31T21:03:21+09:00","dateModified":"2025-11-12T08:31:15+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 id="hc7-wrap" aria-label="첫 팬이 주는 스포츠 훈련 도구">
  <div class="panel">
    <div class="header-row">
      <div class="title-block">
        <h1>
          첫 팬이 주는 스포츠 훈련 도구 – 실시간 포즈 비교·훈련 보조
          <span class="badge" aria-label="버전">v1.3</span>
        </h1>
        <div class="subtitle">웹캠/영상 포즈를 기준 포즈와 비교하고, 종목별 룰·대칭·ROM으로 점검합니다. 동계/비인기 종목도 포함했습니다.</div>
      </div>
      <div class="actions">
        <button id="hc7-run" class="btn primary" type="button">실행하기</button>
        <button id="hc7-stop" class="btn" type="button" style="display:none;">닫기</button>
      </div>
    </div>

<div class="small-note">HTTPS 환경에서 카메라 권한이 필요합니다. 거부되면 영상 파일로 훈련하세요. (카메라/영상은 이 페이지 밖으로 전송되지 않습니다.)</div>

<div class="note-box" style="margin-top:12px;">
      <h4>사용 안내</h4>
      <ol class="guide">
        <li>전신이 보이게 카메라를 고정하거나, 정면에서 찍힌 훈련 영상을 올립니다.</li>
        <li>정석 자세에서 <b>기준 포즈 캡처</b>를 눌러 기준을 저장합니다.</li>
        <li>운동 프리셋(동계/비인기 포함)과 리드(왼/오)를 선택해 <b>드릴 시작</b>을 누릅니다.</li>
        <li>점수·유사도·관절각·ROM·대칭을 보고 <b>CSV/JSON/리포트/스냅샷</b>으로 기록을 남깁니다.</li>
      </ol>
      <div style="margin-top:4px;font-size:11.5px;">흰 바닥, 한쪽 조명, 단순 배경에서 인식률이 가장 좋습니다.</div>
    </div>

<div class="stat-grid">
            <div class="stat"><div class="label">총점</div><div id="score" class="value">0</div></div>
            <div class="stat"><div class="label">유사도 / 룰</div><div id="mix" class="value">0 / 0</div></div>
            <div class="stat"><div class="label">FPS / 유효프레임%</div><div id="fps" class="value">0 / 0%</div></div>
          </div>

<div class="card" aria-label="프리셋 및 코칭 정보">
          <div class="secondary-card-title">프리셋 & 드릴</div>
          <div id="presetInfo" class="small-note">불러오는 중…</div>
          <div id="drillInfo" class="small-note" style="margin-top:6px;white-space:pre-wrap;"></div>
          <div class="hr"></div>
          <div class="small-note" style="line-height:1.7">
            <b>코칭 팁</b><br />
            대칭Δ(좌/우 차)와 ROM(가동범위)을 같이 봐야 실제 경기자세랑 비슷해집니다.<br />
            빙상·빙판·아이스링크 종목은 무릎각이 작을수록(깊게 앉을수록) 유리하므로 각도 하한을 확인하세요.
          </div>
        </div>
      </div>

<div class="note-box" style="margin-top:12px;">
        <h4>면책</h4>
        <div>이 도구는 <b>훈련 보조용</b>입니다. 실제 코칭, 피지컬테스트, 의료적 진단을 대체하지 않습니다. 통증/어지럼/부상 느낌이 있으면 즉시 중단하고 전문가와 상담하세요.</div>
        <div style="margin-top:5px;">모든 포즈·각도·스냅샷은 브라우저 로컬에서 처리되며 서버로 전송되지 않습니다.</div>
      </div>
      <div class="note-box" style="margin-top:8px;">
        <h4>저작권</h4>
        <div>첫 팬이 주는 스포츠 훈련 도구© 2025 Happycode7. All rights reserved.</div>
        <div style="margin-top:4px;">무단 복제·수정·재배포·판매를 금합니다. (클럽·학교·아카데미에서 활용 시 원저작자에게 문의해주세요.)</div>
      </div>
      <div class="footer-box">
        <div>현장 사용 시: 바닥 미끄럼 방지, 장애물 제거, 카메라 삼각대 고정 권장.</div>
        <div class="foot-right">
          <span>문의: Happycode7</span>
          <span aria-label="빌드 정보">빌드 2025-11-03</span>
        </div>
      </div>
    </div>
  </div>
</div>

<script src="https://cdn.jsdelivr.net/npm/@tensorflow/tfjs@4.21.0/dist/tf.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/@tensorflow/tfjs-backend-wasm@4.21.0/dist/tf-backend-wasm.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/chart.js@4.4.1/dist/chart.umd.min.js"></script>

<script type="module">
  (async () => {
    const urls = [
      "https://esm.sh/@tensorflow-models/pose-detection@3.4.0",
      "https://esm.run/@tensorflow-models/pose-detection@3.4.0",
      "https://cdn.skypack.dev/@tensorflow-models/pose-detection@3.4.0"
    ];
    for (let i=0;i<urls.length;i++){
      try{
        window.__poseModule = await import(urls[i]);
        console.log("pose-detection module loaded:", urls[i]);
        break;
      }catch(e){
        console.warn("pose-detection module failed:", urls[i], e&&e.message);
      }
    }
    if(!window.__poseModule){ window._poseLoadFail = true; }
  })();
</script>

runBtn.onclick=function(){
    if(started) return;
    started=true; app.style.display="block";
    runBtn.style.display="none"; stopBtn.style.display="inline-flex";
    appState=startApp(); safeResize();
  };
  stopBtn.onclick=function(){
    if(appState && typeof appState.stop==="function"){ try{ appState.stop(); }catch(e){} }
    app.style.display="none"; stopBtn.style.display="none"; runBtn.style.display="inline-flex";
    started=false; safeResize();
  };
  function safeResize(){ try{ parent.postMessage({hc7:"resize",h:document.body.scrollHeight},"*"); }catch(e){} }

/* ====== 유틸 ====== */
  function kp(obj,name){return obj.keypoints.find(function(k){return k.name===name})||obj.keypoints.find(function(k){return k.part===name})}
  function angle(a,b,c){
    if(!a||!b||!c) return NaN;
    var abx=a.x-b.x, aby=a.y-b.y, cbx=c.x-b.x, cby=c.y-b.y;
    var mab=Math.hypot(abx,aby), mcb=Math.hypot(cbx,cby);
    if(!mab||!mcb) return NaN;
    var dot=abx*cbx+aby*cby;
    var ang=Math.acos(Math.max(-1,Math.min(1,dot/(mab*mcb))));
    return ang*180/Math.PI;
  }
  function anglesFrom(k){
    return {
      Lk:angle(kp(k,"left_hip"),kp(k,"left_knee"),kp(k,"left_ankle")),
      Rk:angle(kp(k,"right_hip"),kp(k,"right_knee"),kp(k,"right_ankle")),
      Le:angle(kp(k,"left_shoulder"),kp(k,"left_elbow"),kp(k,"left_wrist")),
      Re:angle(kp(k,"right_shoulder"),kp(k,"right_elbow"),kp(k,"right_wrist")),
      Ls:angle(kp(k,"left_elbow"),kp(k,"left_shoulder"),kp(k,"left_hip")),
      Rs:angle(kp(k,"right_elbow"),kp(k,"right_shoulder"),kp(k,"right_hip")),
      Lh:angle(kp(k,"left_shoulder"),kp(k,"left_hip"),kp(k,"left_knee")),
      Rh:angle(kp(k,"right_shoulder"),kp(k,"right_hip"),kp(k,"right_knee"))
    };
  }
  function drawKpsOn(cv,k,col,alpha){
    var ctx=cv.getContext("2d"); ctx.globalAlpha=alpha; ctx.lineWidth=3; ctx.strokeStyle=col; ctx.fillStyle=col;
    var pts=["left_shoulder","right_shoulder","left_elbow","right_elbow","left_wrist","right_wrist","left_hip","right_hip","left_knee","right_knee","left_ankle","right_ankle"];
    var pairs=[["left_shoulder","right_shoulder"],["left_shoulder","left_elbow"],["left_elbow","left_wrist"],["right_shoulder","right_elbow"],["right_elbow","right_wrist"],["left_shoulder","left_hip"],["right_shoulder","right_hip"],["left_hip","left_knee"],["left_knee","left_ankle"],["right_hip","right_knee"],["right_knee","right_ankle"],["left_hip","right_hip"]];
    pairs.forEach(function(p){ var a=kp(k,p[0]),b=kp(k,p[1]); if(a&&b){ctx.beginPath();ctx.moveTo(a.x,a.y);ctx.lineTo(b.x,b.y);ctx.stroke();} });
    pts.forEach(function(n){ var a=kp(k,n); if(a){ctx.beginPath();ctx.arc(a.x,a.y,3,0,Math.PI*2);ctx.fill();} });
    ctx.globalAlpha=1;
  }
  function clamp(x,a,b){return Math.max(a,Math.min(b,x))}
  function ema(prev,curr,alpha){
    if(!prev) return curr;
    var out={},k; for(k in curr){ var v=curr[k]; out[k]=(isFinite(v)?(alpha*v+(1-alpha)*(prev[k]!=null?prev[k]:v)):(prev[k]!=null?prev[k]:v)); }
    return out;
  }
  function simScore(curr,base){
    if(!base) return 0;
    var keys=["Lk","Rk","Le","Re","Ls","Rs","Lh","Rh"], diff=0,cnt=0;
    keys.forEach(function(key){ var a=curr[key], b=base[key]; if(isFinite(a)&&isFinite(b)){ diff+=Math.abs(a-b); cnt++; } });
    if(!cnt) return 0; var avg=diff/cnt; return Math.round(clamp(100-avg,0,100));
  }

/* ====== 룰 세트 (동계/비인기 포함) ====== */
  var RULES={
    fencing_lunge:function(A,lead){ var fk=lead==="right"?A.Rk:A.Lk, bk=lead==="right"?A.Lk:A.Rk, sh=lead==="right"?A.Rs:A.Ls; var t=[];
      if(!(fk>80&&fk<110)) t.push("앞 무릎 90±10°"); if(bk<150) t.push("뒷다리 신전"); if(sh<70) t.push("어깨 안정");
      var pass=!t.length; return {score:pass?100:clamp(100-t.length*15,0,100), msg:pass?"정렬 OK":"수정: "+t.join(", ")};
    },
    snatch_receive:function(A){ var t=[]; if(A.Lk<80||A.Rk<80) t.push("스쿼트 깊이"); if(A.Ls<80||A.Rs<80) t.push("오버헤드 락");
      var pass=!t.length; return {score:pass?100:clamp(100-t.length*15,0,100), msg:pass?"안정적 오버헤드":"수정: "+t.join(", ")}; },
    clean_rack:function(A){ var t=[]; if(A.Ls<50||A.Rs<50) t.push("팔꿈치 올리기"); return {score:clamp(100-t.length*20,0,100), msg:t[0]?"수정: "+t.join(", "):"프런트랙"}; },
    jerk_lockout:function(A){ var t=[]; if(A.Ls<80||A.Rs<80) t.push("완전 신전"); return {score:clamp(100-t.length*20,0,100), msg:t[0]?"수정: "+t.join(", "):"락아웃"}; },
    tennis_serve_trophy:function(A,lead){ var tos=lead==="right"?A.Rs:A.Ls, opp=lead==="right"?A.Ls:A.Rs; var t=[]; if(tos<80) t.push("토스팔 위로"); if(opp<120) t.push("라켓팔 외전"); return {score:clamp(100-t.length*20,0,100), msg:t[0]?"수정: "+t.join(", "):"트로피"}; },
    archery_stance:function(A,lead){ var draw=lead==="right"?A.Rs:A.Ls, bow=lead==="right"?A.Ls:A.Rs; var t=[]; if(draw<140) t.push("견갑 후인"); if(bow<150) t.push("활팔 신전"); return {score:clamp(100-t.length*20,0,100), msg:t[0]?"수정: "+t.join(", "):"수평 정렬"}; },
    soccer_instep_kick:function(A,lead){ var plant=lead==="right"?A.Lk:A.Rk; var t=[]; if(plant<150) t.push("스탠딩 레그 신전"); return {score:clamp(100-t.length*25,0,100), msg:t[0]?"수정: "+t.join(", "):"임팩트 준비"}; },
    vb_spike_plant:function(A){ var t=[]; if(A.Lk>120||A.Rk>120) t.push("플랜트 굽이"); return {score:clamp(100-t.length*25,0,100), msg:t[0]?"수정: "+t.join(", "):"점프 준비"}; },
    bb_jump_shot:function(A){ var t=[]; if(A.Ls<70||A.Rs<70) t.push("슈팅 각도"); return {score:clamp(100-t.length*20,0,100), msg:t[0]?"수정: "+t.join(", "):"릴리스"}; },
    tkd_round:function(A,lead){ var kick=lead==="right"?A.Rk:A.Lk; var t=[]; if(kick<60) t.push("챔버 높이"); return {score:clamp(100-t.length*25,0,100), msg:t[0]?"수정: "+t.join(", "):"챔버"}; },
    pushup:function(A){ var t=[]; if(A.Le<160||A.Re<160) t.push("팔 신전"); return {score:clamp(100-t.length*25,0,100), msg:t[0]?"수정: "+t.join(", "):"푸시업"}; },
    plank:function(A){ var t=[]; if(A.Lh<150||A.Rh<150) t.push("둔부 정렬"); return {score:clamp(100-t.length*25,0,100), msg:t[0]?"수정: "+t.join(", "):"플랭크"}; },
    lunge:function(A,lead){ var fk=lead==="right"?A.Rk:A.Lk; var t=[]; if(!(fk>80&&fk<110)) t.push("앞 무릎 90±10°"); return {score:clamp(100-t.length*20,0,100), msg:t[0]?"수정: "+t.join(", "):"런지"}; },
    squat:function(A){ var t=[]; if(A.Lk<80||A.Rk<80) t.push("깊이"); return {score:clamp(100-t.length*20,0,100), msg:t[0]?"수정: "+t.join(", "):"스쿼트"}; },
    jumpingjack:function(A){ var t=[]; if(A.Ls<90||A.Rs<90) t.push("팔 가동"); return {score:clamp(100-t.length*20,0,100), msg:t[0]?"수정: "+t.join(", "):"리듬"}; },
    figure_jump:function(A){ var t=[]; if(A.Lk>170&&A.Rk>170) t.push("착지 완충(무릎)"); return {score:clamp(100-t.length*20,0,100), msg:t[0]?("수정: "+t.join(", ")):"착지"}; },
    figure_spin:function(A){ var t=[]; if(Math.abs((A.Lh||0)-(A.Rh||0))>30) t.push("상체 정렬"); return {score:clamp(100-t.length*20,0,100), msg:t[0]?"수정: "+t.join(", "):"스핀"}; },
    shorttrack_start:function(A){ var t=[]; if(A.Lk>110||A.Rk>110) t.push("무릎 굽이"); return {score:clamp(100-t.length*20,0,100), msg:t[0]?"수정: "+t.join(", "):"스타트"}; },
    speedskate_corner:function(A){ var t=[]; if(A.Lk>140||A.Rk>140) t.push("로우 포지션"); return {score:clamp(100-t.length*20,0,100), msg:t[0]?"수정: "+t.join(", "):"코너"}; },
    curling_delivery:function(A,lead){ var fk=lead==="right"?A.Rk:A.Lk, bk=lead==="right"?A.Lk:A.Rk; var t=[];
      if(!(fk>70 && fk<120)) t.push("앞다리 굽힘 70~120°"); if(bk<150) t.push("뒷다리 신전"); if(Math.abs((A.Ls||0)-(A.Rs||0))>25) t.push("어깨 수평");
      return {score:clamp(100-t.length*18,0,100), msg:t[0]?"수정: "+t.join(", "):"딜리버리 OK"};
    },
    biathlon_shoot:function(A){ var t=[]; if((A.Lh||180)>165 || (A.Rh||180)>165) t.push("엉덩이 낮추기"); if(A.Ls<60 || A.Rs<60) t.push("어깨 지지 각도");
      return {score:clamp(100-t.length*18,0,100), msg:t[0]?"수정: "+t.join(", "):"사격 자세 OK"}; },
    handball_jump_shot:function(A){ var t=[]; if(A.Ls<70||A.Rs<70) t.push("슈팅 팔 각도"); if(A.Lk>140 && A.Rk>140) t.push("점프 착지 완충");
      return {score:clamp(100-t.length*18,0,100), msg:t[0]?"수정: "+t.join(", "):"핸드볼 슛"}; },
    wrestling_stance:function(A){ var t=[]; if(A.Lk>130||A.Rk>130) t.push("무릎 더 굽히기"); if(Math.abs((A.Lh||0)-(A.Rh||0))>25) t.push("상체 균형");
      return {score:clamp(100-t.length*18,0,100), msg:t[0]?"수정: "+t.join(", "):"기본 레슬링 스탠스"}; },
    judo_ogoshi_entry:function(A){ var t=[]; if((A.Lh||180)<130 || (A.Rh||180)<130) t.push("엉덩이 넣기"); if(A.Ls<40||A.Rs<40) t.push("팔로 당기기");
      return {score:clamp(100-t.length*20,0,100), msg:t[0]?"수정: "+t.join(", "):"허리 후리기 진입"}; },
    rhythmic_pivot:function(A){ var t=[]; if(Math.abs((A.Lh||0)-(A.Rh||0))>25) t.push("골반 수평"); if(A.Ls<50 && A.Rs<50) t.push("팔 라인 만들기");
      return {score:clamp(100-t.length*20,0,100), msg:t[0]?"수정: "+t.join(", "):"피봇 포즈"}; }
  };
  function ruleScore(ex,A,lead){ var r=RULES[ex]; if(!r) return {score:0,msg:"프리 비교(유사도 위주)"}; return r(A,lead); }

/* ====== 드릴 ====== */
  var DRILLS={
    squat_basic:{ name:"스쿼트 3단계", for:["squat"], bpm:60,
      phases:[{id:"down", hold:200, enter:function(A){return A.Lk<110 && A.Rk<110;}, cue:"하강"},
              {id:"bottom", hold:300, enter:function(A){return A.Lk<90 && A.Rk<90;}, cue:"바닥 고정"},
              {id:"up", hold:200, enter:function(A){return A.Lk>150 && A.Rk>150;}, cue:"상승"}]},
    lunge_iso:{ name:"런지 이소메트릭", for:["lunge","fencing_lunge","curling_delivery"], bpm:50,
      phases:[{id:"plant", hold:200, enter:function(A,lead){var fk=lead==="right"?A.Rk:A.Lk; return fk>80 && fk<110;}, cue:"앞 90°"},
              {id:"hold", hold:2000, enter:function(){return true;}, cue:"정지 유지"}]},
    speed_low_hold:{ name:"빙상 로우 포지션 홀드", for:["shorttrack_start","speedskate_corner"], bpm:45,
      phases:[{id:"low", hold:1600, enter:function(A){return A.Lk<115 && A.Rk<115;}, cue:"로우 유지"},
              {id:"reset", hold:400, enter:function(){return true;}, cue:"리셋"}]},
    wrestling_pulse:{ name:"레슬링 펄스", for:["wrestling_stance","judo_ogoshi_entry"], bpm:70,
      phases:[{id:"drop", hold:200, enter:function(A){return A.Lk<130 && A.Rk<130;}, cue:"낮추기"},
              {id:"hold", hold:600, enter:function(){return true;}, cue:"중심 유지"}]},
    boxing_12_combo:{ name:"복싱 1-2 콤보", for:["boxing_12"], bpm:90,
      phases:[{id:"jab", hold:150, enter:function(A,lead){return (lead==="right"?A.Ls:A.Rs)<70;}, cue:"잽"},
              {id:"recover", hold:150, enter:function(){return true;}, cue:"가드"},
              {id:"cross", hold:150, enter:function(A,lead){return (lead==="right"?A.Rs:A.Ls)<70;}, cue:"크로스"},
              {id:"guard", hold:200, enter:function(){return true;}, cue:"유지"}]}
  };

var vid=document.getElementById("vid"),
      canvas=document.getElementById("out"),
      ctx=canvas.getContext("2d"),
      refVid=document.getElementById("refVid"),
      cmpWrap=document.getElementById("cmpWrap"),
      canvasL=document.getElementById("outL"),
      canvasR=document.getElementById("outR");

var camBtn=document.getElementById("camBtn"),
      file=document.getElementById("file"),
      refFile=document.getElementById("refFile"),
      scoreEl=document.getElementById("score"),
      mixEl=document.getElementById("mix"),
      fpsEl=document.getElementById("fps"),
      kneesEl=document.getElementById("knees"),
      elbsEl=document.getElementById("elbs"),
      kneeRomEl=document.getElementById("kneeRom"),
      elbRomEl=document.getElementById("elbRom"),
      exerciseSel=document.getElementById("exercise"),
      leadSel=document.getElementById("lead"),
      refCap=document.getElementById("refCap"),
      cmpBtn=document.getElementById("cmpBtn"),
      sens=document.getElementById("sens"),
      conf=document.getElementById("conf"),
      smoo=document.getElementById("smoo"),
      flip=document.getElementById("flip"),
      recStart=document.getElementById("recStart"),
      recStop=document.getElementById("recStop"),
      csvBtn=document.getElementById("csvBtn"),
      jsonBtn=document.getElementById("jsonBtn"),
      reportBtn=document.getElementById("reportBtn"),
      snapBtn=document.getElementById("snapBtn"),
      dl=document.getElementById("dl"),
      presetInfo=document.getElementById("presetInfo"),
      drillSel=document.getElementById("drill"),
      drillInfo=document.getElementById("drillInfo"),
      goalReps=document.getElementById("goalReps"),
      goalSets=document.getElementById("goalSets"),
      tempo=document.getElementById("tempo"),
      drillStart=document.getElementById("drillStart"),
      drillStop=document.getElementById("drillStop"),
      coach=document.querySelector(".coach"),
      oneBtn=document.getElementById("oneBtn"),
      gal=document.getElementById("gal");

var detector=null, detectorErr=null, anim=null;
  var recChunks=[], refKp=null, log=[], emaAngles=null, lastT=0, frames=0, validFrames=0, lastPose=null, ch=null, mediaRec=null;
  var cmpOn=false, refSnap=document.createElement("canvas"); refSnap.width=960; refSnap.height=540;

(async function warmTF(){
    try{
      if(typeof tf!=="undefined"){
        await tf.ready();
        try{ await tf.setBackend("webgl"); }catch(e){}
        if(tf.getBackend()!=="webgl"){
          try{ await tf.setBackend("wasm"); }catch(e){}
        }
      }
    }catch(e){}
  })();

/* 차트 */
  ch=new Chart(document.getElementById("chart"),{
    type:"line",
    data:{labels:[],datasets:[
      {label:"총점",data:[],borderWidth:2,tension:.25},
      {label:"왼 무릎",data:[],borderWidth:1,tension:.25},
      {label:"오 무릎",data:[],borderWidth:1,tension:.25}
    ]},
    options:{animation:false,responsive:true,plugins:{legend:{labels:{color:"#556079"}}},
      scales:{x:{ticks:{color:"#7a889e"},grid:{color:"#eef1f6"}},y:{ticks:{color:"#7a889e"},grid:{color:"#eef1f6"}}}}
  });
  function pushChart(t,score,A){
    ch.data.labels.push(t);
    ch.data.datasets[0].data.push(score);
    ch.data.datasets[1].data.push(A.Lk||null);
    ch.data.datasets[2].data.push(A.Rk||null);
    if(ch.data.labels.length>180){ ch.data.labels.shift(); ch.data.datasets.forEach(function(d){d.data.shift();}); }
    ch.update("none");
  }

/* ROM */
  var rom={Lk:{min:1e9,max:-1e9},Rk:{min:1e9,max:-1e9},Le:{min:1e9,max:-1e9},Re:{min:1e9,max:-1e9}};
  function updRom(A){
    ["Lk","Rk","Le","Re"].forEach(function(k){
      var v=A[k]; if(isFinite(v)){ rom[k].min=Math.min(rom[k].min,v); rom[k].max=Math.max(rom[k].max,v); }
    });
  }
  function note(msg){ dl.textContent=msg; setTimeout(function(){ if(dl.textContent===msg){ dl.textContent=""; } },1600); }
  function safeDownload(name, blob){
    try{
      var url=URL.createObjectURL(blob); var a=document.createElement("a"); a.style.display="none"; a.href=url; a.download=name; document.body.appendChild(a);
      a.click(); setTimeout(function(){ document.body.removeChild(a); setTimeout(function(){ URL.revokeObjectURL(url); },30000); },300); dl.textContent=name+" 다운로드";
    }catch(e){ note("다운로드 생성 실패"); }
  }

async function startCam(){
    try{
      var s=await navigator.mediaDevices.getUserMedia({ video:{facingMode:"user",width:{ideal:960},height:{ideal:540}}, audio:false });
      vid.srcObject=s; vid.muted=true; vid.playsInline=true;
      vid.onloadedmetadata=function(){ vid.play().catch(function(){ note("자동재생이 차단되었습니다. 화면을 한 번 터치/클릭하세요."); }); };
    }catch(err){ note("카메라 실패: "+(err && err.name ? err.name : "에러")); }
  }
  function stopStream(){ if(vid.srcObject){ vid.srcObject.getTracks().forEach(function(t){t.stop();}); vid.srcObject=null; } }
  camBtn.onclick=async function(){ stopStream(); await startCam(); };

file.onchange=function(e){
    stopStream(); var f=e.target.files[0]; if(!f) return;
    var url=URL.createObjectURL(f); vid.src=url;
    vid.onloadedmetadata=function(){ vid.currentTime=0; vid.play().catch(function(){ note("자동재생 차단: 화면을 한 번 클릭하세요."); }); };
    setTimeout(function(){ URL.revokeObjectURL(url); },30000);
  };
  refFile.onchange=function(e){
    var f=e.target.files[0]; if(!f) return;
    var url=URL.createObjectURL(f); refVid.src=url;
    refVid.onloadedmetadata=function(){ refVid.currentTime=0; refVid.play().catch(function(){ note("기준 영상 자동재생이 차단되었습니다."); }); };
    setTimeout(function(){ URL.revokeObjectURL(url); },30000);
  };
  refCap.onclick=function(){ if(!lastPose) return; refKp=JSON.parse(JSON.stringify(lastPose));
    var c=getActiveCanvas(); var rx=refSnap.getContext("2d"); rx.drawImage(c,0,0,960,540); pushThumb(refSnap); note("기준 포즈 저장"); };

/* === pose-detection 초기화: 모듈 로드 완료까지 대기 === */
  (async function initPoseDetector(){
    var t0=performance.now();
    while(typeof window.__poseModule==="undefined" && !window._poseLoadFail && performance.now()-t0<8000){
      await new Promise(r=>setTimeout(r,120));
    }
    try{
      if(window._poseLoadFail || typeof window.__poseModule==="undefined"){
        detectorErr=true; note("포즈 모델 로딩 실패(영상만 표시)");
        return;
      }
      var pd=window.__poseModule;
      var model=pd.SupportedModels.MoveNet;
      detector=await pd.createDetector(model,{modelType:"Lightning"});
      console.log("pose-detection detector ready");
    }catch(e){
      detectorErr=e; note("포즈 모델 로딩 실패(영상만 표시)");
    }
  })();

vid.onplay=function(){ cancelAnimationFrame(anim); note("웹캠 또는 파일 영상이 재생 중입니다."); loop(); };

async function loop(){
    var now=performance.now(); if(!lastT) lastT=now; frames++;
    if(now-lastT>1000){ var fps=Math.round(1000*(frames/(now-lastT))); var vf=frames?Math.round(100*validFrames/frames):0;
      fpsEl.textContent=fps+" / "+vf+"%"; frames=0; validFrames=0; lastT=now; }

if(cmpOn){
      if(refVid.src && !refVid.paused && !refVid.ended){ drawVideoTo(canvasL,refVid,flip.checked); }
      else{ var lctx=canvasL.getContext("2d"); lctx.clearRect(0,0,canvasL.width,canvasL.height); lctx.drawImage(refSnap,0,0,canvasL.width,canvasL.height); }
      if(vid.readyState>=2){ drawVideoTo(canvasR,vid,flip.checked); }
    }else{
      if(flip.checked){ ctx.save(); ctx.scale(-1,1); ctx.translate(-canvas.width,0); ctx.drawImage(vid,0,0,canvas.width,canvas.height); ctx.restore(); }
      else{ ctx.drawImage(vid,0,0,canvas.width,canvas.height); }
    }

if(detector && !detectorErr){
      try{
        var poses=await detector.estimatePoses(vid,{flipHorizontal:flip.checked});
        var p=poses && poses[0]; var thr=parseFloat(conf.value||0.5);
        var ok=p && p.keypoints && p.keypoints.filter(function(q){return q.score>=thr;}).length>=10;
        if(ok){ lastPose={keypoints:p.keypoints.map(function(q){return {x:q.x,y:q.y,score:q.score,name:q.name,part:q.part};})}; validFrames++; }
        else{ lastPose=null; }

if(refKp){ if(cmpOn) drawKpsOn(canvasL,refKp,"rgba(20,40,60,.6)",0.35); else drawKpsOn(canvas,refKp,"rgba(20,40,60,.6)",0.35); }
        if(lastPose){
          if(cmpOn) drawKpsOn(canvasR,lastPose,"#2e6f5e",1); else drawKpsOn(canvas,lastPose,"#2e6f5e",1);

var A=anglesFrom(lastPose); var a=parseFloat(smoo.value||0.6); emaAngles=ema(emaAngles,A,a); A=emaAngles;
          var base=refKp?anglesFrom(refKp):null; var sim=simScore(A,base);
          var r=ruleScore(exerciseSel.value,A,leadSel.value);
          var total=Math.round((sim*0.6 + r.score*0.4)*(parseFloat(sens.value||1)));

scoreEl.textContent=total; mixEl.textContent=sim+" / "+r.score;
          kneesEl.textContent=(isFinite(A.Lk)?A.Lk.toFixed(0):"-")+" / "+(isFinite(A.Rk)?A.Rk.toFixed(0):"-");
          elbsEl.textContent=(isFinite(A.Le)?A.Le.toFixed(0):"-")+" / "+(isFinite(A.Re)?A.Re.toFixed(0):"-");

var dK=(isFinite(A.Lk)&&isFinite(A.Rk))?Math.abs(A.Lk-A.Rk).toFixed(0):"-";
          var dE=(isFinite(A.Le)&&isFinite(A.Re))?Math.abs(A.Le-A.Re).toFixed(0):"-";
          updRom(A);
          kneeRomEl.textContent="ROM "+(isFinite(rom.Lk.min)?Math.round(rom.Lk.max-rom.Lk.min):"-")+"/"+(isFinite(rom.Rk.min)?Math.round(rom.Rk.max-rom.Rk.min):"-")+" · 대칭Δ "+dK;
          elbRomEl.textContent="ROM "+(isFinite(rom.Le.min)?Math.round(rom.Le.max-rom.Le.min):"-")+"/"+(isFinite(rom.Re.min)?Math.round(rom.Re.max-rom.Re.min):"-")+" · 대칭Δ "+dE;

pushChart((new Date()).toLocaleTimeString(),total,A);

if(inDrill){
            var t=performance.now();
            if(ac && (!nextBeat || t>=nextBeat)){ beep(); var interval=60000/Math.max(20,Math.min(200,parseInt(tempo.value||60))); nextBeat=t+interval; }
            var ph=D && D.phases ? D.phases[phaseIdx]:null;
            if(ph){
              if(ph.enter(A,leadSel.value)){
                ph._t0=ph._t0||t;
                if(t-ph._t0>=ph.hold){
                  phaseIdx=(phaseIdx+1)%D.phases.length; if(coach){ coach.textContent=D.phases[phaseIdx].cue; }
                  D.phases[(phaseIdx-1+D.phases.length)%D.phases.length]._t0=null;
                  if(phaseIdx===0){
                    reps++; if(coach){ coach.textContent=D.phases[0].cue+" · "+sets+"/"+goalSets.value+"세트 "+reps+"/"+goalReps.value+"회"; }
                    if(reps>=parseInt(goalReps.value||10)){ reps=0; sets++; if(sets>parseInt(goalSets.value||1)){ stopDrill(); note("드릴 완료"); } }
                  }
                }
              }else{ ph._t0=null; }
            }
          }

log.push({ t:Date.now(), A:emaAngles||{}, sim:sim||0, rule:r?r.score:0, total:parseInt(scoreEl.textContent)||0, phase:inDrill?(D && D.phases ? D.phases[phaseIdx].id:null):null });
        }
      }catch(e){}
    }

anim=requestAnimationFrame(loop);
  }

function getActiveCanvas(){ return cmpOn ? canvasR : canvas; }

/* 녹화 */
  var mediaRec=null, recChunks=[];
  recStart.onclick=function(){
    if(!("MediaRecorder" in window)){ note("녹화 미지원 브라우저"); return; }
    var stream=getActiveCanvas().captureStream(30);
    try{ mediaRec=new MediaRecorder(stream); }catch(e){ note("녹화 코덱 미지원"); return; }
    recChunks=[]; mediaRec.ondataavailable=function(e){ if(e.data.size) recChunks.push(e.data); };
    mediaRec.onstop=function(){ var blob=new Blob(recChunks,{type:mediaRec.mimeType||"video/webm"}); safeDownload("hc7-session.webm", blob); };
    mediaRec.start(); note("녹화 시작");
  };
  recStop.onclick=function(){ if(mediaRec && mediaRec.state!=="inactive"){ mediaRec.stop(); note("녹화 종료"); } };

csvBtn.onclick=function(){
    if(!log.length){ note("기록 없음"); return; }
    var header="ts,phase,Lk,Rk,Le,Re,Ls,Rs,Lh,Rh,sim,rule,total\n";
    var rows=log.map(function(r){
      return [ r.t, r.phase||"",
        (r.A.Lk!=null?Number(r.A.Lk).toFixed(1):""), (r.A.Rk!=null?Number(r.A.Rk).toFixed(1):""),
        (r.A.Le!=null?Number(r.A.Le).toFixed(1):""), (r.A.Re!=null?Number(r.A.Re).toFixed(1):""),
        (r.A.Ls!=null?Number(r.A.Ls).toFixed(1):""), (r.A.Rs!=null?Number(r.A.Rs).toFixed(1):""),
        (r.A.Lh!=null?Number(r.A.Lh).toFixed(1):""), (r.A.Rh!=null?Number(r.A.Rh).toFixed(1):""),
        r.sim||0, r.rule||0, r.total||0
      ].join(",");
    });
    var blob=new Blob([header+rows.join("\n")],{type:"text/csv"}); safeDownload("hc7-log.csv", blob);
  };
  jsonBtn.onclick=function(){
    var meta={ preset:exerciseSel.value, lead:leadSel.value, drill:drillSel.value, goalReps:goalReps.value, goalSets:goalSets.value, tempo:tempo.value };
    var blob=new Blob([JSON.stringify({meta:meta,log:log},null,2)],{type:"application/json"}); safeDownload("hc7-log.json", blob);
  };

reportBtn.onclick=function(){
    if(!log.length){ note("기록 없음"); return; }
    function stat(a){ if(!a.length) return {avg:NaN,min:NaN,max:NaN}; var s=a.reduce(function(p,c){return p+c;},0)/a.length; return {avg:s,min:Math.min.apply(null,a),max:Math.max.apply(null,a)}; }
    var Lk=log.map(function(r){return r.A.Lk;}).filter(isFinite),
        Rk=log.map(function(r){return r.A.Rk;}).filter(isFinite),
        total=log.map(function(r){return r.total;}).filter(isFinite);
    var sLk=stat(Lk), sRk=stat(Rk), sT=stat(total);
    var txt=[
      "[HC7 리포트] "+new Date().toLocaleString(),
      "프리셋: "+exerciseSel.value+" / 리드: "+leadSel.value,
      "드릴: "+(drillSel.value||"-"),
      "목표: "+goalSets.value+"세트 x "+goalReps.value+"회 @ "+tempo.value+"BPM",
      "총점 평균: "+(sT.avg? sT.avg.toFixed(1):"-")+" (min "+(isFinite(sT.min)?sT.min:"-")+", max "+(isFinite(sT.max)?sT.max:"-")+")",
      "왼무릎 ROM: "+(isFinite(rom.Lk.min)?Math.round(rom.Lk.max-rom.Lk.min):"-")+", 오른무릎 ROM: "+(isFinite(rom.Rk.min)?Math.round(rom.Rk.max-rom.Rk.min):"-"),
      "저작권: 첫 팬이 주는 스포츠 훈련 도구© 2025 Happycode7. All rights reserved."
    ].join("\n");
    var blob=new Blob([txt],{type:"text/plain;charset=utf-8"}); safeDownload("hc7-report.txt", blob);
  };

async function waitForDetectorReady(){
    var t0=performance.now();
    while(!detector && !detectorErr){ if(performance.now()-t0>5000) break; await new Promise(function(r){setTimeout(r,60);}); }
  }
  async function waitStablePose(ms){
    var okSince=null, need=ms||1200;
    while(true){ await new Promise(function(r){setTimeout(r,80);});
      if(lastPose){ if(!okSince) okSince=performance.now(); if(performance.now()-okSince>=need) return true; } else { okSince=null; }
    }
  }
  async function autoPickPresetAndDrill(){
    if(!exerciseSel.value) exerciseSel.value="squat"; loadDrillsFor(exerciseSel.value);
    if(!drillSel.value && drillSel.options.length){ drillSel.value=drillSel.options[0].value; }
  }
  async function oneClickFlow(){
    dl.textContent="준비 중…"; stopStream();
    var camReady=false; try{ await startCam(); camReady=true; }catch(e){}
    if(!camReady){ dl.textContent="영상 파일 선택 필요"; file.click(); return; }
    await waitForDetectorReady(); await waitStablePose(1200);
    refCap.click(); await autoPickPresetAndDrill(); leadSel.value=leadSel.value || "right";
    recStart.click(); startDrill(); dl.textContent="분석 진행 중";
    var watcher=setInterval(function(){
      if(!inDrill){ clearInterval(watcher); if(mediaRec && mediaRec.state!=="inactive") mediaRec.stop();
        setTimeout(function(){ reportBtn.click(); csvBtn.click(); },300); setTimeout(function(){ savePngAuto(); },600); note("원클릭 분석 완료"); }
    },500);
  }
  oneBtn.onclick=function(){ oneClickFlow(); };

cmpBtn.onclick=function(){ cmpOn=!cmpOn; cmpWrap.style.display=cmpOn?"grid":"none"; canvas.style.display=cmpOn?"none":"block"; cmpBtn.textContent=cmpOn?"비교 끄기":"비교 보기"; };

function stopAll(){ cancelAnimationFrame(anim); stopStream(); try{ ch && ch.destroy && ch.destroy(); }catch(e){} }

window.startApp=function(){ note("웹캠 시작 또는 파일 선택을 눌러주세요"); return {stop:stopAll}; };

setTimeout(function(){ try{ parent.postMessage({hc7:"resize",h:document.body.scrollHeight},"*"); }catch(e){} },80);
});
</script>

</body>
</html>

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

대본·콘텐츠 표현 어시스턴트 (3)	2025.09.05
경제 블록 퍼즐 (0)	2025.09.03
마춤새 - 인쇄 규격·확장자 변환기 (5)	2025.08.29
OCR과 배열함수 - 이미지에서 시트까지, LOOKUP 자동화 (13)	2025.08.26
망태 부인 - 조작목소리 감별기 (13)	2025.08.24

첫 팬이 주는 스포츠 훈련 도구 – 실시간 포즈 비교·훈련 보조

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

관련글

티스토리툴바