From ae36cb183bbc52c026acc0aca2c7792b8eb3baca Mon Sep 17 00:00:00 2001
From: kura <kura@sina.com>
Date: Thu, 7 May 2026 21:21:45 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E5=A4=8D=E8=A7=86=E9=A2=91=E7=A9=BA?=
 =?UTF-8?q?=E6=B5=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/file/utils/peer.ts | 31 ++++++++++++++++++++++---------
 1 file changed, 22 insertions(+), 9 deletions(-)

diff --git a/src/pages/file/utils/peer.ts b/src/pages/file/utils/peer.ts
index 446780d..93abfe0 100644
--- a/src/pages/file/utils/peer.ts
+++ b/src/pages/file/utils/peer.ts
@@ -104,7 +104,7 @@ class Peer extends EventTarget {
           }
 
           call.answer(stream);
-          self.setupMediaConnection(call, type, stream);
+          self.setupMediaConnection(call, type, stream, type !== "desktop");
 
           self.dispatchEvent(
             new CustomEvent(
@@ -199,18 +199,13 @@ class Peer extends EventTarget {
     }
 
     try {
-      // 创建一个静音的音频流作为占位
-      const emptyStream = new MediaStream();
-      // 将音频轨道静音
-      emptyStream.getAudioTracks().forEach((track) => {
-        track.enabled = false;
-      });
+      const offerStream = this.createDesktopOfferStream();
 
-      const call = this.peer.call(sign2peerid(id), emptyStream, {
+      const call = this.peer.call(sign2peerid(id), offerStream, {
         metadata: { type: "desktop" },
       });
 
-      this.setupMediaConnection(call, "desktop", emptyStream);
+      this.setupMediaConnection(call, "desktop", offerStream);
 
       this.dispatchEvent(
         new CustomEvent("desktop-started", {
@@ -227,6 +222,22 @@ class Peer extends EventTarget {
     }
   }
 
+  private createDesktopOfferStream() {
+    const canvas = document.createElement("canvas");
+    canvas.width = 1;
+    canvas.height = 1;
+    const context = canvas.getContext("2d");
+    context?.fillRect(0, 0, 1, 1);
+
+    const stream = canvas.captureStream(1);
+    const [track] = stream.getVideoTracks();
+    if (!track) {
+      throw new Error("无法创建桌面协商视频轨");
+    }
+    track.enabled = false;
+    return stream;
+  }
+
   async requestCall(id: string) {
     if (!this.remoteConnection) {
       notification.error({
@@ -435,6 +446,7 @@ class Peer extends EventTarget {
     call: MediaConnection,
     type: MediaType,
     localStream: MediaStream | null = null,
+    acceptRemoteStream = true,
   ) {
     const peerId = call.peer;
     this.updateMediaConnection(peerId, type, {
@@ -444,6 +456,7 @@ class Peer extends EventTarget {
 
     call.on("stream", (remoteStream: MediaStream) => {
       console.log("stream", remoteStream);
+      if (!acceptRemoteStream) return;
       // 只有当流中包含相应类型的轨道时才保存连接
       const hasVideo = remoteStream.getVideoTracks().length > 0;
       const hasAudio = remoteStream.getAudioTracks().length > 0;