HomeBlogsHow To Load Subtitle from URL

How To Load Subtitle from URL

Hello everyone, today in this article we will show you how to load an SRT/VTT file from a URL. For a movie that does not contain subtitles, it is usual to download a corresponding subtitle file and add the subtitle to the video file. This action is actually practical for Hollywood movies and Drama TV shows saved on a local hard drive, but not for streams on the Web. To add subtitles to videos, we can also directly upload subtitles from URLs. So, without further ado, let’s get started.

As more and more streaming services move online, you are probably watching your favorite movies and TV series in a browser. If you’re using Netflix or HBO GO, accessing Closed Caption (CC) or VTT / SRT files is simple. However, many free services do not offer CC by default and even if it is available there is a good chance that the language is not English.

That’s why you have to resort to loading SRT/VTT from URL. For those who have never done it before, the method may seem overwhelming as it involves GitHub Gist, Google DevTools, and some basic coding. But if you follow the steps in the till end, you shouldn’t have any problems loading the given files.

How to load SRT / VTT from a URL

Step 1

First of all, you need to download and install Visual Studio Code and get the subtitle / SRT file for the movie / series you want to watch. And don’t worry, there won’t be any serious coding, just a simple cut and paste.

2nd step

Launch Visual Studio Code and enter the following lines:

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

2 var thisHeight = jwplayer (‘media player’). GetHeight ();

3

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

5 jwplayer (‘media-player’). Setup ({

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

7 “width”: thisWidth,

8 “height”: thisHeight

9});

Step 1

To note: The numbers represent lines of code. They appear by default as soon as you start copying and pasting and are not part of the code. Make sure you don’t miss anything or the trick won’t work.

Step 3

With the hard part to sort out, now is the time to create your CC URL. Launch https://gist.github.com, grab the subtitle file and drop it in the main window of Gist Github.

step 3

You will see two separate windows, scroll up and delete the first one by clicking on the trash can icon. The window containing “subtitles.srt” in the text box should remain. Scroll down to the bottom of the page and click on the “Create public content” button, this turns your captions into a time stamped code.

Finally, click on the RAW button at the top right of the Gist window to get the code in a URL.

Important note: Do not close any windows, Visual Studio Code, or Gist Git hubs as you will need them for other steps.

Step 4

At this point, you can navigate to the online movie or series you want to watch in Chrome. For the purposes of this article, we used 123Movies and tested it on the Nocturnal Animals movie. Either way, the trick should work for other platforms and videos as long as they support JW player for HTML5.

To continue, right-click an empty slot in the browser (with the movie enabled) and select Inspect. This brings up DevTools and you need to click on the Console tab.

step 4

The DevTools layout may look a little different in your web browser, but the functions and destinations are the same.

Step 5

Go back to the Visual Studio Code window and copy and paste the code into the DevTools console. (You entered the code in step 2.)

Then go to the Gist Github window and copy the URL for the subtitles. To be precise, select everything in the address bar and press the cmd or Ctrl + C keys on your keyboard. Now you need to paste the url in the exact location inside the code, it is line 6 as shown below.

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

The destination is the empty parenthesis “” beside [{“file”:[{“file”:[{“déposer”:[{“file”:and the entire URL in parentheses. Remember, this step is crucial and you shouldn’t miss the place where it won’t work.

step 5

Step 6

To confirm the changes, click next to the last line (9});) in the console, your cursor should be just behind the semicolon. Then hit enter and another line of code should automatically appear to confirm that you did everything correctly.

Step 7

Click the X icon to quit DevTools and you can also close Gist Github and Visual Studio Code as you won’t need them anymore. Click the play button and then click CC to load the subtitles into the movie / series. You should see them immediately in the player.

A few words of wisdom

One drawback of this method is the problem of embedded subtitles. Many movies and series online on unbranded streaming services come with built-in subtitles that cannot be turned off. Needless to say, watching your favorite videos with two sets of CCs is fun, to say the least.

Another thing you need to take into account is the DC frame rate. The general video standard is 30 fps, but many online movies have it at around 24 fps. This means that you may need to test a few SRT files to determine which one works best.

Basic hacking skills galore

Truth be told, the only problem is getting the code into Visual Studio Code without making an error. And then you also need to determine the location of the SRT URL in the DevTools console. This method should also work with VTT files and if it doesn’t, there are apps that can convert VTT to SRT.

Benefits: How To Load SRT/VTT File from URL

[wpsm_list type=”star”]

  • The How To Load SRT/VTT File from URL guide is free to read.
  • We help many internet users follow up with interest in a convenient manner.
  • The price of the How To Load SRT/VTT File from URL guide is free.

[/wpsm_list]

FAQ: How To Load SRT/VTT File from URL

[wpsm_accordion]
[wpsm_accordion_section title=”What is this blog about?”]
In this guide, I told you about the How To Load SRT/VTT File from URL.
[/wpsm_accordion_section]
[wpsm_accordion_section title=”How this blog helping you?”]
In this blogging guide, we discuss about the How To Load SRT/VTT File from URL, which is very helpful for knowledge fun fact purpose.
[/wpsm_accordion_section]
[/wpsm_accordion]

[wpsm_divider top=”2px” bottom=”15px” style=”fadeout”]

Final Words

We hope you enjoy our article on How to Upload Subtitles from a URL. Uploading subtitles from URL is an easy way to add subtitles to videos. Now you can try the above methods and enjoy your movie with subtitles! If you liked our article, please share it with others.

James Hogan
James Hogan is a senior staff writer at Bollyinside, where he has been covering various topics, including laptops, gaming gear, keyboards, storage, and more. During that period, they evaluated hundreds of laptops and thousands of accessories and built a collection of entirely too many mechanical keyboards for their own use.

RELATED ARTICLES

Must Read

- Advertisment -