Actualizaciones de audio y video en Chrome 61

Francisco Beaufort
François Beaufort

Optimizaciones de la pista de video en segundo plano (solo para ECM)

Para mejorar la duración de la batería, Chrome ahora inhabilita las pistas de video cuando se reproduce en segundo plano (p.ej., en una pestaña no visible) si se usan extensiones de fuente de medios (MSE).

Para inspeccionar estos cambios, ve a la página chrome://media-internals y filtra por la propiedad “información”. Cuando la pestaña que contiene un video en reproducción se vuelve inactiva, aparece un mensaje similar a Selected video track: [] que indica que la pista de video se inhabilitó. Cuando se vuelva a activar la pestaña, la pista de video se volverá a habilitar automáticamente.

Panel de registro en la página chrome://media-internals
Figura 1. Panel de registro en la página chrome://media-internals

Para quienes deseen comprender lo que sucede, aquí se incluye un fragmento de código JavaScript que muestra lo que hace Chrome en segundo plano.

    var video = document.querySelector('video');
    var selectedVideoTrackIndex;

    document.addEventListener('visibilitychange', function() {
      if (document.hidden) {
        // Disable video track when page is hidden.
        selectedVideoTrackIndex = video.videoTracks.selectedIndex;
        video.videoTracks[selectedVideoTrackIndex].selected = false;
      } else {
        // Re-enable video track when page is not hidden anymore.
        video.videoTracks[selectedVideoTrackIndex].selected = true;
      }
    });

Se recomienda reducir la calidad de la transmisión de video por Internet cuando la pista de video esté inhabilitada. Podría ser tan simple como usar la API de visibilidad de páginas, como se mostró anteriormente, para detectar cuándo una página está oculta.

Estas son algunas restricciones:

  • Esta optimización solo se aplica a los videos con una distancia de fotogramas clave inferior a 5 s.
  • Si el video no contiene pistas de audio, este se pausará automáticamente cuando se reproduzca en segundo plano.

Error de Chromium

Pantalla completa de video automática cuando se rota el dispositivo

Si rotas un dispositivo a la posición horizontal mientras se reproduce un video en el viewport, la reproducción cambiará automáticamente al modo de pantalla completa. Cuando se rota el dispositivo al modo vertical, el video vuelve al modo de ventana.

Ten en cuenta que puedes implementar este comportamiento de forma manual. (Consulta el artículo Reproducción de video en la Web móvil).

Pantalla completa de video automática cuando se rota el dispositivo
Figura 2: Pantalla completa de video automática cuando se rota el dispositivo

Este comportamiento mágico solo ocurre en las siguientes situaciones:

  • dispositivo es un teléfono Android (no una tablet)
  • la orientación de la pantalla del usuario está configurada en "Rotación automática"
  • El tamaño del video debe ser de, al menos, 200 × 200 px.
  • video usa controles nativos
  • se está reproduciendo el video
  • al menos el 75% del video es visible (en pantalla)
  • la orientación gira 90 grados (no 180 grados)
  • Aún no hay un elemento de pantalla completa
  • La pantalla no se bloquea con la API de Screen Orientation.

Error de Chromium