WeAreDevelopers Logo WeAreDevelopers
Sign in
For You LIVE
WeAreDevelopers LIVE • Dec 16, 2024

Beats in the Browser: Coding Music with JavaScript

Rowdy Rabouw

Can your heartbeat sync to a browser-based drum machine? Learn to recreate analog gear natively using JavaScript, Tone.js, and Web MIDI.

Starting at 30:23 · Watch from the beginning

Beats in the Browser: Coding Music with JavaScript thumbnail

Checking access…

Playback and chapters load privately for Free videos.

Matching moments

4:24 min

Building synthesizers and music sequencers using web audio APIs

Chris Heilmann Chris Heilmann +2 · LIVE

1:48 min

Generating algorithmic music using web components and audio APIs

Chris Heilmann Chris Heilmann +2 · LIVE

2:53 min

Developing custom music applications and open source browser plugins

Chris Heilmann Chris Heilmann +2 · LIVE

1:44 min

Playing synthesized backend audio objects in browsers

Lee Boonstra · LIVE

1:20 min

Building retro console games using modern web technologies

Chris Heilmann Chris Heilmann +2 · LIVE

3:29 min

Emulating vintage computer environments using WebAssembly architectures

Chris Heilmann Chris Heilmann +4 · LIVE

More from WeAreDevelopers LIVE

Humans in the Loop: Storytelling in Tech thumbnail
1:01:28

Humans in the Loop: Storytelling in Tech

Christian Heilmann +2

5 days ago

WeAreDevelopers LIVE: Your Brain Is Lying to You: Cognitive Biases in Development thumbnail
1:19:46

Your Brain Is Lying to You: Cognitive Biases in Development

Kate Astrid +2

Last week

Like Peas in a Pod - What Happens When People Clone Your App? thumbnail
1:16:14

Like Peas in a Pod - What Happens When People Clone Your App?

Ivan Kutskir +2

2 weeks ago

WeAreDevelopers LIVE - Read more, Prompt Less thumbnail
1:01:30

Read more, Prompt Less

Christian Heilmann +2

3 weeks ago

WeAreDevelopers LIVE - Tech Education in Two Languages thumbnail
1:00:18

Tech Education in Two Languages

Daniel Cranney +1

Oct 2026

WeAreDevelopers LIVE - Playing in Production thumbnail
1:06:40

Playing in Production

Andrew MacLean +2

Sep 2026

Upcoming sessions on this topic

Open session

Built-In AI in the Browser: Practical Capabilities for Modern Web Apps

  • Piyush Gupta

    Expedia

    Senior Engineering Manager

Open session

Build a Zero-Cost AI Agent in Your Browser

  • Aishwarya Mathuria

    Adobe

    Computer Scientist

  • Nishant Thakur

    Adobe

    Senior Computer Scientist

Open session

The UI Engineering Playbook: Modern CSS, Design Systems, Motion & AI-Assisted Workflows

  • Wadad Parker

    Ednius Inc.

    SDE

Open session

Understanding React Performance Patterns Developers Often Get Wrong

  • Himanshu Srivastava

    Best Buy India

    Software Engineer

Open session

From Profiler to Production: Measuring What Actually Matters in React & React Native

  • Andrei Tazetdinov

    Dynatrace

    React Native Developer

Open session

ULTRON: Your Agent Has No Hands - Real-Time Voice, MCP, and Ten Phones on Stage

  • Sagar Tamang

    Two Spoon Technologies

    AI Engineer

Related videos

New Browser APIs, End of React Create App, Smuggling Data in Emoji and more with Rowdy Rabouw thumbnail
1:13:35

New Browser APIs, End of React Create App, Smuggling Data in Emoji and more

Chris Heilmann +2

LIVE · Feb 2025

Prototyping with Hardware and the Web thumbnail
30:58

Prototyping with Hardware and the Web

George Cave

World Congress · 2023

WeAreDevelopers LIVE – You Don’t Need JavaScript, Modern CSS and More thumbnail
1:06:44

You Don’t Need JavaScript, Modern CSS and More

Chris Heilmann +2

LIVE · Jan 2026

WeAreDevelopers LIVE - Demo Time, Live Coding, End-to-End Testing and more thumbnail
1:02:27

Demo Time, Live Coding, End-to-End Testing and more

Chris Heilmann +2

LIVE · Sep 2025

Using all the HTML, Running State of the Browser and "Modern" is Rubbish thumbnail
1:15:44

Using all the HTML, Running State of the Browser and "Modern" is Rubbish

Chris Heilmann +2

LIVE · Jan 2025

WeAreDevelopers LIVE - CSS is DOOMed thumbnail
59:11

CSS is DOOMed

Chris Heilmann +3

LIVE · Mar 2026

Related articles

From learning to earning

Jobs that call for the skills explored in this talk.