메인 다른 URL에서 SRT / VTT 파일을로드하는 방법

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



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

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

이것이 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});

1 단계

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

3 단계

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

3 단계

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

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

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

4 단계

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

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

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

4 단계

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은 괄호 안에 들어갑니다. 이 단계는 매우 중요하며 그 자리를 놓치지 않아야합니다. 그렇지 않으면 작동하지 않습니다.

5 단계

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로 변환 할 수있는 앱이없는 경우에도 작동합니다.

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

재미있는 기사

에디터의 선택

맥북 에어에 쏟은 콜라 때문에 우는 소용 없어
맥북 에어에 쏟은 콜라 때문에 우는 소용 없어
내 MacBook Air는 이상한 트랙 패드에 문제를 표시하고 있었는데, 때때로 – 명백한 이유없이 – 임의의 클릭을 생성합니다. 설정에서 터치하여 클릭 옵션이 꺼져 있는지 여부는 중요하지 않은 것 같습니다. 나는
Chrome 북마크를 동기화하는 방법
Chrome 북마크를 동기화하는 방법
Chrome 북마크를 Google 계정에 동기화하는 방법은 물론 방문 기록, 열린 탭 등 기타 데이터를 동기화하는 방법과 Chrome 동기화 설정에 액세스하는 방법도 있습니다.
Instagram 릴과 스토리 – 차이점은 무엇입니까?
Instagram 릴과 스토리 – 차이점은 무엇입니까?
소셜 미디어는 온라인 사용자가 상호 작용하고 소통하는 방식에 혁명을 일으켰습니다. Instagram과 같은 플랫폼은 사람들의 온라인 경험에 필수적인 요소가 되었으며 계속 발전하고 있습니다. 매우 인기 있는 두 가지 새로운 기능은 Instagram Reels와 Stories입니다. 하지만
이제 Windows Store에서 ShareX 화면 캡처 도구를 사용할 수 있습니다.
이제 Windows Store에서 ShareX 화면 캡처 도구를 사용할 수 있습니다.
Windows 10에는 최근에 도입 된 Windows Ink의 Win + Shift + S 키보드 바로 가기 및 화면 스케치부터 Snipping 도구 및 PrtScreen, Alt + PrtScreen 및 Win과 같은 기존의 기능에 이르기까지 기본 제공 기능을 사용하여 스크린 샷을 만들기위한 충분한 옵션이 있습니다. + PrtScreen 단축키. 그러나 일부 사람들은 캡처, 편집에서 모든 것을 처리하는 통합 솔루션을 선호합니다.
Samsung Galaxy J2 – 슬로우 모션 사용 방법
Samsung Galaxy J2 – 슬로우 모션 사용 방법
슬로우 모션은 영화 제작에서 매우 일반적으로 사용되는 기술입니다. 좋아하는 순간을 최대한 활용하고 극적인 효과를 추가하는 데 도움이 됩니다. 많은 사람들이 이 작품에 열광하는 이유는
Instagram 스토리를 다시 게시하는 방법
Instagram 스토리를 다시 게시하는 방법
다른 사람의 Instagram 스토리를 자신의 스토리로 다시 공유하는 방법과 Instagram 사진 및 동영상을 타임라인에 다시 게시하는 방법에 대한 간단한 지침입니다.
Mac OS X El Capitan에서 프로그램을 제거하는 방법
Mac OS X El Capitan에서 프로그램을 제거하는 방법
Mac OS X El Capitan에서 프로그램을 제거하는 방법은 프로그램을 삭제하기 위해 제거 프로세스를 거칠 필요가 없기 때문에 Windows와 약간 다릅니다. Mac에서 프로그램을 제거하는 방법을 묻는 사람들을 위해