Browse Source

更新打包

lex 11 months ago
parent
commit
14a40eb41f
1 changed files with 20 additions and 7 deletions
  1. 20 7
      src/views/attend-class/component/audio-pay.tsx

+ 20 - 7
src/views/attend-class/component/audio-pay.tsx

@@ -40,7 +40,7 @@ export default defineComponent({
   setup(props, { emit, expose }) {
     const audioForms = reactive({
       paused: true,
-      speedInKbps: '0 KB/s',
+      speedInKbps: '',
       currentTimeNum: 0,
       currentTime: '00:00',
       durationNum: 0,
@@ -204,12 +204,16 @@ export default defineComponent({
           const bytesDiff = currentBytesLoaded - previousBytesLoaded; // 字节差值
           const speed = bytesDiff / timeDiff; // 字节每秒
 
-          const kbps = speed / 1024;
-          const speedInKbps = kbps.toFixed(2); // 转换为千字节每秒并保留两位小数
-          if (kbps > 1024) {
-            audioForms.speedInKbps = `${Number((kbps / 1024).toFixed(2))} M/s`;
-          } else {
-            audioForms.speedInKbps = `${Number(speedInKbps)} KB/s`;
+          if (!element.paused) {
+            const kbps = speed / 1024;
+            const speedInKbps = kbps.toFixed(2); // 转换为千字节每秒并保留两位小数
+            if (kbps > 1024) {
+              audioForms.speedInKbps = `${Number(
+                (kbps / 1024).toFixed(2)
+              )} M/s`;
+            } else {
+              audioForms.speedInKbps = `${Number(speedInKbps)} KB/s`;
+            }
           }
 
           previousBytesLoaded = currentBytesLoaded;
@@ -229,6 +233,15 @@ export default defineComponent({
 
         buffterCatch();
       });
+
+      element.addEventListener('pause', () => {
+        clearTimeout(timer);
+        // 如果有缓存检测计时器,则清除它
+        if (bufferTimeout) {
+          clearTimeout(bufferTimeout);
+        }
+        audioForms.speedInKbps = '';
+      });
     };
 
     onMounted(() => {