trying more things to play the damn track

packages/api/routes/rtc.ts

@@ -41,18 +41,13 @@ async function handleJoin(req: Request, res: Response) {
     // now that remote is set
     // allow this peer connection for this specific line to get tracks for this line already
     try {
-      const firstStream = linesStreams[lineId] ? linesStreams[lineId][0] : null;
-      firstStream?.getTracks().forEach((track: any) => {
-        peer.addTrack(track, firstStream);
+      linesStreams[lineId]?.forEach((stream: any) => {
+        console.log(`have streams in this line`, stream);
+
+        stream.getTracks().forEach((track: any) => {
+          peer.addTrack(track, stream);
+        });
       });
-
-      // linesStreams[lineId]?.forEach((stream: any) => {
-      //   console.log(`have streams in this line`, stream);
-
-      //   stream.getTracks().forEach((track: any) => {
-      //     peer.addTrack(track, stream);
-      //   });
-      // });
     } catch (e) {
       console.log(`hacking around small problem with adding track`, e);
     }

packages/web/pages/rtc/index.tsx

@@ -32,6 +32,7 @@ export default function VideoChat() {
             // create the peer and add the tranceiver
             const peer = createPeer(lineId);
 
+            // peer.onconnectionstatechange = console.log;
             // console.log(`peer connection for ${lineId}`, peer);
 
             // todo: understand this better
@@ -59,14 +60,9 @@ export default function VideoChat() {
       ],
     });
 
-    peer.onconnectionstatechange = console.log;
     peer.ontrack = handleTrackEvent;
     peer.onnegotiationneeded = () => handleNegotiationNeededEvent(peer, lineId);
 
-    setInterval(() => {
-      console.log(peer);
-    }, 2000);
-
     return peer;
   };
 
@@ -102,12 +98,19 @@ export default function VideoChat() {
   const handleTrackEvent = (e: any) => {
     const incomingStream = e.streams[0];
 
-    console.log("incoming stream", incomingStream);
+    console.log("incoming stream", incomingStream.getTracks());
 
     if (incomingVideoRef.current) {
       toast(`setting incoming stream ref`);
       incomingVideoRef.current.srcObject = incomingStream;
-      incomingVideoRef.current.play();
+
+      setInterval(() => {
+        incomingVideoRef!.current!.play().then(console.log).catch(console.log);
+      }, 2000);
+
+      incomingVideoRef.current.oncanplay = () =>
+        console.log("cannn PLLLAYY VID!!!!");
+      incomingVideoRef.current.play().then(console.log).catch(console.log);
     }
   };