Guía de captura de medios

El paso Capturar medios prepara el navegador y la cámara antes de que el usuario capture los medios de origen. Dependiendo de la configuración del sitio, la página puede capturar una imagen fija, un GIF animado corto o ambos. Cuando ambos modos de captura están habilitados, Capturar imagen y Capturar GIF aparecen uno al lado del otro para que el usuario pueda elegir si el meme debe comenzar desde un momento o desde unos pocos segundos de movimiento.

Capturar imagen es mejor para un meme limpio de un solo cuadro. Capturar GIF es mejor cuando la reacción, la expresión o el momento son parte del chiste. Ambas opciones utilizan la misma vista previa de la cámara, las mismas comprobaciones de requisitos y el mismo editor de Procesar Medios después de la captura. En teléfonos y tabletas, el botón de cambio de cámara puede moverse entre la cámara frontal y trasera cuando el navegador y el dispositivo lo admiten.

Verificación de requisitos

El panel Verificación de requisitos se ejecuta automáticamente cuando se abre la página Capturar medios. Está ahí para garantizar que el navegador pueda leer de forma segura la transmisión de la cámara, dibujar cuadros en la aplicación y prepararlos para el editor. Si una de las comprobaciones falla, los botones de captura permanecen deshabilitados para que el usuario no termine con un meme en blanco o roto.

1. Navegador + Verificación de lienzo

Esta verificación confirma que el navegador admite las funciones web necesarias para crear la imagen capturada. La aplicación necesita un navegador moderno con JavaScript habilitado, soporte para video HTML, soporte para dibujo de Canvas y la capacidad de exportar contenido de Canvas como datos de imagen.

Un navegador que pasa puede tomar un fotograma de la vista previa de la cámara, dibujar ese fotograma en un lienzo y convertir el lienzo en una imagen que se puede enviar al paso Procesar medios. Sin esto, es posible que la aplicación muestre una vista previa de la cámara pero aún así no pueda crear una imagen de meme editable.

Las causas comunes de falla incluyen el uso de un navegador desactualizado, abrir la página dentro de un navegador restringido dentro de la aplicación, deshabilitar JavaScript, usar extensiones de privacidad que bloqueen las API de medios o ejecutar la página en un modo de navegador que limite el acceso al lienzo. Probar la última versión de Safari, Chrome, Firefox o Edge suele solucionar este tipo de problemas.

2. Comprobación de permisos de cámara

Esta verificación solicita permiso al navegador y al sistema operativo para usar la cámara. La página debe cargarse desde una conexión segura, generalmente HTTPS, porque los navegadores bloquean el acceso a la cámara en páginas inseguras. En el desarrollo local, es posible que también se requiera un certificado HTTPS local confiable o un host de prueba local permitido.

El navegador puede mostrar una solicitud de permiso. El usuario debe permitir el acceso a la cámara del sitio y el sistema operativo también debe permitir el acceso a la cámara del navegador. En teléfonos y tabletas, esto puede implicar tanto la solicitud de permiso del navegador como la configuración de privacidad a nivel del sistema.

Las causas comunes de falla incluyen hacer clic en Bloquear por error, que los permisos de la cámara estén deshabilitados en la configuración del navegador, que el acceso a la cámara esté deshabilitado en la configuración de privacidad de macOS/iOS/Android, que otra aplicación ya esté usando la cámara, que use una pestaña del navegador dentro de una aplicación social que no muestra correctamente el acceso a la cámara o que visite la página a través de HTTP simple en una dirección no local.

3. Listo para transmisión en vivo

Esta verificación verifica que la transmisión de la cámara realmente se esté reproduciendo dentro de la página. El permiso por sí solo no es suficiente: la aplicación también necesita un fotograma de vídeo en vivo para que los botones de captura puedan capturar la imagen actual o grabar un GIF corto.

Una secuencia de paso significa que el elemento de vídeo ha recibido datos de la cámara, el navegador conoce las dimensiones del vídeo y la página puede capturar un fotograma real en lugar de una imagen negra, vacía o de tamaño cero. Este paso evita que el usuario avance antes de que la cámara haya terminado de calentarse.

Las causas comunes de falla incluyen un inicio lento de la cámara, una cámara desconectada o cubierta, otra aplicación que sostiene la cámara, un navegador que pausa las pestañas en segundo plano, comportamiento móvil de bajo consumo, comportamiento de reproducción automática/medios denegado o fallos temporales del dispositivo. Actualizar la página, cerrar otras aplicaciones de la cámara, seleccionar un navegador diferente o volver a conectar la cámara generalmente resuelve el problema.

Modos de captura

La página solo muestra las opciones de captura habilitadas por la configuración del sitio. Si la captura de imágenes fijas está habilitada, los usuarios ven Capturar imagen. Si la captura de GIF está habilitada, los usuarios ven Capturar GIF. Si ambos están habilitados, los botones aparecen juntos en el panel de la cámara; si una está deshabilitada, la página mantiene la opción restante simple y de ancho completo.

Capturar imagen

Capturar imagen inicia la cuenta atrás, toma el fotograma actual de la cámara, lo almacena como imagen de origen y habilita Procesar medios. Esta es la ruta más rápida y normalmente produce el resultado más nítido porque el editor sólo necesita trabajar con un fotograma.

Capturar GIF

Capturar GIF inicia la misma cuenta regresiva y luego graba un breve clip animado de la transmisión de la cámara en vivo. El sitio puede configurar la duración de la grabación, pero tiene un límite de 5 segundos para que el navegador, el editor y el paso para guardar sigan respondiendo tanto en teléfonos como en computadoras de escritorio.

Después de capturar el GIF, la vista previa muestra los medios de origen animados y Procesar Medios envía esa animación al mismo editor utilizado para las imágenes fijas. Si la fuente final es un GIF, el editor muestra la configuración de animación para el recorte, la velocidad y la dirección de reproducción antes de que el paso de guardar mantenga animado el meme completo.

Durante la captura, aparece un estado de progreso encima de la vista previa en vivo y los paneles de medios capturados. Primero muestra la cuenta regresiva, luego cambia a un estado de grabación para la captura de GIF y finalmente se vuelve verde cuando el medio capturado está listo para procesarse.

Barra de herramientas y botones de acción