사이버진로 교육센터 영상 배속 스킵 방법

배속하는 방법 바로가기는 오른쪽 빨리감기 방법 목차를 클릭 부탁드려요!

국민취업제도에서는 취준생들을 위해 일경험 프로그램을 진행합니다.

일경험 프로그램이란 ?

국민취업지원제도 일경험프로그램은 참여자가 취업 전 다양한 직무에서 일경험을 쌓을 수 있도록 지원하여, 구직의욕 고취 및 직무능력 향상을 통한 취업 가능성을 제고하는 취업지원프로그램입니다.
국민취업지원제도에 참여한 분들만 참여할 수 있으며 별도 일경험프로그램 선발 절차를 거쳐 참여하실 수 있습니다.

취준생이 원하는 기업을 요청하면 상담사분이 매칭을 해주시며 이때 워크넷의 사이버진로 교육센터에 들어가게 되면 수료증이 있어야 매칭이 가능합니다.

일경험 관련 강의 영상은 총 3개가 있으며 각 4시간 정도가 소요됩니다.

강의 내부에 목록이 있으며 각 영상은 3~5분 정도이며 반드시 다음 버튼을 눌러야지만 진행되는 방식으로 강의수강이 진행됩니다.

저는 시간이 없어 빠르게 진행해야했습니다.

그래서 구글링을 하였고 교육영상 빨리감는방법을 알려주는 블로그가 있어 참고하였습니다.

빨리감는 방법

워크넷 사이버진로 교육센터 영상들은 강의를 수강하게 되면 아래와 같이 팝업창으로 뜨게 됩니다.

1. 영상 재생
2. f12 를 입력하여 console창을 클릭
   
   

3. '>' 부분에서 document.getElementById('contentFrame').contentDocument.getElementById('uPlayer_html5_api').playbackRate = 2; 입력

이렇게 하게 되면 아래와 같이 2가 반환되고 영상은 2배속으로 재생됩니다. 만약 10배속으로 원하신다면 2 -> 10 으로 변경하시면 되겠죠 ?!

해보니 최대 15배속까지는 동작하였지만 인터넷 속도가 좋지못해 끊김현상이 발생하여 10배속이 적당해보입니다.

위의 code가 의미하는것은 playbackRate의 속성값을 1에서 2로 변경해준다는 의미입니다.

문제 발생

처음에는 id를 video로 찾았지만 해당 속성은 없다는 에러가 발생하였습니다.

왜 이런 상황이 발생할까 생각해보니 모든 영상플레이어의 html코드에서 id가 video일리가 없다는것을 알고 제가 참 바보같았습니다..

그래서 코드를 까보니 워크넷의 비디오플레이어는 id는 아래와 같이 uPlayer_html5_api 인 것을 알 수 있었습니다.

그래서 document.getElementById('uPlayer_html5_api').playbackRate = 2; 를 하니 정상적으로 배속이 실행되었습니다.

하지만 다음 화면에서 똑같이 document.getElementById('uPlayer_html5_api').playbackRate = 2; 를 하니 해당 element를 찾을 수 없다는 에러가 발생하였습니다.

다시 계속 이 element를 클릭하여 console이 알 수 있게 찾아내야했고 이는 매우 귀찮은 작업이었습니다.

그래서 처음부터 바로 한줄로 배속을 해결할 수 없을까? 생각하였고

현재 화면이 재생되었을때 알 수 있는 속성들을 바탕으로 타고 들어가야겠다고 판단하였습니다.

그 결과

document.getElementById('contentFrame').contentDocument.getElementById('uPlayer_html5_api').playbackRate = 2; 로 입력하게 되면 처음부터 바로 배속을 진행할 수 있었습니다.

참고 - https://kminito.tistory.com/33

---

2025-01-02 업데이트

현재 console에 붙여넣기는 막혀있는 상태입니다. 다만 직접 입력은 가능하므로 위 내용을 입력하면 정상동작 하는 것으로 보입니다.