{"repo":"GoogleChrome/audion","free":true,"listed":false,"github":"https://github.com/GoogleChrome/audion","clone":"git clone https://github.com/GoogleChrome/audion.git","description":"Audion is a Chrome extension that adds a Web Audio panel to Developer Tools. This panel visualizes the web audio graph in real-time.","language":"TypeScript","stars":393,"topics":["web-audio","chrome-extension","developer-tools"],"license":"Apache-2.0","category":"dev-tools","readme_excerpt":"Audion: Web Audio Graph Visualizer Audion is a Chrome extension that adds a panel to DevTools. This panel visualizes the audio graph (programmed with Web Audio API) in real-time. Soon you will be able to install the extension from Chrome Web Store page. Usage 1. Install the extension from Chrome Web Store. 1. Alternatively, you can clone this repository and build the extension locally. Follow this instruction to load the local build. 1. Open Chrome Developer Tools. You should be able to find “Web Audio” panel in the top. Select the panel. 1. 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. 1. You can pan and zoom with the mouse and wheel. Click the “autofit” button to fit the graph within the panel. Development Build and test the extension 1. Install NodeJS 14 or later. 1. Install dependencies with npm ci or npm install . 1. Run npm test to build and test the extension. Install the development copy of the extension 1. Open chrome://extensions in Chrome. 1. Turn on Developer mode if it is not already active. 1. Load an unpacked extension with the Load unpacked button. In the file modal that opens, select the audion directory inside of the build directory under the copy of this repository. Use and make changes to the extension 1. Open the added Web Audio panel in an inspector window with a page that uses Web Audio API. 1. Make changes to the extension and rebuil","default_branch":null,"files":null,"tree":[],"storefront":"/r/GoogleChrome","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/GoogleChrome/audion/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}