유뷰브 자막 추출하기 - free subtitle downloader이용

🎥 유튜브 자막 바로 추출하기

유튜브 영상 링크를 아래에 붙여넣고 버튼을 눌러주세요.

예시: https://www.youtube.com/watch?v=abcdef12345

  
 //샘플코드..
 
<div style="background:#f8f9fa; padding:25px; border-radius:12px; border:1px solid #ddd; max-width:720px; margin:30px auto; font-family:sans-serif;">
  <h1 style="margin:0 0 15px 0; color:#d93025;">🎥 유튜브 자막 바로 추출하기</h1>
  <p style="color:#555; margin-bottom:15px;">유튜브 영상 링크를 아래에 붙여넣고 버튼을 눌러주세요.</p>
  
  <div style="display:flex; gap:10px;">
    <input 
      type="text" 
      id="youtubeUrl" 
      placeholder="https://www.youtube.com/watch?v=영상ID 여기에 붙여넣기" 
      style="flex:1; padding:15px; border:2px solid #d93025; border-radius:8px; font-size:16px;">
    
    <button 
      onclick="extractSubtitle()" 
      style="padding:15px 28px; background:#d93025; color:white; border:none; border-radius:8px; font-weight:bold; cursor:pointer; white-space:nowrap;">
      자막 추출
    </button>
  </div>
  
  <p style="font-size:13px; color:#777; margin-top:12px;">
    예시: https://www.youtube.com/watch?v=abcdef12345
  </p>
</div>

<script>
function extractSubtitle() {
  let url = document.getElementById("youtubeUrl").value.trim();
  
  if (!url) {
    alert("유튜브 URL을 입력해주세요!");
    return;
  }
  
  if (!url.startsWith("http")) {
    url = "https://" + url;
  }
  
  const subtitleUrl = "https://subtitle.to/" + encodeURIComponent(url);
  window.open(subtitleUrl, "_blank");
}
</script>

Read More