Article image
Felipe Souza
Felipe Souza23/10/2023 07:15
Compartilhe

Resolvendo Problema de Qualidade dos Vídeos

  • #JavaScript

Problemas no Player da DIO

A Dio usa o YouTube como player para os cursos, porem na plataforma da Dio os vídeos ficam em baixa qualidade pois por algum motivo, ao selecionar as melhores qualidades o vídeo continua sendo exibido em baixa qualidade.

Fazendo com que vídeos em 1080p continuem em qualidade baixa, dificultando o aprendizado e visualização do conteúdo produzido pela DIO.

Solução do Problema

A limpeza do cache pode resolver o problema para algumas pessoas.

Quando a limpeza de cache não resolve, a opção que temos é pegar o link do vídeo que esta hospedado no YouTube e abri-lo diretamente no YouTube.

Para fazer isso precisamos inspecionar os elementos da pagina e achar o link, algo que ficar fazendo manualmente toda hora é chato.

Para fazer isso de forma automática vamos usar um Bookmarklet, que é uma pagina de favorito que executará um script que ira pegar o link e abri-lo automaticamente no YouTube.

Criando o Bookmarklet

  1. No seu navegador, clique com o botão direito na barra de favoritos.
  2. Após isso clique em Adicionar favorito / Adicionar pagina.
  3. O nome do favorito é de sua escolha.
  4. Na URL do favorito, cole o código JavaScript abaixo.
  5. Após isso clique em salvar favorito.

Código JavaScript

javascript:(function() {
var iframe = document.querySelector('iframe[src*="youtube.com/embed"]');
if (iframe) {
  var src = iframe.getAttribute('src');
  var videoCode = src.match(/embed\/([^?]+)/);
  if (videoCode && videoCode[1]) {
    var normalURL = 'https://www.youtube.com/watch?v=' + videoCode[1];
    window.open(normalURL, '_blank');
  }
}
})();

Usando Bookmarklet

  1. Abra o vídeo de um curso
  2. Clique em play e espere o vídeo carregar e iniciar.
  3. Após isso, clique no Bookmarklet que criamos anteriormente.
  4. O vídeo será aberto no YouTube em uma nova aba, onde você poderá assistir com a melhor qualidade sem problemas.

Demonstração da criação e uso.

image

Manter o progresso

Como você estará assistindo o vídeo pelo YouTube, para manter o progresso do curso na plataforma da DIO, basta clicar no botão Clique aqui para concluir essa aula.

Dessa forma você estará indicando para a plataforma que você terminou de assistir aquela aula, mesmo que tenha assistido diretamente no YouTube.

image

Compartilhe
Comentários (11)
Larissa Reis
Larissa Reis - 13/08/2024 12:15

Deu certo.

Muito obrigada

GS

Govanne Silva - 23/07/2024 20:49

Sempre tem um cara com foto de anime para salvar. Muito obrigado.

Andressa Abrantes
Andressa Abrantes - 29/10/2023 19:28

Muito bom!! Consegui resolver esse problema de baixa qualidade aqui. Muito obrigadaa!

Felipe Assis
Felipe Assis - 29/10/2023 19:10

Deu certo, muito obrigado


Kayqui Ferreira
Kayqui Ferreira - 30/10/2023 11:30

Mandou muuuito

JS

João Souza - 30/10/2023 10:29

Muito obrigado

VS

Viviane Santos - 28/10/2023 14:06

Muito bom! Parabéns!

Eu estava inspecionando vídeo por vídeo para achar o link do YouTube e assistir por lá.

Vai me ajudar bastante nos próximos.

Obrigada!

Tawara Martins
Tawara Martins - 27/10/2023 16:32

Muito obrigada! Vai me ajudar muito! :3

LN

Lacioni Netto - 23/10/2023 11:35

Muito bom! Parabéns pela iniciativa.

THIAGO PIRES
THIAGO PIRES - 23/10/2023 08:46

Ótimo conteúdo.

Realmente tem sido difícil assistir os vídeos na plataforma devido a qualidade muito baixa da resolução, somado ao fato das letras do conteúdo apresentado estarem em um tamanho muito pequeno o que dificulta mais ainda o entendimento do conteúdo, onde no mínimo quem está apresentando o conteúdo deveria aproximar o zoom da tela para facilitar a leitura de quem assiste a aula.


Parabéns Felipe Souza, por ajudar a resolver o problema e pensar fora da caixa.

IO

Israel Oliveira - 23/10/2023 08:16

Bem que esse artigo poderia ter aparecido antes, né? Assim eu não teria me decepcionado tanto com a plataforma.