유데미(Udemy) 한글자막 undefined 해결 (21.07.15)

https://fomaios.tistory.com/entry/Udemy-%EC%8B%A4%EC%8B%9C%EA%B0%84-%ED%95%9C%EA%B8%80-%EC%9E%90%EB%A7%89%EC%9C%BC%EB%A1%9C-%EB%B3%B4%EB%8A%94-%EB%B0%A9%EB%B2%95featChrome

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

• 영어실력이 좋지 못한 나는 늘 유데미 강의의 자막을 실시간 번역하여 수강한다.
• 번역 퀄리티가 완벽하지는 않지만 강사님의 좋은 발음과 친절한 속도 덕분에 영어도 어느 정도는 알아들을 수 있어서 이를 한글자막과 병행하면 강의 내용 이해에 무리가 없었다.
• 하지만 유데미는 자체 한글 번역 기능을 제공하지 않는 강의가 많다. 따라서 그럴 때 사용한 것이 위 블로그의 방법이었다.
• 하지만... 최근 코드가 제대로 작동하지 않는 일이 발생했다.🥲

undefined

• 최근 늘 그랬던 대로 기존에 알려진 자바스크립트 코드를 활용해 한글자막 생성 후 강의를 수강하려 하니 undefined라는 메시지가 나오며 번역이 이루어지지 않았다.
• 그냥 포기하고 실시간이 아닌 번역 내용만을 참고하며 수강하려 했으나 역시 너무 불편해 해결방안을 연구해보았다.

해결방안

function check(){
    let toEl=$('.well--container--2edq4 span');
    let fromEl=$('p[data-purpose="transcript-cue-active"] span');
    let lastText=toEl.html()
    let currentText=fromEl.html();
    if(lastText!==currentText){
        toEl.html(currentText)
    }
}
setInterval(check,200)

• 일단 기존 코드를 이렇게 수정하니 작동은 한다.
• 자바스크립트를 공부한 지 오래되어서 노가다로 문제를 해결했다.
• 현재까지로는 수강에 문제가 없어 계속 이용 중! (문제 발생 시 수정 예정)