사이버 교육 빨리감기 (JWPlayer)

JWPlayer를 이용하는 온라인 교육의 빨리 감기 방법입니다.

 

교육 화면

 

착안

화면에 속도 조절 버튼이 있어, 소스를 확인해보니 아래와 같은 스크립트를 발견함.

 

 

playbackRate 변수가 속도인 것으로 예상하고 숫자 변경 결과 잘 됨.

화면에 속도 증가를 클릭하면 2배속이 최대이나, 변수를 직접 수정하면 최대 15배속까지 가능.

 

 

방법

1) 교육을 정상적으로 재생합니다.

2) 교육 재생 화면에서 F12를 눌러 개발자 도구로 들어갑니다.

3) 콘솔 탭에서 Frame을 선택해야 하는데, 이름에 JWPlayer가 들어간 것으로 선택합니다.

아래 화면에서는 VerticalJWplayer.aspx를 선택했습니다. 가로 화면일 경우 이름이 다를 수 있으나, 어쨌든 JWPlayer가 들어간 것으로 선택하시면 됩니다.

 

 

4) 콘솔창에다 아래 코드를 입력합니다. 속도를 10배속으로 변경하는 코드입니다.(최대 15까지 가능)

document.getElementById("video").querySelector("video").playbackRate = 10

 

 

입력화면

 

 

제대로 적용이 되었다면, 아래 영상에서와 같이 10배속으로 재생됩니다.

 

 

만약 오류가 발생한다면 3) 단계에서 Frame이 잘 설정되었는지 다시 한번 확인해주세요..

 

 

끝