Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

web audio api: how to inspect the audio graph?

The Web Audio Api specification says:

[...] AudioContext interface, which contains an audio signal graph representing connections betweens AudioNodes.

I have a project with +/- 30 nodes connected nodes.
I am trying to write tests to check if the setup of the graph is correct. Therefore I need to inspect the resulting graph.
However, I have not been able to access/inspect the final graph, nor to find information on how to do it.

like image 307
kr1 Avatar asked Oct 21 '25 16:10

kr1


2 Answers

You can use the Web Audio Inspector Chrome extension.

enter image description here

like image 82
dangerChihuahua007 Avatar answered Oct 24 '25 05:10

dangerChihuahua007


Firefox has a Web Audio inspector that you can use for this. Enable it in your developer tools and you can get a graph of all the connected nodes. You can even modify the properties of nodes such as biquad filters.

enter image description here

https://hacks.mozilla.org/2014/06/introducing-the-web-audio-editor-in-firefox-developer-tools/

like image 28
Ben Avatar answered Oct 24 '25 06:10

Ben



Donate For Us

If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!