feat: 优化

src/layout/head/index.vue

@@ -71,18 +71,23 @@
       </div>
       <div
         v-if="![routerName.webrtcPush].includes(router.currentRoute.value.name as string)"
-        class="start ani"
+        class="btn ani"
         @click="goPushPage(routerName.webrtcPush)"
       >
         webrtc开播
       </div>
       <div
         v-if="![routerName.srsWebRtcPush].includes(router.currentRoute.value.name as string)"
-        class="start ani"
+        class="btn ani"
         @click="goPushPage(routerName.srsWebRtcPush)"
       >
         srs-webrtc开播
       </div>
+      <!-- <div
+        v-if="![routerName.srsWebRtcPush].includes(router.currentRoute.value.name as string)"
+        class="btn qqlogin"
+        @click="goPushPage(routerName.srsWebRtcPush)"
+      ></div> -->
     </div>
   </div>
 </template>
@@ -224,7 +229,7 @@ function goPushPage(routerName: string) {
       font-size: 14px;
       cursor: pointer;
     }
-    .start {
+    .btn {
       margin-right: 10px;
       padding: 5px 10px;
       border-radius: 6px;
@@ -235,6 +240,13 @@ function goPushPage(routerName: string) {
       &.ani {
         animation: big-small 1s ease infinite;
       }
+      &.qqlogin {
+        width: 76px;
+        height: 24px;
+        background-color: none;
+
+        @include setBackground('@/assets/img/qq_login.png');
+      }
     }
   }
 }

src/network/webSocket.ts

@@ -42,6 +42,8 @@ export enum WsMsgTypeEnum {
   roomNoLive = 'roomNoLive',
   /** sendBlob */
   sendBlob = 'sendBlob',
+  /** getLiveUser */
+  getLiveUser = 'getLiveUser',
   offer = 'offer',
   answer = 'answer',
   candidate = 'candidate',

src/views/srs-flv-pull/index.vue

@@ -244,6 +244,7 @@ function initReceive() {
     streamurl.value = data.streamurl;
     flvurl.value = data.flvurl;
     useFlvPlay(flvurl.value, localVideoRef.value!);
+    instance.send({ msgType: WsMsgTypeEnum.getLiveUser });
   });
 
   // 其他用户加入房间