Como carregar um arquivo SRT / VTT de um URL

À medida que mais serviços de streaming se movem on-line, você provavelmente assiste seus filmes e séries de TV favoritos em um navegador. Se você usa Netflix ou HBO GO, acessar arquivos de legenda oculta (CC) ou VTT / SRT é fácil. No entanto, muitos serviços gratuitos não oferecem CC por padrão e, mesmo se estiver disponível, é provável que o idioma não seja o inglês.

Como carregar um arquivo SRT / VTT de um URL

É por isso que você precisa recorrer ao carregamento de SRT / VTT de URL. Para quem nunca fez isso antes, o método pode parecer opressor porque envolve GitHub Gist, Google DevTools e codificação básica. Mas se você seguir as etapas até o T, não deverá ter problemas para carregar os arquivos fornecidos.

Como carregar SRT / VTT do URL

Passo 1

Primeiro, você precisa baixar e instalar o Visual Studio Code e obter o arquivo de legenda / SRT para o filme / série que deseja assistir. E não se preocupe, não haverá nenhuma codificação séria, apenas uma simples cópia e colagem.

Passo 2

Inicie o código do Visual Studio e insira as seguintes linhas:

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’). Configuração ({

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

7 “largura”: esta largura,

8 “altura”: esta altura

9 });

passo 1

Observação: Os números representam as linhas de código. Eles aparecem por padrão assim que você começa a copiar e colar e não fazem parte do código. Certifique-se de não perder nada ou o truque não funcionará.

etapa 3

Com a parte difícil fora do caminho, agora é a hora de criar o URL do seu CC. Abra //gist.github.com, pegue o arquivo de legendas e solte-o na janela principal do Gist Github.

etapa 3

Você verá duas janelas separadas. Role para cima e exclua a primeira clicando no ícone da lixeira. A janela que contém “subtitles.srt” na caixa de texto deve permanecer. Role até a parte inferior da página e clique no botão “Criar essência pública”, isso transforma suas legendas em código com carimbo de data / hora.

Por fim, clique no botão RAW no canto superior direito da janela Gist para obter o código em uma URL.

Nota importante: Não feche nenhuma janela, Visual Studio Code ou Gist Git hub porque você precisará deles para outras etapas.

Passo 4

Neste ponto, você pode ir para o filme ou série on-line que deseja assistir no Chrome. Para o propósito deste artigo, nós usamos 123Movies e o testamos no filme Animais Noturnos. Em qualquer caso, o truque deve funcionar para outras plataformas e vídeos, desde que sejam compatíveis com o reprodutor JW para HTML5.

Para continuar, clique com o botão direito em um local vazio dentro do navegador (com o filme ligado) e selecione Inspecionar. Isso abre o DevTools e você precisa clicar na guia Console.

Passo 4

O layout do DevTools pode parecer um pouco diferente em seu navegador, mas as funções e destinos são os mesmos.

Etapa 5

Volte para a janela Código do Visual Studio e copie e cole o código no Console do DevTools. (Você inseriu o código na Etapa 2.)

Depois, vá para a janela Gist Github e copie o URL das legendas. Para ser mais preciso, selecione tudo na barra de endereço e pressione as teclas cmd ou Ctrl + C no teclado. Agora, você precisa colar o URL no local exato dentro do código, é a linha 6, conforme mostrado abaixo.

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

O destino é o parêntese vazio “” ao lado de[{"Arquivo": e todo o URL fica entre parênteses. Lembre-se de que esta etapa é crucial e você não deve perder o ponto ou não funcionará.

passo 5

Etapa 6

Para confirmar as alterações, clique em próximo à última linha (9 });) dentro do Console, o cursor deve estar logo atrás do ponto-e-vírgula. Em seguida, pressione Enter e outra linha de código deve aparecer automaticamente para confirmar que você fez tudo corretamente.

Etapa 7

Clique no ícone X para sair do DevTools e você também pode fechar o Gist Github e o Visual Studio Code, pois não precisará mais deles. Clique no botão play e depois em CC para carregar as legendas no filme / série. Você deve vê-los imediatamente no player.

Algumas palavras de sabedoria

Uma desvantagem desse método é a questão das legendas incorporadas. Muitos filmes e séries online sobre serviços de streaming de outras marcas vêm com legendas integradas que não podem ser desativadas. Nem é preciso dizer que assistir aos seus vídeos favoritos com dois conjuntos de CC distrai, para dizer o mínimo.

Outra coisa que você precisa considerar é a taxa de quadros CC. O padrão geral de vídeo é 30 fps, mas muitos filmes online têm cerca de 24 fps. Isso significa que pode ser necessário testar alguns arquivos SRT para determinar qual funciona melhor.

Habilidades básicas de hacker em abundância

Verdade seja dita, a única parte difícil é obter o código dentro do Visual Studio Code sem cometer nenhum erro. E então você também precisa definir o local para a URL SRT dentro do console do DevTools. Este método deve funcionar com arquivos VTT também e, se não funcionar, existem aplicativos que podem converter VTT em SRT.

De uma forma ou de outra, esse método funcionou para você? Em quais sites de streaming você o usou? Conte-nos tudo sobre sua experiência na seção de comentários abaixo.