feat: 优化

src/network/webRtc.ts

@@ -539,16 +539,16 @@ export class WebRTCClass {
     }
     if (!this.peerConnection) {
       this.peerConnection = new RTCPeerConnection({
-        // iceServers: [
-        //   // {
-        //   //   urls: 'stun:stun.l.google.com:19302',
-        //   // },
-        //   {
-        //     urls: 'turn:hsslive.cn:3478',
-        //     username: 'hss',
-        //     credential: '123456',
-        //   },
-        // ],
+        iceServers: [
+          // {
+          //   urls: 'stun:stun.l.google.com:19302',
+          // },
+          {
+            urls: 'turn:hsslive.cn:3478',
+            username: 'hss',
+            credential: '123456',
+          },
+        ],
       });
       // this.dataChannel =
       //   this.peerConnection.createDataChannel('MessageChannel');

src/views/webrtc-push/index.vue

@@ -248,14 +248,14 @@ function handleCoverImg() {
   const canvas = document.createElement('canvas');
   const { width, height } = localVideoRef.value!.getBoundingClientRect();
   const rate = width / height;
-  const coverWidth = width * 1;
+  const coverWidth = width * 0.5;
   const coverHeight = coverWidth / rate;
   canvas.width = coverWidth;
   canvas.height = coverHeight;
   canvas
     .getContext('2d')!
     .drawImage(localVideoRef.value!, 0, 0, coverWidth, coverHeight);
-  // webp比png的体积小非常多！因此coverWidth就可以不压缩大小了
+  // webp比png的体积小非常多！因此coverWidth就可以不用压缩太夸张
   const dataURL = canvas.toDataURL('image/webp');
   return dataURL;
 }