Skip to content
master
Go to file
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
 
 
 
 
 
 
res
 
 
src
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

README.md

WebAudio Generator

A UI for generating linear WebAudio code (https://webaudio.simmsreeve.com/)

CodeFactor

A screenshot of WebAudio Generator

Justification

This tool was written to be used as an educational aid in a talk at London Audio Developers Meetup.

Video available here: An image of the WebAudio Talk

Usage

  • To add a node, click on an arrow
  • To "inspect" a node, click the node

Supports

  • Inputs
    • Microphone
    • File
    • Oscillator
  • "Modifier" Nodes
    • WebAssembly CustomWorklet
    • Gain
    • Delay
    • BiquadFilter
    • Analyser
  • Outputs
    • Speaker

Apologies

The code was never supposed to be nice, but things got a bit out of hand...

Most of the code pretends to be immutable, but there are various places this pattern is un-expectedly broken. I foresee various painful bugs being introduced if development were to continue.

Also, I cringe at the method used to generate code. It's disgusting and you should definitely not try it at home.

Future (See GH Issues)

  • Support non-linear WebAudio graphs (probably using Cytoscape) - Would require a re-write
  • Improve UI & UX
  • Output to file

Developing

  1. Don't
  2. You'll need the following:
> brew install fswatch
> npm i -g browserify less

> npm i
> ./build.sh
> ./watch.sh

See Also

Useful Links

AudioWorklet + WebAssembly

License

MIT

About

A UI for generating WebAudio code

Resources

License

Releases

No releases published

Packages

No packages published
You can’t perform that action at this time.