Hoe een SRT/VTT-bestand van een URL te laden

Naarmate meer streamingdiensten online gaan, bekijkt u waarschijnlijk uw favoriete films en tv-series in een browser. Als u Netflix of HBO GO gebruikt, is toegang tot ondertiteling (CC) of VTT/SRT-bestanden een fluitje van een cent. Veel gratis services bieden echter standaard geen CC en zelfs als het beschikbaar is, is de kans groot dat de taal geen Engels is.

Hoe een SRT/VTT-bestand van een URL te laden

Dit is de reden waarom u uw toevlucht moet nemen tot het laden van SRT/VTT vanaf de URL. Voor degenen die het nog nooit eerder hebben gedaan, lijkt de methode misschien overweldigend omdat het GitHub Gist, Google DevTools en basiscodering omvat. Maar als u de stappen naar de T volgt, zou u geen problemen moeten hebben om de gegeven bestanden te laden.

Hoe SRT/VTT van URL te laden

Stap 1

Eerst moet je Visual Studio Code downloaden en installeren en het ondertitel-/SRT-bestand ophalen voor de film/serie die je wilt bekijken. En maak je geen zorgen, er zal geen serieuze codering zijn, alleen wat eenvoudig kopiëren en plakken.

Stap 2

Start Visual Studio Code en voer de volgende regels in:

1 var thisWidth = jwplayer(‘mediaspeler’).getWidth();

2 var thisHeight = jwplayer(‘mediaspeler’).getHeight();

3

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

5 jwplayer(‘mediaspeler’).setup({

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

7 “breedte”: deze breedte,

8 "hoogte": deze hoogte

9 });

stap 1

Opmerking: De cijfers vertegenwoordigen de regels code. Ze verschijnen standaard zodra u begint met kopiëren en plakken en maken geen deel uit van de code. Zorg ervoor dat u niets mist, anders werkt de truc niet.

Stap 3

Nu het moeilijke deel uit de weg is, is dit het moment om uw CC-URL te maken. Start //gist.github.com , pak het ondertitelingsbestand en zet het in het hoofdvenster van Gist Github.

stap 3

U ziet twee afzonderlijke vensters, scrol omhoog en verwijder de eerste door op het prullenbakpictogram te klikken. Het venster met "subtitles.srt" in het tekstvak moet blijven staan. Scrol naar de onderkant van de pagina en klik op de knop "Create public gist", dit verandert je ondertitels in tijdgestempelde code.

Druk ten slotte op de RAW-knop in de rechterbovenhoek van het Gist-venster om de code in een URL te krijgen.

Belangrijke notitie: Sluit geen vensters, Visual Studio Code of Gist Git-hub omdat je ze nodig hebt voor andere stappen.

Stap 4

Op dit punt kun je naar de online film of serie gaan die je in Chrome wilt bekijken. Voor dit artikel hebben we 123Movies gebruikt en getest in de film Nocturnal Animals. In ieder geval zou de truc moeten werken voor andere platforms en video's, zolang ze JW-speler voor HTML5 ondersteunen.

Om verder te gaan, klik met de rechtermuisknop op een lege plek in de browser (met de film aan) en selecteer Inspecteren. Dit brengt DevTools naar voren en u moet op het tabblad Console klikken.

stap 4

De lay-out van DevTools ziet er in uw browser misschien iets anders uit, maar de functies en bestemmingen zijn hetzelfde.

Stap 5

Ga terug naar het Visual Studio Code-venster en kopieer en plak de code in de DevTools-console. (Je hebt de code in stap 2 ingevoerd.)

Ga daarna naar het Gist Github-venster en kopieer de URL van de ondertitels. Om precies te zijn, selecteer alles in de adresbalk en druk op de cmd- of Ctrl + C-toetsen op je toetsenbord. Nu moet je de URL op de exacte locatie in de code plakken, het is regel 6 zoals hieronder weergegeven.

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

De bestemming is het lege haakje “” naast[{"het dossier": en de volledige URL staat tussen haakjes. Let wel, deze stap is cruciaal en je mag de plek niet missen, anders werkt het niet.

stap 5

Stap 6

Om de wijzigingen te bevestigen, klikt u op naast de laatste regel (9 });) in Console, moet uw cursor zich net achter de puntkomma bevinden. Druk vervolgens op Enter en er zou automatisch een andere regel code moeten verschijnen om te bevestigen dat u alles correct hebt gedaan.

Stap 7

Klik op het X-pictogram om DevTools af te sluiten en u kunt Gist Github en Visual Studio Code ook sluiten omdat u ze niet meer nodig hebt. Klik op de afspeelknop en vervolgens op CC om de ondertitels in de film/serie te laden. Je zou ze onmiddellijk in de speler moeten zien.

Enkele woorden van wijsheid

Een nadeel van deze methode is het probleem van de ingesloten ondertitels. Veel online films en series op off-brand streamingdiensten worden geleverd met ingebouwde ondertitels die niet kunnen worden uitgeschakeld. Onnodig te zeggen dat het bekijken van je favoriete video's met twee sets CC op zijn zachtst gezegd afleidend is.

Een ander ding dat u moet overwegen, is de CC-framesnelheid. De algemene videostandaard is 30 fps, maar veel online films hebben het rond de 24 fps. Dit betekent dat u mogelijk een paar SRT-bestanden moet testen om te bepalen welke het beste werkt.

Basis hackvaardigheden in overvloed

De waarheid is dat het enige moeilijke deel is om de code in Visual Studio Code te krijgen zonder fouten te maken. En dan moet je ook de plaats voor de SRT-URL in de DevTools-console vinden. Deze methode zou ook moeten werken met VTT-bestanden en als dat niet het geval is, zijn er apps die VTT naar SRT kunnen converteren.

Heeft deze methode op de een of andere manier voor u gewerkt? Op welke streamingwebsites heb je het gebruikt? Vertel ons alles over uw ervaring in de opmerkingen hieronder.