#3.13 / 38 rate

Audion

4,000 users

2017-04-21

Chrome Web Audio team

web-audio-team@google....

Extension Information

5 star

54%

4 star

15%

3 star

15%

2 star

1 star

15%

Supported Languages

Permissions

Description

Web Audio DevTools Extension (graph visualizer)

Audion is a Chrome extension that adds a Web Audio panel to Developer Tools. This panel visualizes the web audio graph in real-time.

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

Reviews

Azizbek Umidjonov

Added this as a required extension for debugging :D //! use this extension to debug 07/11/23 //* https://chromewebstore.google.com/detail/audion/cmhomipkklckpomafalojobppmmidlgl

Jeremy Harris

Had to restart the browser process to make it work. Previously just displayed a box with no audio nodes and I thought it was broken.

Arunas Salkauskas

Ok, the tool is great but has some bugs, which I'll try to report. Basically it freaked out one of our testers when he installed it and discovered that AudioBufferSourceNodes were piling up and not going away. Indeed the plugin keeps references to all the nodes created and it appears to be impossible to get them to be garbage collected. I just spent several hours convincing myself that it wasn't our code.