Skip to content
Audio visualizer with image from web camera.A Three.js powered audio visualizer that takes input from the webcam
JavaScript HTML CSS GLSL
Branch: master
Clone or download
Latest commit bffa6a7 Sep 6, 2019
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
public Image, trimmed audio Sep 6, 2019
src Add loading class while audio loading Sep 6, 2019
.gitignore Initial commit Jul 15, 2019
.jshintrc Initial commit Jul 15, 2019
README.md Image, trimmed audio Sep 6, 2019
article.html Initial commit Jul 15, 2019
favicon.ico Initial commit Jul 15, 2019
index2.html Image, trimmed audio Sep 6, 2019
package.json Add demo 2 Jul 18, 2019
webpack.config.js Add demo 2 Jul 18, 2019
yarn.lock Add demo 2 Jul 18, 2019

README.md

Webcam Audio Visualizer

Demo for the tutorial on how to create a Three.js powered audio visualizer that takes input from the webcam.

Webcam Audio Visualizer

Article on Codrops

Demo

Build and run

npm run-script build np start

Credits

Music from Newgrounds.com

"Above the clouds" by ArcaneMusic
"Title Wave" by Sike991

License

This resource can be used freely if integrated or build upon in personal or commercial projects such as websites, web apps and web templates intended for sale. It is not allowed to take the resource "as-is" and sell it, redistribute, re-publish it, or sell "pluginized" versions of it. Free plugins built using this resource should have a visible mention and link to the original work. Always consider the licenses of all included libraries, scripts and images used.

Misc

Follow Ryota: Twitter, GitHub

Follow Codrops: Twitter, Facebook, Google+, GitHub, Pinterest, Instagram

© Codrops 2019

You can’t perform that action at this time.