Como assistir a dois vídeos ao mesmo tempo em uma aula online

Sim. Instale o Crispip e clique no ícone dele uma vez na aba da aula e outra na do vídeo de referência: os dois vídeos ficam lado a lado numa única janela flutuante, cada um com seus próprios controles.

Por que uma aula online pede dois vídeos ao mesmo tempo

Nem toda aula precisa de duas janelas, mas nos casos abaixo o vaivém entre abas começa a custar tempo de verdade.

Aula gravada ao lado de uma demonstração prática

O professor explica um passo e depois corta para o software. Você quer repetir. Pause a gravação nesse passo e deixe um vídeo de demonstração aberto ao lado: é mais prático do que anotar e voltar depois, e dá para ver na hora qual quadro corresponde a qual ação.

Aula ao lado das legendas ou de uma versão traduzida

Em cursos de idiomas e palestras técnicas em inglês, o vídeo principal e as legendas costumam ser dois arquivos separados. Trocar de aba perde frases; com as duas imagens na tela, o olhar não sai do vídeo.

Transmissão ao vivo ao lado de material gravado antes

A transmissão está rolando e você tem à mão uma aula gravada ou um passo a passo. Transmissão ao vivo não volta, gravação volta. Deixe as duas abertas e consulte a outra assim que algo não ficar claro.

Onde o picture-in-picture do Chrome não dá conta

O picture-in-picture embutido resolve uma coisa só: o vídeo continua rodando enquanto você troca de aba. Ele não resolve "dois vídeos juntos". Uma janela de picture-in-picture carrega exatamente um elemento video: abrir uma segunda na mesma página substitui a primeira, e abrir uma a partir de outra aba cria mais uma janela flutuante que cai no mesmo lugar e cobre a primeira.

O picture-in-picture embutido comporta um vídeo por janela; o segundo substitui o primeiro ou se empilha em cima dele — nunca fica ao lado.

Antes de começar

Confira estes quatro pontos para os passos correrem bem.

Passos: colocar os dois vídeos na mesma janela

Na primeira vez há um passo extra, abrir a janela; depois é só clicar no ícone e adicionar vídeo.

  1. Abra a aba da aula e deixe o vídeo aparecer → o ícone do Crispip na barra de ferramentas mostra um selo laranja-avermelhado.
  2. Clique no ícone do Crispip na barra de ferramentas → abre-se uma nova aba PiP pedindo para pressionar Enter; essa aba é fixada automaticamente na ponta esquerda.
  3. Nessa aba, pressione Enter ou clique em "Iniciar PiP" → surge uma janela flutuante separada. O navegador exige que esse passo venha de um clique real, então a extensão não pode fazer isso por você.
  4. Veja se a janela mostra imagem → se mostra, o vídeo da aula entrou; se não, volte à aba da aula e clique no ícone outra vez.
  5. Abra outra aba com o vídeo de referência ou de legendas e reproduza → essa página também já tem um vídeo e o ícone volta a mostrar um número.
  6. Clique no ícone do Crispip nessa aba → o segundo vídeo entra na mesma janela, lado a lado na grade. Se a página tiver mais de um vídeo, aparece primeiro uma lista para escolher qual.
  7. Arraste a janela pela barra de título e redimensione pelos cantos → deixe-a de um lado da tela e reserve o outro para as anotações.

Controles independentes e layout

Cada imagem tem sua própria barra de controles; pausar uma não mexe na outra.

Se uma imagem ficar parada, volte à página original e dê play lá: navegadores exigem um gesto real do usuário e a extensão não substitui isso.

Perguntas frequentes

Os sons dos dois vídeos se misturam?

Sim, cada um toca o próprio áudio. Silencie na barra o que não quiser ouvir, ou clique com o botão direito e escolha "Silenciar os outros" para deixar uma só trilha.

As plataformas de curso permitem isso?

Depende das regras de cada plataforma, então siga-as. O recurso só reúne numa janela vídeos que você já consegue reproduzir; não remove os limites de reprodução da plataforma e não serve para gravar ou redistribuir o material do curso.

O plano gratuito resolve?

Sim. Permite até 2 vídeos ao mesmo tempo, exatamente o que esta configuração pede, e inclui o layout de grade e os controles por vídeo.

Não sabe por onde começar depois de instalar? Veja o guia rápido; para planos e preços, a seção de preços.

As descrições técnicas seguem a documentação da Picture-in-Picture API do MDN e a documentação de Document Picture-in-Picture do Chrome for Developers. Recursos, limite do plano gratuito e link de instalação vêm da página na Chrome Web Store; o tratamento de dados está na política de privacidade.