This conference talk from the Audio Developer Conference (ADC) 2024 explores high-performance techniques for building responsive Digital Audio Workstation (DAW) interfaces using JavaScript. Learn how to create fluid, 60 FPS user interfaces using both DOM and 2D Canvas API approaches through a real-world DAW case study featuring zoomable waveforms. Discover patterns and best practices that prevent WebViews from becoming slow and resource-intensive, with demonstrations using vanilla TypeScript to teach techniques from first principles. Speaker Arthur Carabott, a Senior Software Engineer at Output and founding member of their DAW project Creator, shares insights from his extensive experience developing interactive musical applications, including work for the 2012 Olympics and Apple Store.
Using JavaScript to Render a DAW User Interface at 60 FPS
ADC - Audio Developer Conference via YouTube
Overview
Syllabus
Using JavaScript to Render a DAW User Interface at 60 FPS - Arthur Carabott - ADC 2024
Taught by
ADC - Audio Developer Conference