Quiero capturar una miniatura de un video (digamos que la miniatura está a las 0:00 del video, es decir, el primer cuadro), sin embargo, estoy transmitiendo el video y quiero mostrar la miniatura antes de que el video se cargue por completo (tan completamente cargarlo, guardarlo como una URL de blob y usar el elemento HTML5Video no es una opción).

Además, la URL desde la que originalmente estoy obteniendo el video no aceptará más solicitudes después de que realice la solicitud inicial para descargar el video, por lo que tampoco puedo usar el elemento HTML5Video para cargar esa URL.

Todo a lo que tengo acceso son los bytes sin procesar que se transmiten desde la respuesta. Entonces, mi pregunta es cómo puedo capturar el primer cuadro del video cuando solo se han cargado suficientes bytes. ¿Hay alguna herramienta para esto, o tendré que interpretar el contenido del archivo yo mismo?

Si tuviera que construir mi propia solución, supongo que los pasos serían algo así como:

• Espere a que los metadatos/encabezados del archivo se carguen primero.
• obtenga las dimensiones (xy) del video a partir de los metadatos.
• los siguientes xy bytes serán el primer cuadro del video. Almacene esto como un ArrayBuffer y cree una URL de datos para usar con una etiqueta HTML img.

Comencemos con una solución mp4, pero también se agradecería una solución a otros formatos, gracias de antemano :).