Author Topic: Web Audio API  (Read 140 times)

chris23

  • Hero Member
  • *****
  • Posts: 796
    • View Profile
    • bandcamp profile
Web Audio API
« on: June 29, 2017, 08:37:57 AM »
Has anyone here experimented with Web Audio API--a set of methods for playing and manipulating audio in modern web browsers?

I've been playing around with this for the last few weeks and have been having a lot of fun. I was shocked at the wide range of things that can be done these days in a browser alone:

- create oscillators using a variety of wave forms
- manipulate in real time, manually or algorithmically, the frequencies of those waveforms and their timing
- load audio clips/samples and process those in a variety of ways
- add/subtract gain nodes, panning nodes, and a variety of filters
- use impulse files for convolving signals (reverb)
- chain nodes together to customize signals and how they are processed

Most of this is done by using javaScript to control the work flow.

Anyhow, just checking to see if there are others around here who have poked around with this stuff.

petekelly

  • Hero Member
  • *****
  • Posts: 825
    • View Profile
    • LuminaSounds
Re: Web Audio API
« Reply #1 on: June 30, 2017, 11:51:29 AM »
I'm curious to have a look at this, do you have any links to visit ?

cheers

chris23

  • Hero Member
  • *****
  • Posts: 796
    • View Profile
    • bandcamp profile
Re: Web Audio API
« Reply #2 on: June 30, 2017, 02:24:59 PM »
Here is a collection of demos, some of which seem outdated, but some of them still work:

https://webaudio.github.io/demo-list/



And here is a super-neat blog with lots of interesting examples, including a web-based synth:

https://noisehack.com/



Here is something I've been working on personally. It is a series of digital tape loops, each of which can be played back at different speeds. There are also volume adjustments and reverb that can be mixed into each track. Each loop can be reversed in Safari, but not in other browsers; I'm working on a fix for that now.

http://yourpersonality.net/generative/tape_loops_12/



Here is something else that is neat. It is a simple demo on creating generative music in an Eno-like style, combining visuals and audio. I don't think there is a live version on that site, but I've seen one somewhere else.

http://www.wickedlysmart.com/project-2-generative-music-box/