Simple msuic app with animations
The project was developed by Justine Kenyansa.
The app allows you to play music, move to the next item seamlessly.
Currently, it has several limitations such as adding your own files.
The song duration is displayed for each song and the current time while playing.
The app does not need any installations to work.
1. The display of total time for each song sometimes doesn't display correctly.
The NaN is sometimes displayed because in development, the duration property of the HTMLAudioElement represents the length of the audio in seconds. However, it may take some time for the audio to load and for the duration to be available. Trying to access it immediately after setting the src of the music element, it might still be undefined, resulting in NaN
2. The toggle functionality for play and pause (icons) is yet to be improved
3. Sometimes, you have to click twice for the song to start playing.
These limitaitons will be addressed shortly.
You simply click the play button and the songs start playing. It is expected that the playlist should run to the very last item continuously if not paused.
On pressing the pause/play button, the song stops playing.
Forward and backward buttons are also working very well.
The slider bar is also working as expected. The song jumps to the min and second and desired.
The project used HTML, css, and Vanilla JS.
Should you have any suggestions and ideas on how to improve the app, feel free to contact me through kenyansajustine@gmail.com.
Alternatively, reach me through: +254 70440 3225.
Code contributions are also welcome
Copyright (c) {2023} {Kentech Products} Licensed under the MIT License.