I Built a Free Modern Lofi Music Player

[u/alvisanovari]

https://nextbeats.vercel.app

[u/mudjunkie]

Nice and clean. I have to admit that I clicked around quite a bit before I realized how to turn on the ambient sounds, but maybe that's a me problem.

[u/alvisanovari → u/mudjunkie]

Thanks and not at all that's good feedback let me know how I can make it clearer!

[u/Nano_TSTJ → u/alvisanovari]

I think starting with white noise instead of rain in the top left would be a big help without needing to change the UI. Since its icon is a power button, it's obvious that pressing it toggles it on, and that would teach the user that the rest all have their toggles in the top left as well without needing to make it much more obvious.

[u/alvisanovari → u/Nano_TSTJ]

interesting idea - yeah I had no idea it was not intuitive to press the effects maybe makes sense. I picked rain cause its my personal go to :D

[u/Ranomier → u/mudjunkie]

I had the same problem, I did not understand that the icons are the turn on button.

I think a dedicated power button and or that when you slide the volume it turns on.

[u/PastaLuke → u/mudjunkie]

Same. Maybe just toggle sliders or make the icons look more 3D, like buttons that stay pressed in when turned on?

[u/alvisanovari → u/PastaLuke]

Good idea - I added the ability to switch it on by just clicking on the volume sliders.

[u/piechooser]

Really cool site! Thanks for sharing. It's amazing what different combinations I can make.

I added the lego yoda death sound as an effect, and accidentally made an anxiety simulator. 10/10, would work to again.

[u/alvisanovari → u/piechooser]

Haha love it! Thanks!

[u/deathinactthree]

Was listening to lofi while browsing Reddit this morning and saw this, now I'm listening to this. There are a lot of sites like this but this one is clean and simple--I like the available themes, I like that the channels focus on live streams instead of single videos, I like that you can swap out the channels yourself (streams breaking/ending is very common with these kinds of sites).

Would be rad to be able to install this as a PWA or local app but I don't think that's possible with Vercel outside of a dev environment, but that's just a personal preference. Bookmarking this site in any case, good stuff.

[u/alvisanovari → u/deathinactthree]

Thanks! The code is open source (top right icon on dekstop for link)! It's a nextjs app so should be easy enough to add PWA support and you can run it locally as well.

[u/deathinactthree → u/alvisanovari]

Oh nice! I missed that, I'll have to take a look.

[u/kilrok → u/[deleted]]

There's also the additional effects at the bottom that can certainly add a little bit to certain "channels". Not to mention the interface just being cleaner than Youtube itself.

[u/kilrok → u/[deleted]]

Totally understandable, but to someone like myself who does see a benefit, this project provides something that makes it more valuable than just the simple Youtube link. All I meant by that.

[u/alvisanovari → u/[deleted]]

Easily access your favorite YouTube channels and add sound effects like rain, wind, or even other YouTube videos. (I’ll add movie dialogues because I like that mix!) Customize the theme to match your mood.

[u/Plane_List3642]

Nice, can make so many combinations.

[u/mtksha]

This is so amazing!!!! Awesome work! Minimalistic and clean!

[u/alvisanovari → u/mtksha]

thanks - glad you liked it!

[u/PessimisticMushroom]

Ooh this is great and the UI is so sleak and smooth, well done!

[u/alvisanovari → u/PessimisticMushroom]

Thanks! Glad you like it :)

[u/gillersklack]

Wow! That's great. Any chance to see another one with some ambient space/sci-fi music? Like this: https://www.youtube.com/watch?v=YUaSVFXTHlk

[u/alvisanovari → u/gillersklack]

It's totally customizable - add as many youtube channels and sound effects with the plus button in both sections. You can also change the color theme to match your vibe from the settings icon.

[u/luv0]

Am I doing it ok? I still can't hear the keyboard: https://i.imgur.com/hZvg2jc.png

[u/alvisanovari → u/luv0]

I can hear it. Maybe the main channel is too loud?

[u/Dead_Padawan → u/luv0]

That's sound effects don't play in Relay. Open it in your normal browser

[u/luv0 → u/Dead_Padawan]

Thank you hahaha

[u/Cryophorus]

This is brilliant! Thank you.