I made a website using firebase where users can join and chat together. I have bunch of songs on this website. I want like if someone plays a song so whoever join in that chat they all can listen that song with same time together. How I can achieve this task?
This is my html code:
<body>
<header>
<!-- it is my div where i stored some of songs (it's display="inline" so user can
scroll songs left to right -->
<div id="music">
<audio controls id="myAudio" class="playback" style="margin-top: 10%" >
<source src="https://pagalfree.com/musics/192-Mehrama - Love Aaj Kal 192 Kbps.mp3" type="audio/mpeg" />
</audio>
<audio controls id="myAudio1" class="playback" >
<source src="https://pwdown.com/14648/Ki Kehna - QARAN.mp3" type="audio/mpeg"/>
</audio>
</div>
</header>
<div id="chat">
<!-- it is my ul where i can receive msg -->
<ul id="message">
</ul>
</div>
<footer>
<div id="input">
<input id="input1"> -------- </input>
<button type="submit "> </button>
</div>
</footer>
</body>