fix: local audio play

AgoraIO · Oct 8, 2023 · 352207c · 352207c
1 parent 9b71f84
commit 352207c
Show file tree

Hide file tree

Showing 18 changed files with 30 additions and 22 deletions.
diff --git a/vue/api-examples/src/components/AgoraVideoPlayer/index.vue b/vue/api-examples/src/components/AgoraVideoPlayer/index.vue
@@ -2,7 +2,7 @@
   <div :style="style">
     <div v-if="text" :style="{ marginTop: '10px', marginBottom: '10px' }">{{ text }}</div>
     <div ref="videoRef" :style="{ width, height }" />
-</div>
+  </div>
 </template>
 
 
@@ -30,6 +30,10 @@ const props = defineProps({
     type: Object,
     default: {}
   },
+  isLocal: {
+    type: Boolean,
+    default: false
+  },
   text: {
     type: [String, Number],
     default: ''
@@ -48,12 +52,14 @@ const props = defineProps({
   },
 })
 
-const { videoTrack, audioTrack, config } = props
+const { videoTrack, audioTrack, config, isLocal } = props
 
 
 onMounted(() => {
   videoTrack?.play(videoRef.value, config)
-  audioTrack?.play()
+  if (!isLocal) {
+    audioTrack?.play()
+  }
 })
 
 watch(() => props.videoTrack, track => {
@@ -64,7 +70,9 @@ watch(() => props.videoTrack, track => {
 
 
 watch(() => props.audioTrack, (track) => {
-  track?.play()
+  if (!isLocal) {
+    track?.play()
+  }
 })
 
 

diff --git a/vue/api-examples/src/pages/advanced/adjustVideoProfile/index.vue b/vue/api-examples/src/pages/advanced/adjustVideoProfile/index.vue
@@ -9,7 +9,7 @@
     </div>
     <div v-if="joined" class="mt-10">
       <div class="text">Local User</div>
-      <AgoraVideoPlayer :audioTrack="audioTrack" :videoTrack="videoTrack"></AgoraVideoPlayer>
+      <AgoraVideoPlayer :isLocal="true" :audioTrack="audioTrack" :videoTrack="videoTrack"></AgoraVideoPlayer>
     </div>
     <div v-if="Object.keys(remoteUsers).length">
       <div class="text">Remote Users</div>

diff --git a/vue/api-examples/src/pages/advanced/audioMixingAndAudioEffect/index.vue b/vue/api-examples/src/pages/advanced/audioMixingAndAudioEffect/index.vue
@@ -24,7 +24,7 @@
     </div>
     <div v-if="joined" class="mt-10">
       <div class="text">Local User</div>
-      <AgoraVideoPlayer :audioTrack="audioTrack" :videoTrack="videoTrack"></AgoraVideoPlayer>
+      <AgoraVideoPlayer :isLocal="true" :audioTrack="audioTrack" :videoTrack="videoTrack"></AgoraVideoPlayer>
     </div>
     <div v-if="Object.keys(remoteUsers).length">
       <div class="text">Remote Users</div>

diff --git a/vue/api-examples/src/pages/advanced/basicMute/index.vue b/vue/api-examples/src/pages/advanced/basicMute/index.vue
@@ -11,7 +11,7 @@
     </div>
     <div v-if="joined" class="mt-10">
       <div class="text">Local User</div>
-      <AgoraVideoPlayer :audioTrack="audioTrack" :videoTrack="videoTrack"></AgoraVideoPlayer>
+      <AgoraVideoPlayer :isLocal="true" :audioTrack="audioTrack" :videoTrack="videoTrack"></AgoraVideoPlayer>
     </div>
     <div v-if="Object.keys(remoteUsers).length">
       <div class="text">Remote Users</div>

diff --git a/vue/api-examples/src/pages/advanced/basicMuteMediaStreamTrackEnabled/index.vue b/vue/api-examples/src/pages/advanced/basicMuteMediaStreamTrackEnabled/index.vue
@@ -11,7 +11,7 @@
     </div>
     <div v-if="joined" class="mt-10">
       <div class="text">Local User</div>
-      <AgoraVideoPlayer :audioTrack="audioTrack" :videoTrack="videoTrack"></AgoraVideoPlayer>
+      <AgoraVideoPlayer :isLocal="true" :audioTrack="audioTrack" :videoTrack="videoTrack"></AgoraVideoPlayer>
     </div>
     <div v-if="Object.keys(remoteUsers).length">
       <div class="text">Remote Users</div>

diff --git a/vue/api-examples/src/pages/advanced/basicMuteSetEnabled/index.vue b/vue/api-examples/src/pages/advanced/basicMuteSetEnabled/index.vue
@@ -11,7 +11,7 @@
     </div>
     <div v-if="joined" class="mt-10">
       <div class="text">Local User</div>
-      <AgoraVideoPlayer :audioTrack="audioTrack" :videoTrack="videoTrack"></AgoraVideoPlayer>
+      <AgoraVideoPlayer :isLocal="true" :audioTrack="audioTrack" :videoTrack="videoTrack"></AgoraVideoPlayer>
     </div>
     <div v-if="Object.keys(remoteUsers).length">
       <div class="text">Remote Users</div>

diff --git a/vue/api-examples/src/pages/advanced/displayCallStats/index.vue b/vue/api-examples/src/pages/advanced/displayCallStats/index.vue
@@ -12,7 +12,7 @@
     </div>
     <div v-if="joined" class="mt-10">
       <div class="text">Local User</div>
-      <AgoraVideoPlayer :audioTrack="audioTrack" :videoTrack="videoTrack"></AgoraVideoPlayer>
+      <AgoraVideoPlayer :isLocal="true" :audioTrack="audioTrack" :videoTrack="videoTrack"></AgoraVideoPlayer>
     </div>
     <div v-if="Object.keys(remoteUsers).length">
       <div class="text">Remote Users</div>

diff --git a/vue/api-examples/src/pages/advanced/dualStream/index.vue b/vue/api-examples/src/pages/advanced/dualStream/index.vue
@@ -8,7 +8,7 @@
     <div v-if="joined" class="mt-10">
       <div class="text">Click Remote User Video Player Change Stream Type</div>
       <div class="text">Local User</div>
-      <AgoraVideoPlayer :audioTrack="audioTrack" :videoTrack="videoTrack"></AgoraVideoPlayer>
+      <AgoraVideoPlayer :isLocal="true" :audioTrack="audioTrack" :videoTrack="videoTrack"></AgoraVideoPlayer>
     </div>
     <div v-if="Object.keys(remoteUsers).length">
       <div class="text">Remote Users</div>

diff --git a/vue/api-examples/src/pages/advanced/pushStreamToCDN/index.vue b/vue/api-examples/src/pages/advanced/pushStreamToCDN/index.vue
@@ -18,7 +18,7 @@
     </div>
     <div v-if="joined" class="mt-10">
       <div class="text">Local User</div>
-      <AgoraVideoPlayer :audioTrack="audioTrack" :videoTrack="videoTrack"></AgoraVideoPlayer>
+      <AgoraVideoPlayer :isLocal="true" :audioTrack="audioTrack" :videoTrack="videoTrack"></AgoraVideoPlayer>
     </div>
     <div v-if="Object.keys(remoteUsers).length">
       <div class="text">Remote Users</div>

diff --git a/vue/api-examples/src/pages/advanced/recordingDeviceControl/index.vue b/vue/api-examples/src/pages/advanced/recordingDeviceControl/index.vue
@@ -10,7 +10,7 @@
     <NetworkTestDialog ref="networkTestRef" :options="finOptions"></NetworkTestDialog>
     <div v-if="joined" class="mt-10">
       <div class="text">Local User</div>
-      <AgoraVideoPlayer :audioTrack="audioTrack" :videoTrack="videoTrack"></AgoraVideoPlayer>
+      <AgoraVideoPlayer :isLocal="true" :audioTrack="audioTrack" :videoTrack="videoTrack"></AgoraVideoPlayer>
     </div>
     <div v-if="Object.keys(remoteUsers).length">
       <div class="text">Remote Users</div>

diff --git a/vue/api-examples/src/pages/basic/basicLive/index.vue b/vue/api-examples/src/pages/basic/basicLive/index.vue
@@ -18,7 +18,7 @@
     </div>
     <div v-if="joined" class="mt-10">
       <div class="text">Local User</div>
-      <AgoraVideoPlayer :audioTrack="audioTrack" :videoTrack="videoTrack"></AgoraVideoPlayer>
+      <AgoraVideoPlayer :isLocal="true" :audioTrack="audioTrack" :videoTrack="videoTrack"></AgoraVideoPlayer>
     </div>
     <div v-if="Object.keys(remoteUsers).length">
       <div class="text">Remote Users</div>

diff --git a/vue/api-examples/src/pages/basic/basicVideoCall/index.vue b/vue/api-examples/src/pages/basic/basicVideoCall/index.vue
@@ -10,15 +10,15 @@
     </div>
     <div v-if="joined" class="mt-10">
       <div class="text">Local User</div>
-      <AgoraVideoPlayer :audioTrack="audioTrack" :videoTrack="videoTrack"></AgoraVideoPlayer>
+      <AgoraVideoPlayer :audioTrack="audioTrack" :videoTrack="videoTrack" :isLocal="true"></AgoraVideoPlayer>
     </div>
     <div v-if="Object.keys(remoteUsers).length">
       <div class="text">Remote Users</div>
       <AgoraVideoPlayer v-for="item in remoteUsers" :key="item.uid" :videoTrack="item.videoTrack"
         :audioTrack="item.audioTrack" :text="item.uid">
       </AgoraVideoPlayer>
     </div>
-</div>
+  </div>
 </template>
 
 <script setup>

diff --git a/vue/api-examples/src/pages/basic/basicVoiceCall/index.vue b/vue/api-examples/src/pages/basic/basicVoiceCall/index.vue
@@ -7,7 +7,7 @@
     </div>
     <div v-if="joined" class="mt-10">
       <div class="text">Local User</div>
-      <AgoraVideoPlayer :audioTrack="audioTrack"></AgoraVideoPlayer>
+      <AgoraVideoPlayer :isLocal="true" :audioTrack="audioTrack"></AgoraVideoPlayer>
     </div>
     <div v-if="Object.keys(remoteUsers).length">
       <div class="text">Remote Users</div>

diff --git a/vue/api-examples/src/pages/basic/cloudProxy/index.vue b/vue/api-examples/src/pages/basic/cloudProxy/index.vue
@@ -8,7 +8,7 @@
     </div>
     <div v-if="joined" class="mt-10">
       <div class="text">Local User</div>
-      <AgoraVideoPlayer :audioTrack="audioTrack" :videoTrack="videoTrack"></AgoraVideoPlayer>
+      <AgoraVideoPlayer :isLocal="true" :audioTrack="audioTrack" :videoTrack="videoTrack"></AgoraVideoPlayer>
     </div>
     <div v-if="Object.keys(remoteUsers).length">
       <div class="text">Remote Users</div>

diff --git a/vue/api-examples/src/pages/basic/screenshot/index.vue b/vue/api-examples/src/pages/basic/screenshot/index.vue
@@ -9,7 +9,7 @@
     </div>
     <div v-if="joined" class="mt-10">
       <div class="text">Local User</div>
-      <AgoraVideoPlayer :videoTrack="videoTrack" :audioTrack="audioTrack"></AgoraVideoPlayer>
+      <AgoraVideoPlayer :isLocal="true" :videoTrack="videoTrack" :audioTrack="audioTrack"></AgoraVideoPlayer>
     </div>
     <div v-if="Object.keys(remoteUsers).length">
       <div class="text">Remote Users</div>

diff --git a/vue/api-examples/src/pages/basic/selfCapturing/index.vue b/vue/api-examples/src/pages/basic/selfCapturing/index.vue
@@ -11,7 +11,7 @@
     </div>
     <div v-if="joined" class="mt-10">
       <div class="text">Local User</div>
-      <AgoraVideoPlayer  :videoTrack="customVideoTrack"></AgoraVideoPlayer>
+      <AgoraVideoPlayer :isLocal="true"  :videoTrack="customVideoTrack"></AgoraVideoPlayer>
     </div>
     <div v-if="Object.keys(remoteUsers).length">
       <div class="text">Remote Users</div>

diff --git a/vue/api-examples/src/pages/basic/selfRendering/index.vue b/vue/api-examples/src/pages/basic/selfRendering/index.vue
@@ -9,7 +9,7 @@
     </div>
     <div v-if="joined" class="mt-10">
       <div class="text">Local User</div>
-      <AgoraVideoPlayer :audioTrack="audioTrack" :videoTrack="videoTrack"></AgoraVideoPlayer>
+      <AgoraVideoPlayer :isLocal="true" :audioTrack="audioTrack" :videoTrack="videoTrack"></AgoraVideoPlayer>
       <div :style="{ marginTop: '10px', display: 'inline-block', border: '2px dashed red' }">
         <video ref="mirrorPlayerRef" playsInline="" muted="" :style="{
           width: '480p',

diff --git a/vue/api-examples/src/pages/basic/shareTheScreen/index.vue b/vue/api-examples/src/pages/basic/shareTheScreen/index.vue
@@ -7,7 +7,7 @@
     </div>
     <div v-if="joined" class="mt-10">
       <div class="text">Local User</div>
-      <AgoraVideoPlayer :audioTrack="screenAudioTrack || audioTrack" :videoTrack="screenVideoTrack"></AgoraVideoPlayer>
+      <AgoraVideoPlayer :isLocal="true" :audioTrack="screenAudioTrack || audioTrack" :videoTrack="screenVideoTrack"></AgoraVideoPlayer>
     </div>
     <div v-if="Object.keys(remoteUsers).length">
       <div class="text">Remote Users</div>