1

src/stores/modules/webrtcStore.js

@@ -23,7 +23,7 @@ export const useWebRTCStore = defineStore("webrtc", {
     localStream: null, // 本地媒体流
     remoteStream: null, // 远端媒体流
 
-    stream: "audio",
+    streamType:  "video", //"audio",
 
     // 视频元素引用
     localVideoElement: null,
@@ -55,27 +55,27 @@ export const useWebRTCStore = defineStore("webrtc", {
   }),
   actions: {
     //
-    bindRemoteAudioOrVideo() {
-      // video  && audio
-      // 如果已经存在 audio 元素，先移除旧的
-      const oldAudio = document.getElementById(`remote-${this.stream}`);
-      if (oldAudio) {
-        oldAudio.remove();
-      }
-
-      // 创建新的 <audio> 元素
-      const audioElement = document.createElement(this.stream);
-      audioElement.id = `remote-${this.stream}`;
-      audioElement.autoplay = true; // 自动播放
-      audioElement.muted = false; // 取消静音
-      audioElement.controls = true; // 显示控制条（可选）
-      audioElement.srcObject = this.remoteStream;
-
-      // 添加到 DOM（可以放在任意位置，比如 body）
-      document.body.appendChild(audioElement);
-
-      console.log("✅ 远程音频已绑定到 <audio> 元素");
-    },
+    // bindRemoteAudio() {
+    //   // video  && audio
+    //   // 如果已经存在 audio 元素，先移除旧的
+    //   const oldAudio = document.getElementById(`remote-audio`);
+    //   if (oldAudio) {
+    //     oldAudio.remove();
+    //   }
+
+    //   // 创建新的 <audio> 元素
+    //   const audioElement = document.createElement("audio");
+    //   audioElement.id = `remote-audio`;
+    //   audioElement.autoplay = true; // 自动播放
+    //   audioElement.muted = false; // 取消静音
+    //   audioElement.controls = true; // 显示控制条（可选）
+    //   audioElement.srcObject = this.remoteStream;
+
+    //   // 添加到 DOM（可以放在任意位置，比如 body）
+    //   document.body.appendChild(audioElement);
+
+    //   console.log("✅ 远程音频已绑定到 <audio> 元素");
+    // },
 
     // 初始化 WebRTC 连接
     initConnection(isCaller) {
@@ -116,7 +116,7 @@ export const useWebRTCStore = defineStore("webrtc", {
             this.remoteStream.addTrack(track);
           });
           // 绑定音频
-          this.bindRemoteAudioOrVideo();
+          // this.bindRemoteAudio();
         };
 
         // 监听 ICE 连接状态（关键修复！）