Video as Code

Meine ersten Versuche Erklärvideos zu basteln habe ich, wie viele andere auch, 2020 während der Corona-Krise gestartet.

Doch ich musste schnell begreifen, dass ich, obwohl ich gerne vor Publikum spreche, eine komplette Katastrophe bin, wenn ich vor einer Kamera stehe.

Seitdem verfolgt mich das Thema immer wieder mal, etliche gescheiterte Versuche stehen im Protokoll.

Etwa vor einem Jahr bin ich dann über remotion.dev gestolpert. Video as Code, das hat mich gleich angefixt. Remotion ist aber sehr kleinteilig und macht bestimmt Sinn, wenn man komplexe Animationen bauen will. Für ein Erklär-Video scheint es mir aber wenig geeignet.

Also selber bauen. Angefangen habe ich mit einer sli.dev Präsentation, die mit einem Pre-Prozessor Textabschnitte mit play.ai und einem Klon meiner eigenen Stimme in gesprochenen Text umwandelt. Das ist nicht perfekt, aber besser als erwartet.

Zuletzt habe ich noch vscode-demo-time integriert, das über eine Http-Api von der sli.dev Präsentation gesteuert wird.

Am Ende wird das ganze mit Playwright in ein Video gerendert und sieht dann aktuell so aus:

Das ist alles noch nicht fertig, und ich bin mir auch nicht sicher was daraus noch wird, wir werden sehen.