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)

DEV

Thank you.

Β 
Thanks for visiting DEV, we’ve worked really hard to cultivate this great community and would love to have you join us. If you’d like to create an account, you can sign up here.