https://github.com/bentobaux/rhythm-of-three_threejs
Stylized audio visualizer in Three.js
https://github.com/bentobaux/rhythm-of-three_threejs
Last synced: 10 days ago
JSON representation
Stylized audio visualizer in Three.js
- Host: GitHub
- URL: https://github.com/bentobaux/rhythm-of-three_threejs
- Owner: bentoBAUX
- Created: 2021-09-06T09:35:17.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2021-09-08T03:26:15.000Z (over 3 years ago)
- Last Synced: 2025-04-01T00:22:30.194Z (about 2 months ago)
- Language: JavaScript
- Size: 38.1 MB
- Stars: 6
- Watchers: 1
- Forks: 2
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Rhythm of Three
Stylised audio visualizer in Three.js
The algorithm for this is from https://codepen.io/prakhar625 's audio visualizer codepen in which I altered the source code a little to suit my style of design and way of function. Click on anywhere on the screen to play and once more to pause.
Try it out on https://jsfiddle.net/bentoBAUX/839b7q5p/12/ (you will still need to run this code locally as you'll need to have a local audio file)!
### Known complications with the project:
Due to Chrome's autoplay policy, audio does not play when clicking the screen. A fix I use for this is to run Live Server on VSCode for this project, change something in the code and undo the change for the project to refresh. Audio plays now :D
Perhaps using this method to enable audio playback isn't the ideal way but I wanted to keep things clean for this project (didn't want to have so many buttons around) so I resorted to this method.