/react-flow-web-audio

A simple Web Audio playground built with React Flow. Follow the tutorial to learn how to build it yourself.

Primary LanguageJavaScript

React Flow Web Audio Playground

This repo contains a small Web Audio playground built with React Flow. Go check out the blog post if you want to build your own from scratch!

Features of the playground include:

  • Create new audio nodes
  • Update node data with some UI controls
  • Connect nodes together
  • Delete nodes and connections
  • Start and stop audio processing

The tutorial covers React Flow topics including:

  • Using zustand for state management.
  • Custom nodes and controls.
  • "Running" or interpreting a React Flow graph.

Development

This app was built using Vite for development.

Installation

Before you start, you need to install the dependencies:

npm install

Spin up a dev server

npm run dev

Build

npm run build