Late is a collection of audio visual experiments using a real-time audio stream.
Each scene has elements that animate in response to the changing beat and intensity of the music on the fly.
Tap the arrow buttons to switch to a different visualization.
Modify the quality setting to change the level of detail.
Node.js is required to run the project locally.
Install the dependencies and start both the audio server and front end client.
$ yarn install
$ yarn start
By default, the audio server is configured to run on port 3002 and the client on port 3000.
- React 16.8 + TypeScript
- Web Audio API
- three.js
- Canvas API
- react-spring
- Node.js/Express
- ytdl-core/FFmpeg
- SCSS
Late is configured to not run on Safari and mobile iOS devices, where webkitAudioContext does not work well with a streaming audio source.