From 8871dcab2aa9e649c7bd439933c53f0e27f97441 Mon Sep 17 00:00:00 2001
From: James Hush <james@daily.co>
Date: Tue, 18 Oct 2022 00:36:49 +0800
Subject: [PATCH] DOES NOT WORK

---
 src/components/VideoTile.vue | 36 ++++++++++++++++++------------------
 1 file changed, 18 insertions(+), 18 deletions(-)

diff --git a/src/components/VideoTile.vue b/src/components/VideoTile.vue
index 5c0f4a3..6a8f652 100644
--- a/src/components/VideoTile.vue
+++ b/src/components/VideoTile.vue
@@ -31,7 +31,15 @@
 import CallControls from "./CallControls.vue";
 import NoVideoTile from "./NoVideoTile.vue";
 
-export default {
+import { defineComponent } from "vue";
+
+interface VideoTileData {
+  audioSource: MediaStream | null;
+  videoSource: MediaStream | null;
+  username: string;
+}
+
+export default defineComponent({
   name: "VideoTile",
   components: {
     CallControls,
@@ -50,7 +58,7 @@ export default {
     "leaveCall",
     "disableScreenShare",
   ],
-  data() {
+  data(): VideoTileData {
     return {
       videoSource: null,
       audioSource: null,
@@ -58,21 +66,13 @@ export default {
     };
   },
   mounted() {
-    console.log("mounmted participant", this.participant);
+    console.log("mounmted participant", );
     this.handleVideo(this.videoTrack);
-    // this.handleAudio(this.audioTrack);
-  },
-  updated() {
-    // this.username = this.participant?.user_name;
-    // // For later optimization, this can be done more selectively
-    // // using "track-started" and "track-stopped" events.
-    // this.handleVideo(this.participant.videoTrack);
-    // this.handleAudio(this.participant);
+    this.handleAudio(this.audioTrack, this.local);
   },
   methods: {
     // Add srcObject to video element
     handleVideo(videoTrack) {
-      console.log("handleVideo", videoTrack);
 
       // If the participant has their video off,
       // early out.
@@ -85,14 +85,14 @@ export default {
     },
 
     // Add srcObject to audio element
-    handleAudio() {
-      const p = this.participant;
+    handleAudio(audioTrack, local) {
+      console.log("handleAudio", audioTrack, local);
+
       // If the participant is local or has their audio off,
       // early out.
-      if (!p || p.local || !p.audio) return;
+      if (local || !audioTrack) return;
 
-      const track = p.tracks.audio.persistentTrack;
-      const newStream = this.updateSource(this.audioSource, track);
+      const newStream = this.updateSource(this.audioSource, audioTrack);
       if (newStream) {
         this.audioSource = newStream;
       }
@@ -123,7 +123,7 @@ export default {
       return null;
     },
   },
-};
+});
 </script>
 
 <style scoped>