URL에서 SRT / VTT 파일을로드하는 방법

더 많은 스트리밍 서비스가 온라인으로 이동함에 따라 브라우저에서 좋아하는 영화와 TV 시리즈를보고있을 것입니다. Netflix 또는 HBO GO를 사용하는 경우 자막 (CC) 또는 VTT / SRT 파일에 액세스하는 것은 쉽지 않습니다. 그러나 많은 무료 서비스는 기본적으로 CC를 제공하지 않으며 사용 가능하더라도 언어가 영어가 아닐 가능성이 있습니다.

이것이 URL에서 SRT / VTT를로드해야하는 이유입니다. 전에 해본 적이없는 사람들에게는 GitHub Gist, Google DevTools 및 기본 코딩이 포함되어 있기 때문에이 방법이 압도적으로 보일 수 있습니다. 그러나 T의 단계를 따르면 주어진 파일을로드하는 데 문제가 없어야합니다.

URL에서 SRT / VTT를로드하는 방법

1 단계

먼저 다운로드하여 설치해야합니다. Visual Studio 코드 보고 싶은 영화 / 시리즈의 자막 / SRT 파일을받습니다. 심각한 코딩이 아니라 간단한 복사 및 붙여 넣기 만 있으면됩니다.

2 단계

Visual Studio Code를 시작하고 다음 줄을 입력합니다.

1 var thisWidth = jwplayer (‘media-player’). getWidth ();

2 var thisHeight = jwplayer (‘미디어 플레이어’) GetHeight ();

차단 된 번호를 보는 방법 android

삼

4 var suck = jwplayer (‘media-player’) [0] .allSources;

5 jwplayer (‘미디어 플레이어’) .setup ({

6 개의 재생 목록 : [{sources : suck, tracks : [{file :, label : English, kind : captions, default : true}]}]

7 폭 : thisWidth,

8 높이 : thisHeight

9});

노트 : 숫자는 코드 줄을 나타냅니다. 복사 및 붙여 넣기를 시작하자마자 기본적으로 팝업되며 코드의 일부가 아닙니다. 아무것도 놓치면 안됩니다.

3 단계

어려운 부분에서 벗어나 이제 CC URL을 만들 차례입니다. 시작하다 https://gist.github.com , 자막 파일을 가져 와서 Gist Github 메인 창에 놓습니다.

두 개의 별도 창이 표시되면 위로 스크롤하고 휴지통 아이콘을 클릭하여 첫 번째 창을 삭제합니다. 텍스트 상자에 subtitles.srt가있는 창이 남아 있어야합니다. 페이지 하단으로 스크롤하여 공개 요점 만들기 버튼을 클릭하면 자막이 타임 스탬프 코드로 바뀝니다.

마지막으로 Gist 창의 오른쪽 상단에있는 RAW 버튼을 눌러 URL에서 코드를 가져옵니다.

중요 사항: 다른 단계에서 필요하므로 창, Visual Studio Code 또는 Gist Git 허브를 닫지 마세요.

4 단계

이 시점에서 Chrome에서보고 싶은 온라인 영화 나 시리즈로 이동할 수 있습니다. 이 글의 목적을 위해 123Movies를 사용하고 Nocturnal Animals 영화에서 테스트했습니다. 어쨌든이 트릭은 HTML5 용 JW 플레이어를 지원하는 한 다른 플랫폼과 비디오에서도 작동합니다.

계속 진행하려면 브라우저 내부의 빈 공간 (동영상이 켜진 상태)을 마우스 오른쪽 버튼으로 클릭하고 검사를 선택합니다. 그러면 DevTools가 나타나고 Console 탭을 클릭해야합니다.

Instagram 게시물에 링크를 추가하는 방법

DevTools 레이아웃은 브라우저에서 약간 다르게 보일 수 있지만 기능과 대상은 동일합니다.

5 단계

Visual Studio 코드 창으로 돌아가 코드를 복사 한 다음 DevTools 콘솔에 붙여 넣습니다. (2 단계에서 코드를 입력했습니다.)

그런 다음 Gist Github 창으로 이동하여 자막 URL을 복사합니다. 정확히 말하면 주소 표시 줄의 모든 항목을 선택하고 키보드에서 cmd 또는 Ctrl + C 키를 누르세요. 이제 URL을 코드 내의 정확한 위치 (아래에 주어진 6 행)에 붙여 넣어야합니다.

playlist : [{sources : suck, tracks : [{file :, label : English, kind : captions, default : true}]}]

목적지는 빈 괄호입니다. 옆에 [{파일: 전체 URL은 괄호 안에 들어갑니다. 이 단계는 매우 중요하며 그 자리를 놓치지 않아야합니다. 그렇지 않으면 작동하지 않습니다.

6 단계

변경 사항을 확인하려면 마지막 줄 ( 9}); ) 콘솔 내부에서 커서는 세미콜론 바로 뒤에 있어야합니다. 그런 다음 Enter 키를 누르면 모든 작업을 올바르게 수행했는지 확인하는 다른 코드 줄이 자동으로 표시됩니다.

7 단계

X 아이콘을 클릭하여 DevTools를 종료하고 더 이상 필요하지 않으므로 Gist Github 및 Visual Studio Code를 닫을 수도 있습니다. 재생 버튼을 클릭 한 다음 CC를 클릭하여 자막을 영화 / 시리즈에로드합니다. 플레이어에서 즉시 볼 수 있습니다.

지혜의 말씀

이 방법의 한 가지 단점은 포함 된 자막 문제입니다. 오프 브랜드 스트리밍 서비스에 대한 많은 온라인 영화 및 시리즈에는 끌 수없는 내장 자막이 함께 제공됩니다. 말할 필요도없이 두 세트의 CC로 좋아하는 비디오를 보는 것은 산만합니다.

고려해야 할 또 다른 사항은 CC 프레임 속도입니다. 일반적인 비디오 표준은 30fps이지만 많은 온라인 영화에서 약 24fps로 설정됩니다. 즉, 어떤 파일이 가장 잘 작동하는지 확인하기 위해 몇 가지 SRT 파일을 테스트해야 할 수도 있습니다.

풍부한 기본 해킹 기술

사실, 유일한 어려운 부분은 실수없이 Visual Studio Code 내에서 코드를 가져 오는 것입니다. 그런 다음 DevTools 콘솔 내에서 SRT URL의 위치를 ​​파악해야합니다. 이 방법은 VTT 파일에서도 작동하며 VTT를 SRT로 변환 할 수있는 앱이없는 경우에도 작동합니다.

어느 쪽이든이 방법이 효과가 있었습니까? 어떤 스트리밍 웹 사이트에서 사용 하셨나요? 아래 댓글 섹션에서 귀하의 경험에 대해 모두 알려주십시오.