Audion

Web Audio DevTools Extension (graph visualizer)

What is Audion?

Audion is a handy Chrome extension designed for developers and sound engineers. As it integrates with Chrome's Developer Tools, it visualizes the web audio graph in real-time, presenting the structure of audio processing right in your browser. It's more than just an audio visualizer - it's a tool that supports understanding and debugging your web audio codes. To use it, all you need is to install the extension, locate it in the developer tools, and load a page that uses Web Audio API. Remember to check out this project on GitHub!

Download

Stats

By: Chrome Web Audio team

View on Chrome Web Store

Users: 4,488 ▼ -6

Rating: 3.18 (39)

Version: 3.0.9 (Last updated: 2023-08-18)

Creation date: 2017-04-21

Risk impact: High risk impact

Risk likelihood: Very low risk likelihood

Manifest version: 3

Permissions:

debugger

Size: 222.21K

Email: Click to see

URLs: Website

Stats date:

Chrome-Stats Rank

# 14561 ▼ 53

Other rankings

#637 in Developer Tools

#48 in graph keyword 15 ▼ 1

#49 in developer tools keyword 43

#54 in panel keyword 57

#145 in reload keyword 85 ▼ 1

Upgrade to see more rankings

Other platforms

Not available on Firefox

Not available on Edge

Summary

Analyze keywords

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:

Install the extension from Chrome Web Store.
Open Chrome Developer Tools. You should be able to find “Web Audio” panel in the top. Select the panel.
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.
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

User reviews

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

Azizbek Umidjonov, 2023-11-07

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.

Jeremy Harris, 2021-12-21

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.

Arunas Salkauskas, 2019-06-26

View all user reviews

Safety

Risk impact

Audion is risky to use as it requires a number of sensitive permissions that can potentially harm your browser and steal your data. Exercise caution when installing this extension. Review carefully before installing. We recommend that you only install Audion if you trust the publisher.