Web Audio DevTools Extension (graph visualizer)
Audion Extension
How to use:
1. Install the extension from Chrome Web Store.
2. Open Chrome Developer Tools. You should be able to find “Web Audio” panel in the top. Select the panel.
3. Visit or reload a page that uses Web Audio API. If the page is loaded before opening Developer Tools, you need to reload the page for the extension to work correctly.
4. You can pan and zoom with the mouse and wheel. Click the “autofit” button to fit the graph within the panel.
Visit GitHub to follow this project, report issues, and contribute: https://github.com/GoogleChrome/audion
Source Manifest.json
Similar Extensions
Audio Analyser Extension 4,000+ 10 ★ 15.41KiB
Audio Pipes 4,000+ 2 ★ 66.01KiB
Spector.js 4,000+ 45 ★ 370KiB
Perfetto UI 4,000+ 4 ★ 677KiB
Shader Editor 4,000+ 24 ★ 824KiB
WebXR API Emulator 4,000+ 20 ★ 755KiB
DevTools Author 4,000+ 117 ★ 377KiB
Web Tracing Framework 4,000+ 11 ★ 1.3MiB
Refined GitHub 4,000+ 213 ★ 572KiB
Three.js Editor Extension 4,000+ 20 ★ 42.85KiB
Apollo Client Devtools 4,000+ 266 ★ 490KiB
Node.js V8 --inspector Manager (NiMV3) 4,000+ 97 ★ 582KiB
PixiJS Devtools 4,000+ 70 ★ 145KiB
MobX Developer Tools 4,000+ 51 ★ 682KiB
OctoLinker 4,000+ 110 ★ 184KiB
Shadertoy unofficial plugin. 4,000+ 13 ★ 1.21MiB
z-context 4,000+ 42 ★ 30.48KiB
qwertySeq() 4,000+ 2 ★ 3.38MiB
DevTools Theme: Zero Dark Matrix 4,000+ 545 ★ 56.82KiB
Ember Inspector 4,000+ 345 ★ 3.49MiB
Backbone Debugger 4,000+ 59 ★ 354KiB
YouMix 4,000+ 7 ★ 274KiB
Immersive Web Emulator 4,000+ 21 ★ 700KiB
OPFS Explorer 4,000+ 14 ★ 15.57KiB
User reviews
Jeremy Harris (ID: 000000a0d542a436) Voted 5 ★ - Updated 12/21/2021
Arunas Salkauskas (ID: 00000091fb3b4754) Voted 4 ★ - Updated 06/26/2019
Alan McIntosh (ID: 000000ad760afc05) Voted 5 ★ - Updated 09/01/2018
Marc Breuer (ID: 0000005306d84241) Voted 3 ★ - Updated 11/13/2017
Dofiga Kotik (ID: 0000009978695afc) Voted 1 ★ - Updated 08/27/2017