The Music Player is an innovative project that offers users an interactive and visually engaging music player. It features a unique sound visual effect in the middle of the screen, which reacts dynamically to the audio being played.
This project was completed in a span of 2 weeks.
- Interactive music player
- Dynamic sound visual effects
- Built-in control buttons (play/pause, song switch, volume adjustment)
- Motion control options for increased accessibility
- Two unique visualization scenes
The initial idea was to create an interactive p5 sketch, which will interact with sounds and the user's motion. The inspiration came from Instagram, which led to the creation of a music player with p5 3D objects and animations that play based on the music rhythm, displayed in a cold colorway.
- Created a wave effect for the fluid scene.
- Added the ability to preload songs and visualize them using p5.FFT.
- Created a spotlight effect in the middle based on the waveform.
- Developed a second scene with a sense of depth and a different feel.
- Set up ultrasonic sensors for motion control.
- Motion Control Logic
- Hold either hand in front of the sensor to play/pause the song. (Accessible for both left-handed and right-handed.)
- Hold both hands in front of both sensors for 1 second to change the scene.
- Slide from left to right for the next song, and from right to left for the previous song.
- Move hand up and down for volume control.
The user-testing phase highlighted the need for feedback when the hand is detected and when the user should move. It also revealed that without a physical button, the system is not as convenient.
- Added play&pause, previous&next song, and volume bar.
- Implemented a feature to display the name of the song that is currently playing.
- Integrated mouseDragged function for the volume bar.
- Created a circular animation when Arduino sends back "hand detected".