Udemy 실시간 한글 자막으로 보는 방법(feat.Chrome)

안녕하세요 Foma 입니다!

 

저는 평소에 공부를 할때 Udemy를 자주 이용하는편인데요.

 

영어를 잘하진 못하지만 그냥 꾸역꾸역 영어로 들으면서 강의를 들을때가 많았습니다.

 

그래서 거의 코드를 보고 이해하거나 설명하는 부분은 거의 이해하지 못하고 넘어갔죠 ㅠ

 

하지만!! 이젠 그럴 필요가 없어졌습니다!

 

왜냐하면 자막을 실시간으로 한글 자막으로 보는 방법을 알게 되었거든요!! (크롬을 사용하고 있다는 가정하에 진행됩니다 ㅜ)

 

바로 공유해드릴게여 ~

---

Udemy

 

우선은 가장 먼저 Udemy 사이트로 이동해주셔서 원하시는 강좌로 이동해주세요~

 

온라인 강좌 - 자신의 일정에 맞춰 뭐든지 배워 보세요 | Udemy

원하시는 강좌에 가셨다면 동영상 아래부분에 CC라고 되어있는 버튼을 눌러주시고 

 

Caption settings를 눌러줍니다.

 

 

그러면 다음고 같은 화면이 나올텐데 여기서 Display under video를 눌러주세요!

 

자막을 동영상 아래 부분에 설정하겠다는 뜻이에요!

 

 

그러면 아래와 같이 자막이 동영상 아래에 표시됩니다.

 

 

그리곤 두번째로 CC버튼 옆에 있는 문서모양 버튼을 눌러주시면 아래와 같이 동영상 전체의 자막이 나올거에요.

 

 

여기서 오른쪽 마우스를 클릭해주셔서 한국어로 번역을 눌러주세요.

 

 

그러면 아래와 같이 한국어로 전체 자막이 번역되는데요.

 

여기서 위아래로 스크롤 해주셔서 모든 자막을 한국어로 번역해주셔야 합니다!!

 

 

그리곤 맥의 경우 fn + F12 윈도우의 경우 ctrl + F12를 눌러주시고

 

여기서 윗 부분에 있는 Console을 눌러주시면 아래와 같은 화면이 나올거에요!

 

 

그리곤 여기서 아래의 코드를 복사해주시고

 

(2022년 6월 19일 코드 수정 C마노님 감사합니다!)

if(typeof window.i==='undefined'){clearInterval(window.i)}
else{
let lastText='';
function check(){
let toEl=document.querySelector('.well--container--2edq4 span');
let fromEl=document.querySelector('p[data-purpose="transcript-cue-active"] span');
let currentText=fromEl.innerText;
if(lastText!==currentText){toEl.innerText= currentText}lastText=fromEl.innerText}window.i=setInterval(check,200)
}

 

붙여넣어주신다음 꼭 엔터를 쳐주세요! 만약 숫자가 나왔다면 성공적으로 되신거에요~

 

 

그리곤 다시 강의로 돌아와서 보면 자막이 한국어로 번역되어서 플레이되는 것을 볼 수 있습니다!!!

 

---

오늘은 이렇게 Udemy 강좌를 실시간  한국어로 번역해서 보는 방법을 알아보았는데요.

 

저도 이제 이 방법을 알고 세계의 모든 강좌를 한국어로 들을 수 있게 돼서 더 열심히 공부할 수 있을거 같습니다!!

 

여러분들도 도움이 되셨으면 좋겠네요~~