javascript - that - html5 video youtube

HTML5 genera video a partir de imágenes (2)

Actualmente no hay una API incorporada para hacer codificación de video en HTML5. Sin embargo, hay trabajos en progreso para permitir la grabación básica de video y audio, pero no está disponible en este momento (la grabación de audio está disponible en FireFox, también está limitada a transmisiones ).

Si estás de acuerdo con la animación gif, puedes codificar los cuadros como un gif utilizando uno de los codificadores (ver más abajo).

Para video, ha habido intentos, más o menos exitosos, (el proyecto que tenía en mente ya no parece estar disponible) pero ha habido problemas de un navegador a otro.

Existe la opción de construir un codificador de estilo de bajo nivel, siguiendo las especificaciones de codificación de video y formato de archivo. Es factible, pero no es un proyecto pequeño.

En cualquier caso, la codificación de video es una tarea hambrienta de rendimiento, incluso para aplicaciones nativas compiladas. Ejecutar dicha tarea en el navegador será un proceso aún más lento y probablemente no sea práctico para muchos usuarios (y los dispositivos móviles absorberán esas baterías).

El mejor enfoque de IMO (por el momento, al menos, hasta que la API mencionada esté disponible), es enviar imágenes al servidor y tener un servidor en la parte posterior que maneja los trabajos de codificación, y luego enviar el resultado al cliente. De esta forma puede usar multi-threading, descargar el cliente, usar codificadores nativos compilados como ffmpeg, y el video resultante puede ser transmitido.

Algunos recursos

Me pregunto, dado que el HTML y el javascript son fascinantes, ¿existe una solución en HTML5 para generar un archivo de video a partir de muchas imágenes?

Por ejemplo, puede cargar un video en un lienzo y hacer que aparezca como un video en escala de grises manipulando el lienzo. Sin embargo, me gustaría saber si existe algún método para generar un archivo de video a partir de esa versión greyscaled. Tendría sentido, si quieres enviar el video a través de WhatsApp, etc.

Gracias

Aquí vamos:

Artículo: http://techslides.com/convert-images-to-video-with-javascript
Demostración: http://techslides.com/demos/image-video/create.html (seleccione varias imágenes a la vez)
Código: [just view the source]
Puede descargar el archivo de video .webm

La respuesta de @K3N menciona la construcción de un codificador. Afortunadamente hay uno - https://github.com/antimatter15/whammy - snippet del artículo:

Necesitas un codificador de video y hoy, casualmente tropecé con Whammy, un codificador WebM JavaScript en tiempo real.