KO | EN

GitLite

Minimalist Open Source Repository Search Engine

gitlite — search

#typescript #ai-agents #cli #claude-code #codex #developer-tools #open-source #agent-skills #ai #dsh-plugin #llm #windows

web-audio-school

★ 416 Open GitHub ↗

An intro to the Web Audio API by a series of self-guided workshops.

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

Web Audio School
===

An intro to the **Web Audio API** by a series of self-guided workshops.

We will primarily focus on using the Web Audio API for music, but the concepts here could be applied to game sound and other creative uses.

> This workshop was built for [CampJS V](http://v.campjs.com/)!

## Try it out here:

[mmckegg.github.io/web-audio-school](http://mmckegg.github.io/web-audio-school/)

## TODO

- Handle user code errors and display in editor

## Install via [npm](https://www.npmjs.com/package/web-audio-school)

Global install:

```bash
$ npm install web-audio-school -g
```

Start the server:

```
$ web-audio-school
```

Now navigate to [localhost:9966](http://localhost:9966).

## Browser Support

Works in latest versions of Chrome, Firefox, Safari.

[Internet Explorer doesn't support the Web Audio API yet](https://status.modern.ie/webaudioapi).

## Lesson Overview

### Part I: Subtractive Synthesis

1. Play a pitched sawtooth wave
2. Play a short sequence of notes
3. Add a high-pass filter
4. Modulate filter cutoff
5. Add an envelope
6. Vibrato

### Part II: Working With Samples

7. Decode and play an audio file
8. Set in and out points
9. Looping samples
10. Set sample pitch
11. Play a sequence of pitched samples

### Part III: Effects

12. Tremolo
13. Stereo Tremolo
14. Echo / Delay
16. Overdrive (part 1)
17. Overdrive (part 2)
18. Ping Pong Delay
19. Simple Reverb

### Epilogue

20. Drop the Bass

## Coverage

- AudioContext
- AudioBuffer
- AudioParam
- AudioDestinationNode
- OscillatorNode
- AudioBufferSourceNode
- GainNode
- WaveShaperNode
- StereoPannerNode
- ConvolverNode
- BiquadFilterNode
- DelayNode
- ChannelSplitterNode
- ChannelMergerNode

## Not Yet Covered

- AudioWorker (not yet supported by any browsers)
- ScriptProcessor (deprecated)
- OfflineAudioContext
- DynamicsCompressorNode
- AudioListener
- PannerNode
- AnalyserNode

## License

MIT

## Contributors

- [Matt McKegg](https://github.com/mmckegg)
- [Jan Monschke](https://github.com/janmonschke)

This is an OPEN open source project. See [CONTRIBUTING.md](https://github.com/mmckegg/web-audio-school/blob/master/CONTRIBUTING.md) for details

web-audio-school

Explore Similar Repositories

Was this content helpful?

Recent Feedback

Download README