From 07ee40f4c49f33af5ba6b3c46e5a3dbdd503c7a8 Mon Sep 17 00:00:00 2001
From: talksik <patel.arjun50@gmail.com>
Date: Fri, 20 May 2022 11:32:11 -0500
Subject: [PATCH] its actually crisp with audio....and smooth and cool...no
 need for video if this is smooth

---
 packages/desktop/package.json                        |  4 ++--
 packages/desktop/src/providers/StreamProvider.tsx    | 12 +++++++-----
 .../src/tree/protected/terminal/line/LineDetails.tsx |  7 ++++---
 3 files changed, 13 insertions(+), 10 deletions(-)

diff --git a/packages/desktop/package.json b/packages/desktop/package.json
index 86a4d99..0227512 100644
--- a/packages/desktop/package.json
+++ b/packages/desktop/package.json
@@ -42,8 +42,8 @@
         [
           "@electron-forge/plugin-webpack",
           {
-            "port": "4000",
-            "loggerPort": "9000",
+            "port": "4005",
+            "loggerPort": "9005",
             "mainConfig": "./webpack.main.config.js",
             "devContentSecurityPolicy": "connect-src 'self' http://localhost:5000 ws://localhost:5000 https://api.quotable.io/random 'unsafe-eval'",
             "renderer": {
diff --git a/packages/desktop/src/providers/StreamProvider.tsx b/packages/desktop/src/providers/StreamProvider.tsx
index e956b2b..348f5f9 100644
--- a/packages/desktop/src/providers/StreamProvider.tsx
+++ b/packages/desktop/src/providers/StreamProvider.tsx
@@ -16,11 +16,13 @@ import useTerminalProvider from './TerminalProvider';
 import MasterLineData from '@nirvana/core/models/masterLineData.model';
 import { useEffectOnce } from 'react-use';
 
-const videoConstraints = {
-  frameRate: 30,
-  width: { max: 100 },
-  height: { max: 200 },
-};
+const videoConstraints = false;
+
+// {
+//   frameRate: 30,
+//   width: { max: 100 },
+//   height: { max: 200 },
+// };
 
 const iceServers = [
   // { urls: 'stun:stun.l.google.com:19302' },
diff --git a/packages/desktop/src/tree/protected/terminal/line/LineDetails.tsx b/packages/desktop/src/tree/protected/terminal/line/LineDetails.tsx
index bad0933..736e35e 100644
--- a/packages/desktop/src/tree/protected/terminal/line/LineDetails.tsx
+++ b/packages/desktop/src/tree/protected/terminal/line/LineDetails.tsx
@@ -175,7 +175,7 @@ export default function LineDetails() {
 }
 
 function StreamPlayer({ peerStream }: { peerStream: MediaStream }) {
-  const streamRef = useRef<HTMLVideoElement>(null);
+  const streamRef = useRef<HTMLAudioElement>(null);
 
   useEffect(() => {
     if (streamRef?.current) streamRef.current.srcObject = peerStream;
@@ -183,14 +183,15 @@ function StreamPlayer({ peerStream }: { peerStream: MediaStream }) {
 
   return (
     <>
-      <video
+      {/* <video
         ref={streamRef}
         height={300}
         width={400}
         className={'shadow-xl rounded'}
         autoPlay
         muted
-      />
+      /> */}
+      <audio ref={streamRef} className={'shadow-xl rounded'} autoPlay controls />
     </>
   );
 }