更新

dist/index.html

@@ -5,7 +5,7 @@
     <link rel="icon" href="./favicon.ico" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>管乐迷</title>
-    <script type="module" crossorigin src="./assets/index.e30f8963.js"></script>
+    <script type="module" crossorigin src="./assets/index.d060d618.js"></script>
     <link rel="modulepreload" href="./assets/vendor.3c30bec5.js">
     <link rel="stylesheet" href="./assets/index.fb6968e4.css">
     <script type="module">!function(){try{new Function("m","return import(m)")}catch(o){console.warn("vite: loading legacy build because dynamic import is unsupported, syntax error above should be ignored");var e=document.getElementById("vite-legacy-polyfill"),n=document.createElement("script");n.src=e.src,n.onload=function(){System.import(document.getElementById('vite-legacy-entry').getAttribute('data-src'))},document.body.appendChild(n)}}();</script>
@@ -15,6 +15,6 @@
     
     <script nomodule>!function(){var e=document,t=e.createElement("script");if(!("noModule"in t)&&"onbeforeload"in t){var n=!1;e.addEventListener("beforeload",(function(e){if(e.target===t)n=!0;else if(!e.target.hasAttribute("nomodule")||!n)return;e.preventDefault()}),!0),t.type="module",t.src=".",e.head.appendChild(t),t.remove()}}();</script>
     <script nomodule id="vite-legacy-polyfill" src="./assets/polyfills-legacy.d7e0e383.js"></script>
-    <script nomodule id="vite-legacy-entry" data-src="./assets/index-legacy.a9fb904c.js">System.import(document.getElementById('vite-legacy-entry').getAttribute('data-src'))</script>
+    <script nomodule id="vite-legacy-entry" data-src="./assets/index-legacy.fda4be6d.js">System.import(document.getElementById('vite-legacy-entry').getAttribute('data-src'))</script>
   </body>
 </html>

src/components/live-broadcast/header.tsx

@@ -1,84 +1,84 @@
-import { defineComponent } from 'vue'
-import { ElButton, ElMessage, ElMessageBox } from 'element-plus'
-import runtime, * as RuntimeUtils from './runtime'
-import { state } from '/src/state'
-import request from '/src/helpers/request'
-import styles from './header.module.less'
-import { removeToken } from '/src/utils/auth'
-
-export default defineComponent({
-  name: 'LiveBroadcastHeader',
-  methods: {
-    async startLive() {
-      try {
-        await ElMessageBox.confirm('开启后学生将看到视频画面', '提示', {
-          confirmButtonText: '确定',
-          cancelButtonText: '取消',
-          type: 'warning',
-        })
-        await RuntimeUtils.startLive()
-        ElMessage.success('开启成功')
-      } catch (error) {
-        console.log(error)
-      }
-    },
-    async closeLive() {
-      try {
-        await ElMessageBox.confirm('关闭后将切断视频，学生不可观看', '提示', {
-          confirmButtonText: '确定',
-          cancelButtonText: '取消',
-          type: 'warning',
-        })
-        // await request.post('/api-im/user/statusImUser', {
-        //   data: {
-        //     os: 'PC',
-        //     status: '3',
-        //     userId: state.user?.speakerId
-        //   }
-        // })
-        await RuntimeUtils.closeLive()
-        ElMessage.success('关闭成功')
-      } catch (error) {
-      }
-    },
-    async closeRoom() {
-      try {
-        await ElMessageBox.confirm('结束后将无法进入直播间', '提示', {
-          confirmButtonText: '确定',
-          cancelButtonText: '取消',
-          type: 'warning',
-        })
-        // 异步获取用户信息
-        const id = state.user?.id
-        await request.get('/api-web/imLiveBroadcastRoom/roomDestroy/' + id, {})
-        RuntimeUtils.closeDevice('camera')
-        RuntimeUtils.closeDevice('microphone')
-        state.user = null
-        removeToken();
-        ElMessage.success('结束');
-        (this as any).$router.push({
-          path: '/login',
-          query: {
-            ...this.$route.query
-          }
-        });
-      } catch (error) {}
-    }
-  },
-  render() {
-    return (
-      <div class={styles.header} >
-        <h3 class={styles.title}>直播内容：{ state.user?.liveRemark }</h3>
-        <div>
-          {runtime.videoStatus === 'liveing' ? (
-            <ElButton type="danger" color="#EA4132" onClick={this.closeLive}>关闭视频</ElButton>
-          ) : (
-            <ElButton type="primary" color="#01A79E" onClick={this.startLive}>开启视频</ElButton>
-          )}
-
-          <ElButton type="primary" color="#EA4132" onClick={this.closeRoom}>结束直播</ElButton>
-        </div>
-      </div>
-    )
-  }
-})
+import { defineComponent } from 'vue'
+import { ElButton, ElMessage, ElMessageBox } from 'element-plus'
+import runtime, * as RuntimeUtils from './runtime'
+import { state } from '/src/state'
+import request from '/src/helpers/request'
+import styles from './header.module.less'
+import { removeToken } from '/src/utils/auth'
+
+export default defineComponent({
+  name: 'LiveBroadcastHeader',
+  methods: {
+    async startLive() {
+      try {
+        await ElMessageBox.confirm('开启后学生将看到视频画面', '提示', {
+          confirmButtonText: '确定',
+          cancelButtonText: '取消',
+          type: 'warning',
+        })
+        await RuntimeUtils.startLive()
+        ElMessage.success('开启成功')
+      } catch (error) {
+        console.log(error)
+      }
+    },
+    async closeLive() {
+      try {
+        await ElMessageBox.confirm('关闭后将切断视频，学生不可观看', '提示', {
+          confirmButtonText: '确定',
+          cancelButtonText: '取消',
+          type: 'warning',
+        })
+        // await request.post('/api-im/user/statusImUser', {
+        //   data: {
+        //     os: 'PC',
+        //     status: '3',
+        //     userId: state.user?.speakerId
+        //   }
+        // })
+        await RuntimeUtils.closeLive()
+        ElMessage.success('关闭成功')
+      } catch (error) {
+      }
+    },
+    async closeRoom() {
+      try {
+        await ElMessageBox.confirm('结束后将无法进入直播间', '提示', {
+          confirmButtonText: '确定',
+          cancelButtonText: '取消',
+          type: 'warning',
+        })
+        // 异步获取用户信息
+        const id = state.user?.id
+        await request.get('/api-web/imLiveBroadcastRoom/roomDestroy/' + id, {})
+        RuntimeUtils.closeDevice('camera')
+        RuntimeUtils.closeDevice('microphone')
+        state.user = null
+        removeToken();
+        ElMessage.success('结束');
+        (this as any).$router.push({
+          path: '/login',
+          query: {
+            ...this.$route.query
+          }
+        });
+      } catch (error) {}
+    }
+  },
+  render() {
+    return (
+      <div class={styles.header} >
+        <h3 class={styles.title}>直播内容：{ state.user?.liveRemark }</h3>
+        <div>
+          {runtime.videoStatus === 'liveing' ? (
+            <ElButton type="danger" color="#01A79E" onClick={this.closeLive}>暂停直播</ElButton>
+          ) : (
+            <ElButton type="primary" color="#01A79E" onClick={this.startLive}>开启直播</ElButton>
+          )}
+
+          <ElButton type="primary" color="#EA4132" onClick={this.closeRoom}>结束直播</ElButton>
+        </div>
+      </div>
+    )
+  }
+})