~/talk

Exploring audio with React and SVGs: Create amazing audio projects

Talkat React Day Berlin 2019 · on Friday, 2019-12-06· [react, creative-coding]
slides:none on file

Concrete demos show SVGs inlined as React components and a workflow that uses SVG CLI + SVGO to convert and preserve IDs, with animation via Framer Motion / Emotion and interaction wired to the Web Audio API with HTMLAudio and mic input. A cassette-tape app is built, plays loops, records from the browser, and animates SVG wheels with Popmotion; code splitting and canvas backgrounds are used; the demos run live and the recorder/export works.

AI-written summary · about

  1. 0:00Start
  2. 3:00Scalable
  3. 3:18File Size
  4. 3:35Modifiable
~/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.