直播发送命令

src/components/LiveItem.vue

@@ -174,15 +174,12 @@ export default defineComponent({
         const lan: any = useI18n();
         function navto(){
             let url = '';
-            switch (props.type) {
+            switch (props.status) {
                 case 1:
-                    url = '/regime/livedetail';
+                    url = '/regime/liveing';
                     break;
-                case 2:
+                default:
                     url = '/regime/livedetail';
-                    break;
-                case 3:
-                    url = '/regeime/liveing';
             }
             console.log(props.zid);
             if(props.zid != undefined){

src/components/LiveingWatcher.vue

@@ -5,56 +5,20 @@
     
     </div>
     <div class="info">
-      <div class="item">
+      <div class="item" v-for="(item,index) in list" :key="index">
         <div style="display:flex">
           <div class="stuinfo">
-            <div>andy</div>
+            <div>{{item.name}}</div>
           </div>
         </div>
 
         <div class="icons">
-            <img src="@/static/images/camera.png" @click="sendmasg" alt="" class="icon">
+            <img src="@/static/images/camera.png" @click="cameta(item.memberid)" alt="" class="icon">
-            <img src="@/static/images/vol.png" alt="" class="icon">
+            <img src="@/static/images/vol.png" alt="" class="icon" @click="vol(item.memberid)">
         </div>
       </div>
 
-       <div class="item">
-        <div style="display:flex">
-          <div class="stuinfo">
-            <div>andy</div>
-          </div>
-        </div>
      
-        <div class="icons">
-            <img src="@/static/images/camera.png" alt="" class="icon">
-            <img src="@/static/images/vol.png" alt="" class="icon">
-        </div>
-      </div>
-
-       <div class="item">
-        <div style="display:flex">
-          <div class="stuinfo">
-            <div>andy</div>
-          </div>
-        </div>
-         <div class="icons">
-            <img src="@/static/images/camera.png" alt="" class="icon">
-            <img src="@/static/images/vol.png" alt="" class="icon">
-        </div>
-      </div>
-
-       <div class="item">
-        <div style="display:flex">
-          <div class="stuinfo">
-            <div>andy</div>
-          </div>
-        </div>
-
-         <div class="icons">
-            <img src="@/static/images/camera.png" alt="" class="icon">
-            <img src="@/static/images/vol.png" alt="" class="icon">
-        </div>
-      </div>
     </div>
   </div>
 </template>
@@ -148,12 +112,21 @@
 import { defineComponent } from "vue";
 
 export default defineComponent({
+  props:{
+    list:{
+      type: Array
+    }
+  },
   setup(prop,context){
-    function sendmasg(){
+    function cameta(id: number){
-      context.emit("sentext")
+      context.emit("cameta", id)
+    }
+    function vol(id: number){
+      context.emit("vol", id)
     }
     return {
-      sendmasg
+      cameta,
+      vol
     }
   }
 });

src/views/regime/Liveing.vue

@@ -9,7 +9,7 @@
         </div>
         </div>
         <div class="info">
-            <LiveingWatcher @sentext="sendtext"></LiveingWatcher>
+            <LiveingWatcher :list="roominfo.studentlist" @cameta="sendtext" @vol="senvol"></LiveingWatcher>
             <div class="LivePlaying">
                 <LivePlaying></LivePlaying>
                 <div class="comment">
@@ -325,7 +325,7 @@ export default defineComponent({
             
             client = TRTC.createClient({
                 mode: 'rtc',
-                sdkAppId: '1400400340',
+                sdkAppId: '1400435767',
                 userId: store.state.userinfo.memberid,
                 userSig: userSig
             });
@@ -470,20 +470,42 @@ export default defineComponent({
             });
         }
 
-        function sendtext(){
+        function sendtext(id: number){
-            const message = tim.createTextMessage({
+            const m = tim.createTextMessage({
                 to: roominfo.value.roomid,
                 conversationType: TIM.TYPES.CONV_GROUP,
                 payload: {
-                    text: 'Hello world!'
+                    text: `beelinkMuteUserId:${id},isClose:0`
                 }
             });
-            const promise = tim.sendMessage(message);
+            const promise = tim.sendMessage(m);
             promise.then(function(imResponse: any) {
                 // 发送成功
                 console.log(imResponse);
+                message.success("发送命令成功")
             }).catch(function(imError: any) {
                 // 发送失败
+                message.error("发送命令失败")
+                console.warn('sendMessage error:', imError);
+            });
+        }
+        function sendvol(id: number){
+            const m = tim.createTextMessage({
+                to: roominfo.value.roomid,
+                conversationType: TIM.TYPES.CONV_GROUP,
+                payload: {
+                    text: `beelinkTurnOffTheCameraUserId:${id},isClose:1
+0`
+                }
+            });
+            const promise = tim.sendMessage(m);
+            promise.then(function(imResponse: any) {
+                // 发送成功
+                console.log(imResponse);
+                message.success("发送命令成功")
+            }).catch(function(imError: any) {
+                // 发送失败
+                message.error("发送命令失败")
                 console.warn('sendMessage error:', imError);
             });
         }