AudioFlow

AudioFlow is a web application for music production and sound synthesis that combines the power of graphical node-based programming with the features of a modern MIDI sequencer. It allows the creation of complex audio patches and real-time MIDI editing, entirely in your browser.

Main Features

Audio Engine

  • Graphical node-based synthesis: create your audio chain by visually connecting nodes
  • Real-time audio processing using the Web Audio API
  • Various node types: oscillators, filters, effects, signal analyzers, etc.
  • Waveform visualization for visual feedback of the sound
  • Full MIDI support: connect your external controllers and instruments

Advanced MIDI Sequencer

  • Piano roll for precise note editing
  • Velocity editing for expressive control
  • Pitch bend editing with customizable curves
  • Parameter automation for all nodes in the system
  • Regions to organize your compositions
  • Multiple tracks with solo and mute
  • Configurable loops and flexible navigation
  • Metronome to keep the tempo

Recording and Editing

  • MIDI recording in real-time (computer keyboard and MIDI controllers)
  • Automation recording to capture your parameter movements
  • Non-destructive editing of notes and events
  • Control curve editing with intuitive control points

Project Management

  • Automatic saving of workflows in IndexedDB
  • History management with undo/redo
  • Export/import of projects
  • Organization by workflows to manage multiple projects

User Interface

  • Responsive interface adapted to different screen sizes
  • Integrated virtual piano playable with mouse or keyboard
  • Intuitive zoom and navigation in the timeline
  • Real-time visualization of audio performance

Technical Architecture

  • React application based on Next.js (App Router)
  • Graphical programming interface with ReactFlow
  • Audio engine based on Web Audio API
  • Local storage with IndexedDB for workflows and preferences
  • User interface built with TailwindCSS and ShadcnUI
  • React context architecture for state management
  • MIDI support via Web MIDI API

Benefits

  • All-in-one: graphical programming and MIDI editing in the same place
  • Entirely in the browser: no installation required
  • Low latency for real-time use
  • Intuitive interface accessible to beginners but powerful for experts

Target Audience

  • Everyone interested in sound design and music production
  • Electronic music producers
  • Sound designers looking to create unique sounds
  • Composers working on the go
  • Educators in the field of audio and music
  • Audio developers interested in modular synthesis