~/talk

Code Your Videos: Programmatic Video Creation with Javascript

Talkat DevFestYYC 2024 · 2024-11-15..11-16· [javascript, creative-coding]
slides:none on file

Claims that 82% of internet traffic is video and shows a reproducible workflow using Remotion to generate MP4s from React components; demos include a data-driven motion graphic that pulls GitHub API stargazers (first 1,000 of a project) and renders a finished MP4 in minutes instead of a week. Uses standard web tech (React, CSS/Tailwind), API fetches, and even Gemini for helper code; audio can be added in Remotion or layered later — the examples work end-to-end.

AI-written summary · about

  1. 0:00Introduction and motivation
  2. 2:18Why program videos with code
  3. 10:24Introducing Remotion framework
  4. 18:48Demo: Simple animation with Remotion
  5. 23:48Demo: GitHub stars animation
  6. 28:06Q&A and next steps
  7. 35:57Closing and resources
~/search
type to search 6,249 conferences, 138,987 speakers and 185,172 talks
~/help
cmdctrl k
search every conference, speaker and series
/
focus the filter search
h
home
c
conferences
s
speakers
e
series
t
light / dark — the status bar button does the same
?
this help
esc
close this, then clear every filter — or just the search, while you are typing in it

Ignored while you are typing. Pages without a filter rail have no search to focus.