Sådan indlæses en SRT/VTT-fil fra en URL

Efterhånden som flere streamingtjenester flytter online, ser du sandsynligvis dine yndlingsfilm og tv-serier i en browser. Hvis du bruger Netflix eller HBO GO, er det almindeligt at få adgang til undertekster (CC) eller VTT/SRT-filer. Men mange gratis tjenester tilbyder ikke CC som standard, og selvom det er tilgængeligt, er der stor sandsynlighed for, at sproget ikke er engelsk.

Sådan indlæses en SRT/VTT-fil fra en URL

Det er derfor, du skal ty til at indlæse SRT/VTT fra URL. For dem, der aldrig har gjort det før, kan metoden virke overvældende, fordi den involverer GitHub Gist, Google DevTools og grundlæggende kodning. Men hvis du følger trinene til T, skulle du ikke have nogen problemer med at indlæse de givne filer.

Sådan indlæses SRT/VTT fra URL

Trin 1

Først skal du downloade og installere Visual Studio Code og få underteksten/SRT-filen til den film/serie, du gerne vil se. Og bare rolig, der vil ikke være nogen seriøs kodning, bare noget simpel kopiering og indsættelse.

Trin 2

Start Visual Studio Code og indtast følgende linjer:

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

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

3

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

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

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

7 "width": denneWidth,

8 "højde": denne højde

9 });

trin 1

Bemærk: Tallene repræsenterer kodelinjerne. De dukker som standard op, så snart du begynder at kopiere og indsætte og er ikke en del af koden. Sørg for ikke at gå glip af noget, ellers virker tricket ikke.

Trin 3

Med den svære del af vejen, er det nu, du skal lave din CC URL. Start //gist.github.com, tag undertekstfilen og slip den i Gist Githubs hovedvindue.

trin 3

Du vil se to separate vinduer, rul op og slet det første ved at klikke på skraldespanden. Vinduet, der har "subtitles.srt" i tekstboksen, skal forblive. Rul til bunden af ​​siden og klik på knappen "Opret offentligt indhold", dette forvandler dine undertekster til tidsstemplet kode.

Til sidst skal du trykke på RAW-knappen øverst til højre i Gist-vinduet for at få koden i en URL.

Vigtig note: Luk ikke nogen vinduer, Visual Studio Code eller Gist Git hub, fordi du skal bruge dem til andre trin.

Trin 4

På dette tidspunkt kan du gå til den online film eller serie, du gerne vil se i Chrome. Til formålet med denne artikel har vi brugt 123Movies og testet det på Nocturnal Animals-filmen. Under alle omstændigheder bør tricket fungere for andre platforme og videoer, så længe de understøtter JW player til HTML5.

For at komme videre skal du højreklikke på et tomt sted i browseren (med filmen tændt) og vælge Inspicer. Dette bringer DevTools frem, og du skal klikke på fanen Konsol.

trin 4

DevTools-layoutet kan se lidt anderledes ud i din browser, men funktionerne og destinationerne er de samme.

Trin 5

Gå tilbage til Visual Studio Code-vinduet og kopier og indsæt derefter koden i DevTools-konsollen. (Du har indtastet koden i trin 2.)

Bagefter skal du gå til Gist Github-vinduet og kopiere underteksternes URL. For at være præcis skal du vælge alt i adresselinjen og trykke på cmd eller Ctrl + C-tasterne på dit tastatur. Nu skal du indsætte URL'en på den nøjagtige placering inde i koden, det er linje 6 som angivet nedenfor.

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

Destinationen er den tomme parentes “” ved siden af[{"fil": og hele URL'en går inden for parentesen. Husk, dette trin er afgørende, og du bør ikke gå glip af stedet, ellers vil det ikke fungere.

trin 5

Trin 6

For at bekræfte ændringerne, klik ved siden af ​​den sidste linje (9 });) inde i konsollen, skal din markør være lige bag semikolonet. Tryk derefter på Enter, og en anden kodelinje skulle vises automatisk for at bekræfte, at du har gjort alt korrekt.

Trin 7

Klik på X-ikonet for at afslutte DevTools, og du kan også lukke Gist Github og Visual Studio Code, da du ikke har brug for dem længere. Klik på afspilningsknappen og derefter CC for at indlæse underteksterne i filmen/serien. Du bør straks se dem i afspilleren.

Nogle visdomsord

En ulempe ved denne metode er spørgsmålet om de indlejrede undertekster. En masse online film og serier på off-brand streamingtjenester kommer med indbyggede undertekster, som ikke kan slås fra. Det er overflødigt at sige, at det mildt sagt distraherende at se dine yndlingsvideoer med to sæt CC.

En anden ting, du skal overveje, er CC-frame rate. Den generelle videostandard er 30 fps, men så har mange online film det omkring 24 fps. Dette betyder, at du muligvis skal teste et par SRT-filer for at afgøre, hvilken der fungerer bedst.

Grundlæggende hackingfærdigheder i massevis

Sandt at sige, den eneste svære del er at få koden inde i Visual Studio Code uden at lave nogen fejl. Og så skal du også finde stedet for SRT URL'en inde i DevTools Console. Denne metode bør også fungere med VTT-filer, og hvis den ikke gør det, er der apps, der kan konvertere VTT til SRT.

På den ene eller den anden måde, har denne metode virket for dig? Hvilke streaming-websteder har du brugt det på? Fortæl os alt om din oplevelse i kommentarfeltet nedenfor.