example - Color Corrección de videos MP4/Webm
video html autoplay (2)
Desafortunadamente, cada uno de los navegadores populares maneja el color de forma diferente en los videos HTML 5, lo que dificulta la obtención de colores uniformes.
El flujo de bits H.264 (MP4) puede codificar opcionalmente qué conjunto de primarias de color, características de transferencia y coeficientes de matriz está utilizando; estos se pueden configurar con, por ejemplo, ffmpeg -x264opts colorprim=bt709:transfer=bt709:colormatrix=smpte170m . Al menos en Mac OS X, Safari y Quicktime prestan atención a estos bits en video H.264 y convertirán los colores de la codificación especificada al perfil de color de su monitor, produciendo colores agradables y consistentes. Sin embargo, Chrome parece simplemente ignorar estos bits y suponer que tanto el video H.264 como el video VP8 usan primarias de color BT.709 (incluso para el video VP8 SD que la especificación VP8 dice que debe ser BT.601), aunque lo convertirá en el perfil de color de tu monitor. Firefox por otro lado parece omitir la conversión de salida para los elementos de video VP8 y simplemente asume que su monitor es sRGB, por lo que los colores no son consistentes entre monitores con diferentes perfiles de color y es probable que estén lejos en un amplio monitor de gama. (Solo he probado en Mac; los navegadores pueden funcionar de forma diferente en otro sistema operativo).
Lo siento, no tengo ninguna buena solución. Puede ser posible abordar el problema manipulando el video en Javascript utilizando un lienzo , aunque algo así puede tener un rendimiento deficiente.
Tengo un gran video que presenta algunas animaciones demasiado complejas / largas para otros métodos de incrustación (gif, png sequence, etc.) y nos topamos con un problema con los colores del video. Esencialmente, incluimos los antecedentes de la página web como parte del video para evitar la aparición de bordes en el video cuando se reproduce. Estamos tratando de obtener el fondo degradado en el video para que coincida con el de la página web, pero los colores están apagados.
¿Hay alguna recomendación sobre cómo corregir el color de un video MP4? ¿O alguna forma segura de html5 de hacer videos con un canal alfa?
Para cualquier persona interesada: cuando me enfrenté a la misma situación, me vinieron a la mente algunos trucos como: crear un video súper pequeño, usando los colores de fondo del original (siempre se mostrarán como el mismo color en cualquier navegador). Úselo como fondo y redimensione al 100%, por ejemplo.