The rain mp3 has a hard ending with a little audio static so it doesn't loop well

[TheWoodenMan]

Is your feature request related to a problem? Please describe.
When you listen to the rain card, it ends abruptly, with audio cutting out which breaks the flow.

Describe the solution you'd like
It may be worth either finding a fresh looped mp3 and dropping it into the repo so no other coding is needed.

Describe alternatives you've considered
The other alternative is to edit the existing audio to cut at a better point, or to fade in/out

Additional context
N/A - it's quite straight forward and I may get on and start looking at this myself now :)

[TheWoodenMan]

Update: doing a little testing and the loop plays perfectly in media player.
which means the issue is with playback rather than the soundfile itself.

[Utkarshn10]

@TheWoodenMan what are some solutions that we can consider. We are currently using react sound.

[TheWoodenMan]

I'm doing a bit of research to see if I can come up with anything, I really need to read up on chakra ui before I can contribute to be honest!

I did find this link on stack overflow which described the same problem, not sure if that's helpful, I don't know enough about the code implementation yet to know if it would work.

https://stackoverflow.com/questions/54847032/looping-audio-with-react-js

[Utkarshn10]

Since we are using react sound and it is having a loop prop. https://www.npmjs.com/package/react-sound#props

I'm doing a bit of research to see if I can come up with anything, I really need to read up on chakra ui before I can contribute to be honest!

I did find this link on stack overflow which described the same problem, not sure if that's helpful, I don't know enough about the code implementation yet to know if it would work.

https://stackoverflow.com/questions/54847032/looping-audio-with-react-js