DEV Community

Julio Suarez (Juls Schwartz)
Julio Suarez (Juls Schwartz)

Posted on • Updated on

Generando Video Sintesis, "Software Defined Video" con ShotCut HTML

Video definido por software.

La base para la video sintesis definida por software es conectar html css y javascript en forma de filtro a un editor de video, existia ya eso en ShotCut pero la capacidad fue removida, no quiero pensar mal, pero asi fue. la función suprimida era "shotcut html overlay filter", la última vez que se vio funcionando es en la version 20.07.11 bajo el nombre de "Text:HTML", después de esa version fue suprimida por una alerta de seguridad.

Ahora bien, se que la capacidad existe en OBS, el famoso streamer open source y por supuesto su hermano gemelo ya mas avanzado el OBS Mediastreamer, el problema es que ahi estamos restringidos en resolución por que nos limitaría nuestro hardware, la maxima resolucion de nuestra pantalla y el poder de nuestro CPU y para video arte desde el sur, eso no nos funciona.

La gran ventaja de la sintesis de video definida por software es que con el hardware mas anticuado podemos generar renderear animaciones con mucha resolución y muchos cuadros por segundo, es viable, si ya se que tiene uno que esperar mucho tiempo de rendereado, pero aca estamos hablando de videos cortos.

Aqui en la siguiente link, hay un ejemplo de muestra, se usa camvas para recortar un video en forma circular, esta en mltframework con webvfx, me queda duda si esto todavia funciona en las versiones actuales de shotcut.

https://www.mltframework.org/doxygen/webvfx/examples_2filter-demo_8html-example.html

SI TE URGE AGREGAR EFECTOS CREADOS CON WEB HTML CSS JAVSCRITP, DESCARGA LA VERSION VIEJA DE SHOTCUT 20.07.11 USA EL FILTRO TEXT:HTML (DEPRECATED)... Y SIGUE LOS PASOS AQUI:

https://forum.shotcut.org/t/where-is-the-overlay-filter/546


Experimentos futuros:

Se me ocurre hacer un software que genere XML MTL que sean compatibles con shotcut para procesar video automaticamente

https://shotcut.org/notes/mltxml-annotations/

En el tema de recrear un filtro overlay html, Aqui hay un ejemplo de un html para generar un filtro webvfx:

https://www.mltframework.org/doxygen/webvfx/examples_2filter-demo_8html-example.html

y aqui un par de pens para animaciones en video en codepen
https://codepen.io/augs0/pen/RXNgEB
https://codepen.io/yemon/pen/pWoROm

Tambien planeo hacer estos experimentos para convertir animación css3 a elusien de forma automática.

https://nmihaylov.medium.com/an-easy-way-to-use-css3-animations-in-shotcut-44594f8be114


Links relacionados.

https://www.mltframework.org/

https://www.mltframework.org/doxygen/webvfx/examples_2transition-demo_8html-example.html

https://blog.wang-lu.com/2019/10/chromevfx-prototype.html?m=1

https://webvfx.rectalogic.com/effects_authoring.html

Top comments (0)