瀏覽代碼

createRTCSocket

gemercheung 2 年之前
父節點
當前提交
2c2bb3b8f2
共有 3 個文件被更改,包括 22 次插入10 次删除
  1. 7 5
      src/App.vue
  2. 6 0
      src/components/chatRoom/controls/join.ts
  3. 9 5
      src/hooks/useTRTC.ts

+ 7 - 5
src/App.vue

@@ -81,12 +81,13 @@
       mobile: true,
     });
     // SDK初始化
-    app.use('Tag');
 
     app.use('MinMap', { theme: { camera_fillStyle: '#ED5D18' } }).then(() => {
-      refMiniMap.value = '[xui_min_map]';
+      // refMiniMap.value = '[xui_min_map]';
       console.log('小地图SDK');
     });
+    app.use('Tag');
+
     createTourPlayer();
     app
       .use('TagView', {
@@ -136,8 +137,7 @@
         // });
         // }); //dom渲染完成
       });
-    app.render();
-    // SDK初始化结束
+
     // 暂时isTours url frag 做为 1自由观看模式与带看模式0
 
     if (Number(browser.getURLParam('isTour')) === 1) {
@@ -151,7 +151,7 @@
     });
     app.Scene.on('loaded', (pano) => {
       appStore.setFloorId(pano.floorIndex);
-
+      refMiniMap.value = '[xui_min_map]';
       // store.commit("setFloorId", pano.floorIndex);
       // store.commit("rtc/setShowdaogou", true);
 
@@ -251,6 +251,8 @@
           break;
       }
     });
+    app.render();
+    // SDK初始化结束
   });
   // SDK global Event end
 

+ 6 - 0
src/components/chatRoom/controls/join.ts

@@ -78,6 +78,12 @@ export function handleJoin(data: any) {
         type: 'changeScene',
         data: unref(currentScene),
       });
+      console.log('进入,主持人禁音-1');
+      socket.emit('action', {
+        type: 'users-muted',
+        muted: true,
+        userId: user.UserId,
+      });
     }
   }, 1500);
 }

+ 9 - 5
src/hooks/useTRTC.ts

@@ -157,10 +157,10 @@ async function handleJoin() {
   playLocal();
   // }, 1000);
 
-  if (!rtcStore.isLeader) {
-    localStream.muteAudio();
-    console.log('参加者默认-muteAudio');
-  }
+  // if (!rtcStore.isLeader) {
+  localStream.muteAudio();
+  console.log('参加者默认-muteAudio');
+  // }
 
   localStream.on('error', (error) => {
     if (error.getCode() === 0x4043) {
@@ -402,7 +402,8 @@ async function handleStreamSubscribed(event) {
   }
   await nextTick();
   const playRemote = () => {
-    const playId = 'camera_remote_box_' + rtcStore.userId;
+    // const playId = 'camera_remote_box_' + rtcStore.userId;
+    const playId = 'cameraRemoteBox';
     remoteStream
       .play(playId)
       .then(() => {
@@ -437,6 +438,9 @@ async function handleStreamSubscribed(event) {
           closeTxt: t('base.cancel'),
         },
         () => {
+          // rtcStore.remoteStreams.forEach((item) => {
+          //   item.resume();
+          // });
           remoteStream.resume();
         },
       );