Creating a Real-Time Synchronized Audio Streaming Chat App using Next.js – Need Guidance!

Hey fellow developers,
I've got this unique idea for a chat app using Next.js that's a bit different from the norm. I want to create a platform where users can create channels, play songs in these channels, and have others join in to listen to the same song in real-time with perfect synchronization. It's like a live audio streaming chat room!
My vision is to enable users to:
Create their own channels
Stream music within those channels
Allow multiple users to join and listen together
Have a real-time chat alongside the audio stream
Now, here's where I could use your expertise. I'm not sure how to go about implementing the synchronized audio streaming part. I've been researching WebSockets, WebRTC, and media servers, but I'm a bit overwhelmed with the options.
Has anyone tackled a similar project before or has insights on which technologies and services would work best for this use case? How would you recommend setting up the backend to handle both real-time chat and streaming? Any tips on ensuring perfect synchronization among listeners?
I'm already planning to use Next.js for the frontend, but any advice on handling the backend infrastructure and audio streaming would be immensely helpful.
Looking forward to your insights and guidance. Let's bring this innovative idea to life together! 🎵🎤🎧🚀
Thanks in advance!