{"id":29533977,"url":"https://github.com/google/audion","last_synced_at":"2025-07-17T00:05:13.446Z","repository":{"id":39148851,"uuid":"61396247","full_name":"GoogleChrome/audion","owner":"GoogleChrome","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.","archived":false,"fork":false,"pushed_at":"2025-03-28T22:16:49.000Z","size":5861,"stargazers_count":380,"open_issues_count":16,"forks_count":57,"subscribers_count":20,"default_branch":"main","last_synced_at":"2025-07-11T07:24:51.519Z","etag":null,"topics":["chrome-extension","developer-tools","web-audio"],"latest_commit_sha":null,"homepage":"https://chrome.google.com/webstore/detail/web-audio-inspector/cmhomipkklckpomafalojobppmmidlgl","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"apache-2.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/GoogleChrome.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2016-06-17T19:04:05.000Z","updated_at":"2025-07-10T18:50:02.000Z","dependencies_parsed_at":"2024-06-16T05:32:18.408Z","dependency_job_id":"d43570d4-1362-4121-adcc-20848d3f9c83","html_url":"https://github.com/GoogleChrome/audion","commit_stats":{"total_commits":98,"total_committers":8,"mean_commits":12.25,"dds":0.6326530612244898,"last_synced_commit":"11805e3151d3c722af68e819343bbc85cf3943c0"},"previous_names":["google/audion"],"tags_count":4,"template":false,"template_full_name":null,"purl":"pkg:github/GoogleChrome/audion","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/GoogleChrome%2Faudion","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/GoogleChrome%2Faudion/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/GoogleChrome%2Faudion/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/GoogleChrome%2Faudion/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/GoogleChrome","download_url":"https://codeload.github.com/GoogleChrome/audion/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/GoogleChrome%2Faudion/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":265553104,"owners_count":23787027,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["chrome-extension","developer-tools","web-audio"],"created_at":"2025-07-17T00:02:10.059Z","updated_at":"2025-07-17T00:05:13.437Z","avatar_url":"https://github.com/GoogleChrome.png","language":"TypeScript","readme":"# Audion: Web Audio Graph Visualizer\n\n[![Node.js CI](https://github.com/GoogleChrome/audion/actions/workflows/nodejs-ci.yml/badge.svg)](https://github.com/GoogleChrome/audion/actions/workflows/nodejs-ci.yml)\n\nAudion is a Chrome extension that adds a panel to DevTools. This panel\nvisualizes the audio graph (programmed with Web Audio API) in real-time.\nSoon you will be able to install the extension from Chrome Web Store page.\n\n![Google Doodle Hiphop](https://raw.githubusercontent.com/GoogleChrome/audion/main/images/hiphop-doodle.png)\n\n## Usage\n\n1. [Install the extension](https://chrome.google.com/webstore/detail/audion/cmhomipkklckpomafalojobppmmidlgl)\n   from Chrome Web Store.\n   1. Alternatively, you can clone this repository and build the extension\n      locally. Follow\n      [this instruction](https://developer.chrome.com/docs/extensions/mv3/faq/#faq-dev-01)\n      to load the local build.\n1. [Open Chrome Developer Tools](https://developer.chrome.com/docs/devtools/open/).\n   You should be able to find “Web Audio” panel in the top. Select the panel.\n1. Visit or reload a page that uses Web Audio API. If the page is loaded before\n   opening Developer Tools, you need to reload the page for the extension to\n   work correctly.\n1. You can pan and zoom with the mouse and wheel. Click the “autofit” button to\n   fit the graph within the panel.\n\n## Development\n\n### Build and test the extension\n\n1. Install NodeJS 14 or later.\n1. Install dependencies with `npm ci` or `npm install`.\n1. Run `npm test` to build and test the extension.\n\n#### Install the development copy of the extension\n\n1. Open `chrome://extensions` in Chrome.\n1. Turn on `Developer mode` if it is not already active.\n1. Load an unpacked extension with the `Load unpacked` button. In the file\n   modal that opens, select the `audion` directory inside of the `build`\n   directory under the copy of this repository.\n\n#### Use and make changes to the extension\n\n1. Open the added `Web Audio` panel in an inspector window with a page that\n   uses Web Audio API.\n1. Make changes to the extension and rebuild with `npm test` or `npm run build`.\n1. Open `chrome://extensions`, click `Update` to reload the rebuilt extension.\n   Close and reopen any tab and inspector to get the rebuilt extension's panel.\n\n### Use extra debugging information\n\n1. Open the extension option panel and check \"Click here to show more debug\n   info\".\n2. Right click the visualizer panel and click \"Inspect\" to the extension's\n   DevTools panel, and see the console for the extra debugging information.\n\n## Acknowledgments\n\nSpecial thanks to [Chi Zeng](https://github.com/chihuahua) (Google),\n[Gaoping Huang](https://github.com/gaopinghuang0),\n[Michael \"Z\" Goddard](https://github.com/mzgoddard)\n([Bocoup](https://bocoup.com/)) and\n[Tenghui Zhang](https://github.com/TenghuiZhang) for their contribution on this\nproject.\n\n## Contribution\n\nIf you have found an error in this library, please file an issue at:\nhttps://github.com/GoogleChrome/audion/issues.\n\nPatches are encouraged, and may be submitted by forking this project and\nsubmitting a pull request through GitHub. See CONTRIBUTING for more detail.\n\n## License\n\nCopyright 2021 Google Inc. All Rights Reserved.\n\nLicensed under the Apache License, Version 2.0 (the \"License\"); you may not use\nthis file except in compliance with the License. You may obtain a copy of the\nLicense at\n\nhttp://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed\nunder the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR\nCONDITIONS OF ANY KIND, either express or implied. See the License for the\nspecific language governing permissions and limitations under the License.\n","funding_links":[],"categories":["Packages","Developer tools"],"sub_categories":["Utilities","Web MIDI API"],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgoogle%2Faudion","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fgoogle%2Faudion","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgoogle%2Faudion/lists"}