重新

dist/index.html

@@ -34,11 +34,11 @@
   <meta name="msapplication-tap-highlight" content="no">
   <title>酷乐秀</title>
   <script src="./flexible.js" charset="UTF-8"></script>
-  <script type="module" crossorigin src="./assets/index.8304910b.js"></script>
+  <script type="module" crossorigin src="./assets/index.56bc2906.js"></script>
   <link rel="modulepreload" href="./assets/vendor.415f94b5.js">
   <link rel="modulepreload" href="./assets/index.a937259d.js">
-  <link rel="stylesheet" href="./assets/vendor.177057eb.css">
   <link rel="stylesheet" href="./assets/index.f875b693.css">
+  <link rel="stylesheet" href="./assets/vendor.177057eb.css">
   <link rel="stylesheet" href="./assets/teacher.c2cf0659.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>
 </head>
@@ -49,7 +49,7 @@
   <!-- <script type="module" src="/src/teacher/main.ts"></script> -->
   <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.9ce40a8c.js"></script>
-  <script nomodule id="vite-legacy-entry" data-src="./assets/index-legacy.3bb5cb66.js">System.import(document.getElementById('vite-legacy-entry').getAttribute('data-src'))</script>
+  <script nomodule id="vite-legacy-entry" data-src="./assets/index-legacy.6f8d63a1.js">System.import(document.getElementById('vite-legacy-entry').getAttribute('data-src'))</script>
 </body>
 
 </html>

dist/teacher.html

@@ -34,11 +34,11 @@
   <meta name="msapplication-tap-highlight" content="no">
   <title>酷乐秀</title>
   <script src="./flexible.js" charset="UTF-8"></script>
-  <script type="module" crossorigin src="./assets/teacher.4830d8cc.js"></script>
+  <script type="module" crossorigin src="./assets/teacher.7a9368f6.js"></script>
   <link rel="modulepreload" href="./assets/vendor.415f94b5.js">
   <link rel="modulepreload" href="./assets/index.a937259d.js">
-  <link rel="stylesheet" href="./assets/index.f875b693.css">
   <link rel="stylesheet" href="./assets/vendor.177057eb.css">
+  <link rel="stylesheet" href="./assets/index.f875b693.css">
   <link rel="stylesheet" href="./assets/teacher.c2cf0659.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>
 </head>
@@ -48,7 +48,7 @@
   
   <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.9ce40a8c.js"></script>
-  <script nomodule id="vite-legacy-entry" data-src="./assets/teacher-legacy.ffb7eded.js">System.import(document.getElementById('vite-legacy-entry').getAttribute('data-src'))</script>
+  <script nomodule id="vite-legacy-entry" data-src="./assets/teacher-legacy.5b22816d.js">System.import(document.getElementById('vite-legacy-entry').getAttribute('data-src'))</script>
 </body>
 
 </html>

src/components/col-video/index.tsx

@@ -32,6 +32,10 @@ export default defineComponent({
     playsinline: {
       type: Boolean,
       default: true
+    },
+    onPlay: {
+      type: Function,
+      default: () => {}
     }
   },
   data() {
@@ -88,7 +92,9 @@ export default defineComponent({
         console.log('ready')
       })
 
-      // this.player.on('play')
+      this.player.on('play', () => {
+        this.onPlay && this.onPlay()
+      })
     }
   },
   render() {

src/student/teacher-dependent/components/single.tsx

@@ -31,7 +31,8 @@ export default defineComponent({
       teacherId: query.teacherId,
       fansList: [],
       chatItem: {},
-      videoItem: {} as any
+      videoItem: {} as any,
+      isAddBrowse: false
     }
   },
   async mounted() {
@@ -64,6 +65,20 @@ export default defineComponent({
           }
         })
       }
+    },
+    async onPlay() {
+      try {
+        if (!this.isAddBrowse) {
+          return
+        }
+        await request.get('/api-student/teacher/addVideoBrowse', {
+          hideLoading: true,
+          params: {
+            videoId: this.videoItem.id
+          }
+        })
+        this.isAddBrowse = false
+      } catch {}
     }
   },
   render() {
@@ -93,6 +108,7 @@ export default defineComponent({
                     class={styles.itemBg}
                     onClick={() => {
                       this.videoStatus = true
+                      this.isAddBrowse = true
                       this.videoItem = item
                     }}
                   ></div>
@@ -176,10 +192,17 @@ export default defineComponent({
           round
           class={styles.videoGroup}
           closeable
-          onClose={() => (this.videoStatus = false)}
+          onClose={() => {
+            this.videoStatus = false
+            this.isAddBrowse = false
+          }}
         >
           {this.videoStatus && (
-            <ColVideo playsinline src={this.videoItem?.videoUrl} />
+            <ColVideo
+              playsinline
+              onPlay={this.onPlay}
+              src={this.videoItem?.videoUrl}
+            />
           )}
 
           {/* <video