From 2cf3ed4cd22726fdbe7f587605457271482c3a28 Mon Sep 17 00:00:00 2001
From: andrewdkim <adkim414@gmail.com>
Date: Tue, 5 Nov 2019 18:31:52 -0500
Subject: add a prompt and figure out message why not sending

---
 src/client/views/webcam/DashWebRTC.ts       | 44 ++++++++---------------------
 src/client/views/webcam/DashWebRTCVideo.tsx | 16 ++++++++---
 2 files changed, 23 insertions(+), 37 deletions(-)

(limited to 'src/client/views/webcam')

diff --git a/src/client/views/webcam/DashWebRTC.ts b/src/client/views/webcam/DashWebRTC.ts
index 801fd782d..bd0bd7f9a 100644
--- a/src/client/views/webcam/DashWebRTC.ts
+++ b/src/client/views/webcam/DashWebRTC.ts
@@ -1,7 +1,9 @@
 import { DocServer } from '../../DocServer';
 
 
-
+/**
+ * This namespace will have the code required to have functionality code for the usage of webRTC.
+ */
 export namespace DashWebRTC {
 
 
@@ -130,6 +132,14 @@ export namespace DashWebRTC {
         remoteVideo = remoteVideo;
     }
 
+    export function setLocalVideoObject(localVideoRef: HTMLVideoElement) {
+        localVideo = localVideoRef;
+    }
+
+    export function setRemoteVideoObject(remoteVideoRef: HTMLVideoElement) {
+        remoteVideo = remoteVideoRef;
+    }
+
 
 
 
@@ -286,36 +296,4 @@ export namespace DashWebRTC {
     }
 
 
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
 }
\ No newline at end of file
diff --git a/src/client/views/webcam/DashWebRTCVideo.tsx b/src/client/views/webcam/DashWebRTCVideo.tsx
index 62efd9730..503b71569 100644
--- a/src/client/views/webcam/DashWebRTCVideo.tsx
+++ b/src/client/views/webcam/DashWebRTCVideo.tsx
@@ -21,7 +21,9 @@ const offerOptions = {
     offerToReceiveVideo: 1,
 };
 
-
+/**
+ * This models the component that will be rendered, that can be used as a doc that will reflect the video cams.
+ */
 @observer
 export class DashWebRTCVideo extends React.Component<CollectionFreeFormDocumentViewProps & FieldViewProps> {
 
@@ -37,7 +39,7 @@ export class DashWebRTCVideo extends React.Component<CollectionFreeFormDocumentV
     private hangupButton: HTMLButtonElement | undefined;
 
     componentDidMount() {
-        DashWebRTC.setVideoObjects(this.localVideoEl!, this.peerVideoEl!);
+        // DashWebRTC.setVideoObjects(this.localVideoEl!, this.peerVideoEl!);
         DashWebRTC.init();
     }
 
@@ -317,8 +319,14 @@ export class DashWebRTCVideo extends React.Component<CollectionFreeFormDocumentV
     render() {
         let content =
             <div className="webcam-cont" style={{ width: "100%", height: "100%" }} onWheel={this.onPostWheel} onPointerDown={this.onPostPointer} onPointerMove={this.onPostPointer} onPointerUp={this.onPostPointer}>
-                <video id="localVideo" autoPlay playsInline ref={(e) => this.localVideoEl = e!}></video>
-                <video id="remoteVideo" autoPlay playsInline ref={(e) => this.peerVideoEl = e!}></video>
+                <video id="localVideo" autoPlay playsInline ref={(e) => {
+                    this.localVideoEl = e!;
+                    DashWebRTC.setLocalVideoObject(e!);
+                }}></video>
+                <video id="remoteVideo" autoPlay playsInline ref={(e) => {
+                    this.peerVideoEl = e!;
+                    DashWebRTC.setRemoteVideoObject(e!);
+                }}></video>
                 {/* <button id="startButton" ref={(e) => this.startButton = e!} onClick={this.startAction}>Start</button>
                 <button id="callButton" ref={(e) => this.callButton = e!} onClick={this.callAction}>Call</button>
                 <button id="hangupButton" ref={(e) => this.hangupButton = e!} onClick={this.hangupAction}>Hang Up</button> */}
-- 
cgit v1.2.3-70-g09d2