React component - audio player
Budget: $30 – $250 USD
We need an audio player component developed in ReactJS with following requirements:
1. Should take input as an array of objects, where each object define a song related metadata like thumbnail, song url, etc
2. Should also take another input as configurations like duration to play each song, etc
3. Should play each song for given duration
4. After the prescribed duration of playback, should autoplay the next song
5. Should have a thumbsdown ( dislike ) type of button, on click of which the playback of current song should stop and next song should start play
6. Should support swipe gesture so that swipe left should also perform the same behaviour described above
7. Should display a progress bar showing download percentage of song
8. Should have a mechanism to pre-cache songs based on the bandwidth on which component is playing the songs
9. Should be responsive so that the thumbnail auto scales as per container and other assets adapt the container
10. Should also have a thumbs-up button on click of which the songs will be marked as "liked".
11. Should support swipe right gesture for above
12. For #5, #6, #10, #11, the player will hit a url defined along with each song to like and dislike.
13. Any existing open source player can be used as a base and can be customised further.
1. Should take input as an array of objects, where each object define a song related metadata like thumbnail, song url, etc
2. Should also take another input as configurations like duration to play each song, etc
3. Should play each song for given duration
4. After the prescribed duration of playback, should autoplay the next song
5. Should have a thumbsdown ( dislike ) type of button, on click of which the playback of current song should stop and next song should start play
6. Should support swipe gesture so that swipe left should also perform the same behaviour described above
7. Should display a progress bar showing download percentage of song
8. Should have a mechanism to pre-cache songs based on the bandwidth on which component is playing the songs
9. Should be responsive so that the thumbnail auto scales as per container and other assets adapt the container
10. Should also have a thumbs-up button on click of which the songs will be marked as "liked".
11. Should support swipe right gesture for above
12. For #5, #6, #10, #11, the player will hit a url defined along with each song to like and dislike.
13. Any existing open source player can be used as a base and can be customised further.