Cómo ver dos vídeos a la vez en una clase online
Sí. Instala Crispip y pulsa su icono una vez en la pestaña de la clase y otra en la del vídeo de referencia: los dos vídeos se ven uno al lado del otro en una sola ventana flotante, cada uno con sus controles.
Por qué en una clase online hacen falta dos vídeos a la vez
No todas las clases necesitan dos ventanas, pero en los casos siguientes ir y venir entre pestañas empieza a costar tiempo real.
Una clase grabada junto a una demostración práctica
El profesor explica un paso y luego pasa a la aplicación. Tú quieres repetirlo. Pausa la grabación en ese paso y deja al lado un vídeo de demostración: es más cómodo que tomar notas y rebobinar después, y ves de un vistazo qué fotograma corresponde a qué acción.
Una clase junto a sus subtítulos o a una versión traducida
En cursos de idiomas y charlas técnicas en inglés, el vídeo principal y los subtítulos suelen ser dos archivos distintos. Al cambiar de pestaña se pierden frases; con las dos imágenes en pantalla, la vista no se va del vídeo.
Una emisión en directo junto a material grabado antes
El directo está en marcha y tienes a mano una lección grabada o una demostración paso a paso. Un directo no se puede rebobinar; una grabación sí. Deja las dos abiertas y consulta la otra en cuanto algo no quede claro.
Dónde se queda corto el imagen en imagen de Chrome
El imagen en imagen integrado resuelve una sola cosa: el vídeo sigue reproduciéndose mientras cambias de pestaña. No resuelve lo de «dos vídeos juntos». Una ventana de imagen en imagen lleva exactamente un elemento video: si abres una segunda en la misma página, sustituye a la primera; si la abres desde otra pestaña, aparece otra ventana flotante que cae en el mismo sitio y tapa la primera.
El imagen en imagen integrado admite un vídeo por ventana; el segundo sustituye al primero o se apila encima, nunca se pone al lado.
Antes de empezar
Comprueba estas cuatro cosas para que los pasos salgan a la primera.
- Chrome 116 o posterior. Crispip se apoya en la Document Picture-in-Picture API, que según la documentación de Chrome for Developers está disponible desde Chrome 116.
- Crispip instalado y fijado a la barra de herramientas, desde la Chrome Web Store. El número naranja rojizo del icono indica cuántos vídeos tiene la pestaña actual; si no hay número, lo normal es que la página aún no haya cargado ninguno.
- Los dos vídeos abiertos en pestañas distintas y reproducidos una vez. El vídeo tiene que existir de verdad en la página para que la extensión lo encuentre.
- El plan gratuito basta: permite hasta 2 vídeos a la vez e incluye el diseño de cuadrícula.
Pasos: llevar los dos vídeos a una misma ventana
La primera vez hay un paso extra, abrir la ventana; después todo se reduce a pulsar el icono y añadir un vídeo.
- Abre la pestaña de la clase y deja que aparezca el vídeo → el icono de Crispip en la barra de herramientas muestra una insignia naranja rojiza.
- Pulsa el icono de Crispip en la barra de herramientas → se abre una pestaña PiP nueva que te pide pulsar Intro; esa pestaña se fija automáticamente al extremo izquierdo.
- Pulsa Intro en esa pestaña o haz clic en «Iniciar PiP» → aparece una ventana flotante independiente. El navegador exige que este paso venga de un clic real, así que la extensión no puede darlo por ti.
- Comprueba si la ventana muestra imagen → si la muestra, el vídeo de la clase ya está dentro; si no, vuelve a la pestaña de la clase y pulsa el icono otra vez.
- Abre otra pestaña con el vídeo de referencia o de subtítulos y reprodúcelo → esa página también tiene ya un vídeo y el icono vuelve a mostrar un número.
- Pulsa el icono de Crispip en esa pestaña → el segundo vídeo entra en la misma ventana, uno al lado del otro en cuadrícula. Si la página tiene más de un vídeo, aparece primero una lista para elegir cuál.
- Mueve la ventana desde su barra de título y cambia el tamaño desde las esquinas → déjala en un lado de la pantalla y reserva el otro para los apuntes.
Controles independientes y diseño
Cada imagen tiene su propia barra de controles; pausar una no afecta a la otra.
- Pausar un solo vídeo: pasa el ratón por la imagen y aparece la barra inferior; el botón de reproducción de la izquierda solo actúa sobre ese vídeo.
- Mover la barra de un solo vídeo: la barra de progreso bajo los controles pertenece únicamente a ese vídeo.
- Ajustar el volumen por vídeo: el altavoz y el deslizador afectan solo a ese vídeo; silencia el que no quieras oír.
- Cambiar la velocidad: abre ⋮ a la derecha y elige entre 0.5x y 2.0x, también solo para ese vídeo.
- Pausarlo todo: pulsa la barra espaciadora dentro de la ventana y se detienen todas las imágenes; otra pulsación reanuda.
- Cambiar el diseño: clic derecho dentro de la ventana, elige Diseño y luego Cuadrícula. El plan gratuito usa Cuadrícula; L a la derecha, L a la izquierda, Ambos lados y Modo cine de la parte superior del menú son de PRO.
- Que un vídeo ocupe la ventana: pulsa «Rellenar» en su barra de controles y vuelve a pulsarlo para salir.
- Captura y grabación (PRO): los botones de cámara y grabación de la barra guardan el fotograma actual o un fragmento.
Si una imagen se queda quieta, vuelve a la página original y dale a reproducir allí: los navegadores exigen un gesto real del usuario y la extensión no puede sustituirlo.
Preguntas frecuentes
¿Se mezclan los sonidos de los dos vídeos?
Sí, cada uno suena por su cuenta. Silencia en su barra el que no quieras oír, o haz clic derecho y elige «Silenciar los demás» para dejar una sola pista.
¿Lo permiten las plataformas de cursos?
Depende de las normas de cada plataforma, así que cúmplelas. Solo reúne en una ventana vídeos que ya puedes reproducir; no elimina los límites de reproducción de la plataforma ni sirve para grabar o redistribuir el material del curso.
¿Basta el plan gratuito?
Sí. Permite hasta 2 vídeos a la vez, justo lo que pide esta configuración, e incluye el diseño de cuadrícula y los controles por vídeo.
¿No sabes por dónde empezar después de instalarlo? Empieza por la guía de inicio rápido; para planes y precios, consulta la sección de precios.
Las descripciones técnicas siguen la documentación de la Picture-in-Picture API de MDN y la documentación de Document Picture-in-Picture de Chrome for Developers. Las capacidades del producto, el límite del plan gratuito y el enlace de instalación proceden de la ficha de Chrome Web Store; el tratamiento de datos se detalla en la política de privacidad.