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 aparezca en sus versiones de navegador.

Actualización : Google habilitó el modo Picture-in-Picture 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 instala la extensión Picture-in-Picture Extension (de Google), debería funcionar en la mayoría de los sitios de video. 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 terminará cuando se lance Chrome 69 Stable. En otras palabras, el experimento se realizará 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 que funciona en la mayoría de los sitios con contenido de video.

Aquí está lo que tú necesitas hacer:

Habilitar banderas experimentales

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

  1. chrome: // flags / # enable-experimental-web-platform-features - Habilita las características experimentales de la plataforma web que están en desarrollo.
  2. chrome: // flags / # enable-superficies-for-videos .. Habilite la composición en una Surface en lugar de un 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

Descargue el siguiente archivo de GitHub y extráigalo 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 está instalado.

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

Seleccione "cargar desempaquetado" y busque la carpeta / src / del archivo que desempaquetó 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.

Utilice el modo Imagen en imagen en Chrome

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

La implementación tiene varias limitaciones en este momento:

  • Solo el primer video se reproduce en modo 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 video automáticamente.

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

Ahora tú : ¿ Ya utilizas el modo imagen en imagen? ¿Te gustaría verlo en tu navegador? (a través de Bleeping Computer)