Audion

Web Audio DevTools Extension (graph visualizer)

What is Audion?

Audion is a Chrome extension developed by Chrome Web Audio team, and its main feature is "Web Audio DevTools Extension (graph visualizer)".

Extension Screenshots

screenshot
screenshot
screenshot
screenshot

Download Audion Extension CRX File

Download Audion extension files in crx format, manually install Chrome extensions in the browser, or share the crx files with friends to easily install Chrome extensions.

Extension Usage Instructions

                        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                    

Extension Basic Information

Name Audion Audion
ID cmhomipkklckpomafalojobppmmidlgl
Official URL https://chromewebstore.google.com/detail/audion/cmhomipkklckpomafalojobppmmidlgl
Description Web Audio DevTools Extension (graph visualizer)
File Size 217 KB
Installation Count 4,521
Current Version 3.0.9
Last Updated 2023-08-18
Publish Date 2017-04-21
Rating 3.18/5 Total 39 Ratings
Developer Chrome Web Audio team
Email [email protected]
Payment Type free
Extension Website https://github.com/GoogleChrome/audion
Help Page URL https://github.com/GoogleChrome/audion/issues
Supported Languages en
manifest.json
{
    "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
    "manifest_version": 3,
    "name": "Audion",
    "version": "3.0.9",
    "description": "Web Audio DevTools Extension (graph visualizer)",
    "devtools_page": "devtools.html",
    "options_ui": {
        "page": "options.html",
        "open_in_tab": false
    },
    "permissions": [
        "debugger"
    ]
}