0

Acelerando as vídeo aulas parte 1/2

#JavaScript
Guilherme Cunha
Guilherme Cunha

Então, creio que muitos se depararam com o mesmo problema que eu, alguns vídeos poderiam estar em velocidade 1.5x ou 1.75x, porém é necessário continuar fazendo o tracking do andamento do curso para as aulas e precisa ser algo fácil, executou uma vez e foi.


O primeiro desafio foi descobrir como habilitar os controles. Bom, ao analisar a disposição da página temos o .media-control .media-control-hide, ele é responsável por desabilitar os controles, então se removermos e recarregarmos a página… voilá, os controles ficam habilitados. Porém é mais divertido fazermos programaticamente não concordam?


Então para removermos com jQuery fazemos assim:


$('.media-control .media-control-hide').remove();


Bom, feito isso vamos recarregar a página, que em javascript já é simples se fizermos dessa maneira:


document.location.reload(true);


Ou seja, rodando essas duas linhas no console do chrome ou firefox os controles de velocidade já ficam habilitados:


$('.media-control .media-control-hide').remove();
document.location.reload(true);


Agora se você quiser acelerar em 1.167, como faz? Para velocidades personalizadas basta você digitar a linha no console do browser:

document.querySelector('video').playbackRate = 1.167


No próximo post que tal fazermos uma chrome extension para fazer isso sem abrir o console? Então até lá.

0
2

Comentários (2)

0
Guilherme Cunha

Guilherme Cunha

27/07/2021 01:54

Nilo eu até pensei em ir pelo lado do youtube tbm, mas fiquei com receio de não trackearem o vieo, e não contar no tempo da auça, fora que no ytb tinha que fazer vídeo a vídeo

1
Nilo Basílio

Nilo Basílio

27/07/2021 00:40

Guilherme, show de bola! Eu usava um macete para achar o link do vídeo no youtube e assistia por lá, procurando o 'canonical' nos elementos.

None

Brasil