Unofficial ShaderToy Chrome Extension to visualize sound of any page.
ShaderAmp Extension
ShaderAmp Audio Visualizer works on any website.
It works with YouTube, Spotify, Soundcloud and so on.
ShaderAmp is a free, Open Source Audio Visualizer with focus on running shaders from shadertoy.com. However, ShaderAmp is not related to shadertoy.com. Just big fan of the page and the creative content of the users.
We have currently ~150 different shaders/audio visualizers packed in. Try it out!
More examples on my YT Channel:
https://www.youtube.com/watch?v=3E5o94w9lP0
Plasma Globe by nimitz (https://www.shadertoy.com/view/XsjXRm)
Note: Run the extension on your own risk!
Many thanks to the following people:
* Philipp and Eamon for the help with the reactification of the PoC project
* Jonathan R. Warden for his mic audio input hack on c-bass hack 2024
* Franz aka vati for the Icon
* react-three/fiber for the easy to use react-three-fiber library
* Ricardo Cabello aka mrdoob for creating the amazing three.js library and glsl-sandbox platform
* Inigo Quilez and Pol Jeremias for creating the amazing shadertoy platform
* The shadertoy community
* To the original authors of the shaders <3
* To the creators of the two default videos included in the project
* @nyancat (X/Twitter) for the permission to use NyanCat in the project (www.nyan.cat)
* DemoScene for many years of visual inspiration
* Nullsoft for creating Winamp
* And last but not least to MilkDrop for the first visualizer that really whipped the llama's ass.
The full source code of ShaderAmp is available on github:
https://github.com/ArthurTent/ShaderAmp
Contributing to the extension is very welcome!
Note: This extension contains flashing effects.
Read more
It works with YouTube, Spotify, Soundcloud and so on.
ShaderAmp is a free, Open Source Audio Visualizer with focus on running shaders from shadertoy.com. However, ShaderAmp is not related to shadertoy.com. Just big fan of the page and the creative content of the users.
We have currently ~150 different shaders/audio visualizers packed in. Try it out!
More examples on my YT Channel:
https://www.youtube.com/watch?v=3E5o94w9lP0
Plasma Globe by nimitz (https://www.shadertoy.com/view/XsjXRm)
Note: Run the extension on your own risk!
Many thanks to the following people:
* Philipp and Eamon for the help with the reactification of the PoC project
* Jonathan R. Warden for his mic audio input hack on c-bass hack 2024
* Franz aka vati for the Icon
* react-three/fiber for the easy to use react-three-fiber library
* Ricardo Cabello aka mrdoob for creating the amazing three.js library and glsl-sandbox platform
* Inigo Quilez and Pol Jeremias for creating the amazing shadertoy platform
* The shadertoy community
* To the original authors of the shaders <3
* To the creators of the two default videos included in the project
* @nyancat (X/Twitter) for the permission to use NyanCat in the project (www.nyan.cat)
* DemoScene for many years of visual inspiration
* Nullsoft for creating Winamp
* And last but not least to MilkDrop for the first visualizer that really whipped the llama's ass.
The full source code of ShaderAmp is available on github:
https://github.com/ArthurTent/ShaderAmp
Contributing to the extension is very welcome!
Note: This extension contains flashing effects.
Source Manifest.json
{"update_url": "https://clients2.google.com/service/update2/crx", "name": "ShaderAmp", "version": "1.0.2", "description": "Unofficial ShaderToy Chrome Extension to visualize sound of any page.", "manifest_version": 3, "options_page": "options.html", "background": { "service_worker": "js/backgroundPage.js" }, "permissions": [ "tabs", "storage", "activeTab", "tabCapture" ], "action": { "default_icon": { "32": "images/icon32.png", "64": "images/icon64.png", "128": "images/icon128.png", "256": "images/icon256.png", "512": "images/icon512.png" }, "default_popup": "popup.html", "default_title": "ShaderAmp" }, "icons": { "32": "images/icon32.png", "64": "images/icon64.png", "128": "images/icon128.png", "256": "images/icon256.png", "512": "images/icon512.png" }, "content_security_policy": { "extension_pages": "script-src 'self' 'wasm-unsafe-eval'; object-src 'self';" }, "commands": { "_execute_action": { "suggested_key": { "default": "Alt+K" } }, "open-shader-amp": { "suggested_key": { "default": "Alt+L" }, "description": "Open ShaderAmp" }, "open-shader-amp-options": { "suggested_key": { "default": "Alt+O" }, "description": "Open ShaderAmp Options window" } }}
Read more