프로그램 개발서

[JW Plyaer] 자막 데이터 얻기 본문

Javascript

[JW Plyaer] 자막 데이터 얻기

rairen 2020. 4. 1. 13:41

안녕하세요?

 

오늘은 JW Player API Reference 중 Text track을 사용하여 자막을 얻으려고 합니다.

 

아래 순서를 보고 진행해보시기 바랍니다.

 

1. 우선 JW Player Developer에 접속합니다.

그리고 좌측 메뉴 중 API reference를 클릭하여 화면을 넘어갑니다.

 

JW Player Developer 메인

 

 

2. API reference화면으로 넘어왔다면 다시 좌측 메뉴에서

Text Tracks 메뉴 아래에 A text track for the media메뉴를 클릭하여 스크롤을 이동합니다.

그러면 get 형식으로 데이터를 얻을 수 있는 주소가 나옵니다.

단, 주소에서 track_id. track_extenssion부분이 중요합니다.

이건 JW Player에 업로드되어있는 자막 파일 이름과 자막 확장자입니다.

8자리 id와 vtt등의 확장자로 조합이 되어있으니 이점 참고하세요.

Text track

 

3. 데이터를 가져와 봅시다.

Jquery를 많이 사용하니 Jquery Ajax로 간편하게 한번 가져와봅시다.

$.ajax({
	url : "[JW Player API Reference Text tracks Url]",
    type : "get",
    dataType : "text",
    success : function(track){
    	console.log(track);
    },
    error : function(error){
    	console.log(error);
    	alert("통신 중에 오류가 발생하였습니다.");
    }
});

url에 JW Player 자막 주소를 입력하면 console에 자막 내용이 표시된 것을 확인할 수 있습니다.

 

이 자막내용을 가지고 무엇을 할 수 있을지는 직접 확인해보시는 게 좋을 것이라 생각합니다.

반응형

'Javascript' 카테고리의 다른 글

pointer 이벤트를 통한 스크롤 처리  (0) 2023.06.30
가볍게 table 을 select 처럼 사용해보자.  (0) 2021.07.28
sprintf php to javascript  (0) 2020.11.03
[Javascript] Image Responsive Map Plugin  (0) 2020.09.02
SignUp.js v0.1  (0) 2020.05.20