ale/videopeersjs
0
Fork 0
Código Incidencias Pull Requests Acciones Paquetes Proyectos Lanzamientos Wiki Actividad

hide sendstream button on connection

Explorar el Código 
Signed-off-by: heyhiru <hirentimbadiya74@gmail.com>
Este commit está contenido en:
heyhiru
2023-11-13 13:10:59 +05:30
padre ccc4a52324
commit 71374e16e0
Se han modificado 1 ficheros con 3 adiciones y 1 borrados
Descargar archivo de parche Descargar archivo de diferencias Expandir todos los archivos Contraer todos los archivos

4
client/src/pages/room/[slug].jsx
Ver fichero

@@ -11,6 +11,7 @@ const RoomPage = () => {
const [isAudioMute, setIsAudioMute] = useState(false); const [isAudioMute, setIsAudioMute] = useState(false);
const [isVideoOnHold, setIsVideoOnHold] = useState(false); const [isVideoOnHold, setIsVideoOnHold] = useState(false);
const [callButton, setCallButton] = useState(true); const [callButton, setCallButton] = useState(true);
const [isSendButtonVisible, setIsSendButtonVisible] = useState(true);
const handleUserJoined = useCallback(({ email, id }) => { const handleUserJoined = useCallback(({ email, id }) => {
//! console.log(`Email ${email} joined the room!`); //! console.log(`Email ${email} joined the room!`);
@@ -34,6 +35,7 @@ const RoomPage = () => {
for (const track of myStream.getTracks()) { for (const track of myStream.getTracks()) {
peer.peer.addTrack(track, myStream); peer.peer.addTrack(track, myStream);
} }
setIsSendButtonVisible(false);
}, [myStream]); }, [myStream]);
const handleCallAccepted = useCallback(({ from, ans }) => { const handleCallAccepted = useCallback(({ from, ans }) => {
@@ -195,7 +197,7 @@ const RoomPage = () => {
<div className='flex flex-col items-center justify-center h-screen'> <div className='flex flex-col items-center justify-center h-screen'>
<h1 className='font-bold text-7xl md:text-5xl p-3'>RoomPage</h1> <h1 className='font-bold text-7xl md:text-5xl p-3'>RoomPage</h1>
<h4 className='font-bold text-4xl md:text-xl p-3 mb-4'>{remoteSocketId ? "Connected" : "No One In Room"}</h4> <h4 className='font-bold text-4xl md:text-xl p-3 mb-4'>{remoteSocketId ? "Connected" : "No One In Room"}</h4>
{(myStream || remoteStream) && {(remoteStream && remoteSocketId && isSendButtonVisible) &&
<button className='bg-green-500 hover:bg-green-600' onClick={sendStreams}> <button className='bg-green-500 hover:bg-green-600' onClick={sendStreams}>
Send Stream Send Stream
</button> </button>