Habilite el nuevo modo Picture-in-Picture de Chrome

Google está trabajando para traer un nuevo modo de imagen en imagen basado en una API W3C a Google Chrome; Los usuarios de Chrome Canary ya pueden habilitar la nueva funcionalidad en el navegador web, mientras que los usuarios que ejecutan otras versiones de Chrome deben esperar hasta que la función llegue a sus versiones de navegador.

Actualizar: Google habilitó el modo Imagen en imagen en Google Chrome de forma predeterminada. Puede omitir la parte de 'habilitación' de esta guía e ir directamente a la parte de uso una vez que haya terminado con la introducción. La función funciona en YouTube solo por ahora si no instala la extensión; si instalas Extensión de imagen en imagen (de Google), debería funcionar en la mayoría de los sitios de videos. Final



La implementación se basa en una API estandarizada para la funcionalidad de imagen en imagen que mueve los videos que se reproducen en el navegador web en una pequeña ventana superpuesta que actúa independientemente de la ventana principal del navegador.

La nueva API de imagen en imagen funciona en la mayoría de los sitios de forma predeterminada; los editores de sitios web pueden utilizarlo para personalizar la experiencia de imagen en imagen en sus sitios; es posible cambiar el tamaño de la interfaz de imagen en imagen, personalizar controles, agregar restricciones o usarla para recopilar datos estadísticos.

Apple implementó la API de imagen en imagen en Safari para Mac OS X e iOS, y Google decidió crear un experimento para Chrome para determinar si vale la pena implementar la API en la versión estable del navegador web.

Google planea lanzar el experimento en Chrome 68 Beta y lo finalizará cuando se lance Chrome 69 Stable. En otras palabras, el experimento se llevará a cabo entre el 7 de junio y el 30 de agosto de 2018.

Los usuarios de Google Chrome Canary pueden habilitar la compatibilidad de imagen en imagen en el navegador web de inmediato. Tenga en cuenta que la implementación no es súper estable en este momento, pero funciona en la mayoría de los sitios con contenido de video.

Aquí está lo que tú necesitas hacer:

Habilitar indicadores experimentales

enable chrome picture in picture api

Cargue las siguientes tres URL en la barra de direcciones del navegador Chrome y habilite la bandera experimental en Chrome Canary. Le sugiero que habilite los tres y reinicie Chrome después (Chrome le pide que reinicie cuando cambia el estado de cualquiera de las tres preferencias).



  1. chrome: // flags / # enable-experimental-web-platform-features: habilita las funciones experimentales de la plataforma web que están en desarrollo.
  2. chrome: // flags / # enable-surface-for-videos .. Habilita la composición en Surface en lugar de VideoLayer para videos.
  3. chrome: // flags / # enable-picture-in-picture: habilita la función Picture-in-Picture para videos

Instalar una extensión de navegador experimental

chrome picture in picture extension

Descarga lo siguiente archivo de GitHub y extraerlo en el sistema local. Incluye una extensión para Google Chrome que desbloquea la implementación del modo de imagen en imagen en el navegador web cuando se instala.



Cargue las extensiones de chrome: // una vez que haya hecho eso y deslice el botón 'Modo de desarrollador' para activar el Modo de desarrollador y la capacidad de cargar extensiones locales en el navegador web.

Seleccione 'cargar descomprimido' y busque la carpeta / src / del archivo que descomprimió en el sistema local.

Chrome debería cargar la nueva extensión de imagen en imagen y agregar un icono a la barra de herramientas principal de Chrome.

Usar el modo Picture-in-Picture en Chrome

chrome picture in picture

Active el ícono de la extensión con un clic o toque en cualquier página con un video para enviar el video a la ventana emergente de imagen en imagen.



La implementación tiene varias limitaciones en este momento:

  • Solo se reproduce el primer video en el modo de imagen en imagen. El siguiente video, si la reproducción automática está habilitada, no se carga automáticamente en el modo, sino que se reproduce en la ventana principal del navegador.
  • La página en la que está incrustado el video debe permanecer abierta.
  • Realmente no puede navegar a otra página en Chrome sin que la reproducción de video vuelva a la ventana principal del navegador, pero puede usar diferentes programas.

El modo de imagen en imagen funciona en YouTube, Vimeo y muchos otros sitios de videos automáticamente.

Opera Software implementó una solución personalizada de modo de imagen en imagen en el navegador Opera. Aún no hay noticias de Microsoft o Mozilla con respecto al soporte de API.

Ahora tu: ¿Ya utiliza el modo de imagen en imagen? ¿Le gustaría verlo en su navegador? (vía Computadora que suena)