Paano Mag-load ng SRT/VTT File mula sa isang URL

Habang mas maraming serbisyo sa streaming ang gumagalaw online, malamang na nanonood ka ng iyong mga paboritong pelikula at serye sa TV sa isang browser. Kung gumagamit ka ng Netflix o HBO GO, ang pag-access sa mga closed captioning (CC) o VTT/SRT file ay simpleng paglalayag. Gayunpaman, maraming mga libreng serbisyo ang hindi nag-aalok ng CC bilang default at kahit na ito ay magagamit, malamang na ang wika ay hindi Ingles.

Paano Mag-load ng SRT/VTT File mula sa isang URL

Ito ang dahilan kung bakit kailangan mong gumamit ng pag-load ng SRT/VTT mula sa URL. Para sa mga hindi pa nakakagawa nito dati, ang pamamaraan ay maaaring mukhang napakalaki dahil kinabibilangan ito ng GitHub Gist, Google DevTools, at pangunahing coding. Ngunit kung susundin mo ang mga hakbang sa T, hindi ka dapat magkaroon ng anumang mga problema sa pag-load ng mga ibinigay na file.

Paano Mag-load ng SRT/VTT mula sa URL

Hakbang 1

Una, kailangan mong i-download at i-install ang Visual Studio Code at kunin ang subtitle/SRT file para sa pelikula/serye na gusto mong panoorin. At huwag mag-alala walang anumang seryosong coding, ilang simpleng pagkopya at pag-paste.

Hakbang 2

Ilunsad ang Visual Studio Code at ipasok ang mga sumusunod na linya:

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”: sipsip, “tracks”: [{“file”:””, “label”:”English”, “kind”: “captions”, “default”: true}]} ]

7 "lapad": thisWidth,

8 "taas": itoTaas

9 });

hakbang 1

Tandaan: Ang mga numero ay kumakatawan sa mga linya ng code. Nag-pop up ang mga ito bilang default sa sandaling simulan mo ang pagkopya at pag-paste at hindi bahagi ng code. Tiyaking walang makaligtaan o hindi gagana ang lansihin.

Hakbang 3

Sa mahirap na bahagi, ngayon na ang oras upang gawin ang iyong CC URL. Ilunsad ang //gist.github.com , kunin ang subtitles file at i-drop ito sa Gist Github main window.

hakbang 3

Makakakita ka ng dalawang magkahiwalay na window, mag-scroll pataas at tanggalin ang una sa pamamagitan ng pag-click sa icon ng trashcan. Dapat manatili ang window na mayroong "subtitles.srt" sa text box. Mag-scroll sa ibaba ng page at i-click ang button na "Gumawa ng pampublikong diwa", gagawin nitong code na may time-stamped ang iyong mga subtitle.

Panghuli, pindutin ang RAW button sa kanang tuktok ng Gist window upang makuha ang code sa isang URL.

Mahalagang paalaala: Huwag isara ang anumang mga window, Visual Studio Code o Gist Git hub dahil kakailanganin mo ang mga ito para sa iba pang mga hakbang.

Hakbang 4

Sa puntong ito, maaari kang pumunta sa online na pelikula o serye na gusto mong panoorin sa Chrome. Para sa mga layunin ng pagsulat na ito, ginamit namin ang 123Movies at sinubukan ito sa pelikulang Nocturnal Animals. Sa anumang kaso, dapat gumana ang trick para sa iba pang mga platform at video hangga't sinusuportahan ng mga ito ang JW player para sa HTML5.

Upang magpatuloy, mag-right click sa isang bakanteng lugar sa loob ng browser (na may pelikula) at piliin ang Inspect. Ilalabas nito ang DevTools at kailangan mong i-click ang tab na Console.

hakbang 4

Maaaring medyo iba ang hitsura ng layout ng DevTools sa iyong browser, ngunit pareho ang mga function at destinasyon.

Hakbang 5

Bumalik sa window ng Visual Studio Code at kopyahin, pagkatapos ay i-paste, ang code sa DevTools Console. (Inilagay mo ang code sa Hakbang 2.)

Pagkatapos, pumunta sa Gist Github window at kopyahin ang URL ng mga subtitle. Upang maging tumpak, piliin ang lahat sa address bar at pindutin ang cmd o Ctrl + C key sa iyong keyboard. Ngayon, kailangan mong i-paste ang URL sa eksaktong lokasyon sa loob ng code, ito ay linya 6 tulad ng ibinigay sa ibaba.

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

Ang patutunguhan ay ang walang laman na panaklong “” sunod sa[{"file": at ang buong URL ay napupunta sa loob ng panaklong. Tandaan mo, ang hakbang na ito ay mahalaga at hindi mo dapat makaligtaan ang lugar o hindi ito gagana.

hakbang 5

Hakbang 6

Upang kumpirmahin ang mga pagbabago, mag-click sa tabi ng huling linya (9 });) sa loob ng Console, dapat nasa likod lang ng semicolon ang iyong cursor. Pagkatapos ay pindutin ang Enter at dapat na awtomatikong lumitaw ang isa pang linya ng code upang kumpirmahin na nagawa mo nang tama ang lahat.

Hakbang 7

Mag-click sa X icon upang lumabas sa DevTools at maaari mo ring isara ang Gist Github at Visual Studio Code dahil hindi mo na kakailanganin ang mga ito. I-click ang play button at pagkatapos ay CC para i-load ang mga subtitle sa pelikula/serye. Dapat mong makita agad ang mga ito sa player.

Ilang Salita ng Karunungan

Ang isang downside ng paraang ito ay ang isyu ng mga naka-embed na subtitle. Maraming online na pelikula at serye sa mga off-brand streaming services ang may kasamang mga built-in na subtitle na hindi maaaring i-off. Hindi na kailangang sabihin, ang panonood ng iyong mga paboritong video na may dalawang hanay ng CC ay nakakaabala, upang sabihin ang hindi bababa sa.

Ang isa pang bagay na kailangan mong isaalang-alang ay ang CC frame rate. Ang pangkalahatang pamantayan ng video ay 30 fps, ngunit maraming mga online na pelikula ang mayroon nito sa humigit-kumulang 24 fps. Nangangahulugan ito na maaaring kailanganin mong subukan ang ilang SRT file upang matukoy kung alin ang pinakamahusay na gumagana.

Napakaraming Mga Pangunahing Kasanayan sa Pag-hack

Ang totoo, ang mahirap lang ay ang pagkuha ng code sa loob ng Visual Studio Code nang hindi nagkakamali. At pagkatapos ay kailangan mo ring ipako ang lugar para sa SRT URL sa loob ng DevTools Console. Ang pamamaraang ito ay dapat ding gumana sa mga VTT file at kung wala ito ay may mga app na maaaring mag-convert ng VTT sa SRT.

Sa isang paraan o sa iba pa, gumagana ba ang paraang ito para sa iyo? Saang mga streaming website mo ito ginamit? Sabihin sa amin ang lahat tungkol sa iyong karanasan sa seksyon ng mga komento sa ibaba.