Audion

Featured

3.2(

39 ratings

)

Extension Developer Tools4,000 users

Overview

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

3.2 out of 5
39 ratings
Google doesn't verify reviews. Learn more about results and reviews.

Azizbek Umidjonov
Nov 7, 2023

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
Dec 20, 2021

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.

2 out of 2 people found this helpful

Arunas Salkauskas
Jun 26, 2019

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.

6 out of 6 people found this helpful

Details

Version
3.0.9
Updated
August 18, 2023
Report a concern
Offered by
Chrome Web Audio team
Size
217KiB
Languages
English
Developer
Google, Inc.
1600 Amphitheatre Parkway Mountain View, CA 94043 US
Email
web-audio-team@google.com
Trader
This developer has identified itself as a trader per the definition from the European Union.

Privacy

The developer has disclosed that it will not collect or use your data.

This developer declares that your data is

Not being sold to third parties, outside of the approved use cases
Not being used or transferred for purposes that are unrelated to the item's core functionality
Not being used or transferred to determine creditworthiness or for lending purposes

Support

For help with questions, suggestions, or problems, visit the developer's support site

Web Tracing Framework

3.6(11)

Rich tools for instrumenting, analyzing, and visualizing web apps. Make your app jank-free at 60fps!

Refined GitHub

4.8(181)

Simplifies the GitHub interface and adds useful features

Three.js Editor Extension

2.7(20)

Three.js editor extension

Apollo Client Devtools

2.6(264)

GraphQL debugging tools for Apollo Client.

Audio Analyser Extension

4.5(6)

Analyses the audio of the current tab and draws the audio frequencies on a canvas.

Audio Pipes

3.0(2)

Use the Audio Pipes extension to stream audio between any webpage that utilises Web Audio. Originally developed for the music…

analyzeRTC - visualize webrtc-internals

0.0(0)

Quickly collect and analyze WebRTC browser activity

Spector.js

4.6(42)

Explore and Troubleshoot your WebGL scenes easily.

Perfetto UI

5.0(3)

Enables the Perfetto trace viewer (https://ui.perfetto.dev) to record Chrome browser traces.

Shader Editor

4.6(22)

Live editing shaders in the browser.

WebXR API Emulator

4.4(17)