添加监听视频卡顿的插件

packages/artplayer/src/index.js

@@ -125,6 +125,7 @@ class Artplayer extends Emitter {
             miniProgressBar: false,
             localPreview: false,
             autoPip: false,
+            networkMonitor: false,
             layers: [],
             contextmenu: [],
             quality: [],

packages/artplayer/src/player/loadedMix.js

@@ -3,4 +3,8 @@ export default function seekMix(art, player) {
     Object.defineProperty(player, 'loaded', {
         get: () => ($video.buffered.length ? $video.buffered.end($video.buffered.length - 1) / $video.duration : 0),
     });
+
+    Object.defineProperty(player, 'loadedTime', {
+        get: () => ($video.buffered.length ? $video.buffered.end($video.buffered.length - 1) : 0),
+    });
 }

packages/artplayer/src/plugins/autoPip.js

@@ -11,4 +11,8 @@ export default function autoPip(art) {
         }
     }, 300);
     events.proxy(window, 'scroll', scrollDebounce);
+
+    return {
+        name: 'autoPip',
+    }
 }

packages/artplayer/src/plugins/index.js

@@ -2,6 +2,7 @@ import { errorHandle, hasOwnProperty } from '../utils';
 import subtitleOffset from './subtitleOffset';
 import localPreview from './localPreview';
 import miniProgressBar from './miniProgressBar';
+import networkMonitor from './networkMonitor';
 import autoPip from './autoPip';
 
 export default class Plugins {
@@ -23,6 +24,10 @@ export default class Plugins {
             this.add(localPreview);
         }
 
+        if (option.networkMonitor) {
+            this.add(networkMonitor);
+        }
+
         if (option.autoPip) {
             this.add(autoPip);
         }

packages/artplayer/src/plugins/networkMonitor.js

@@ -0,0 +1,43 @@
+export default function networkMonitor(art) {
+    let waitTime = 0;
+    let playTime = 0;
+    let lastTime = 0;
+    let timer = null;
+
+    function resetTime() {
+        waitTime = 0;
+        playTime = 0;
+        lastTime = 0;
+        cancelAnimationFrame(timer);
+        timer = null;
+    }
+
+    function calculatingTime() {
+        if (timer) return;
+        (function loop() {
+            if (art.isDestroy) return;
+            timer = requestAnimationFrame(() => {
+                const nowTime = Date.now();
+                if (lastTime) {
+                    const diffTime = nowTime - lastTime;
+                    playTime += diffTime;
+                    if (!art.player.playing) {
+                        waitTime += diffTime;
+                    }
+                }
+                lastTime = nowTime;
+                art.emit('networkMonitor', waitTime / playTime);
+                loop();
+            });
+        })();
+    }
+
+    art.on('play', calculatingTime);
+    art.on('pause', resetTime);
+
+    return {
+        name: 'networkMonitor',
+        reset: resetTime,
+        calculating: calculatingTime,
+    };
+}

packages/artplayer/src/scheme/index.js

@@ -34,6 +34,7 @@ export default {
     miniProgressBar: 'boolean',
     localPreview: 'boolean',
     autoPip: 'boolean',
+    networkMonitor: 'boolean',
     plugins: ['function'],
     whitelist: ['string|function|regexp'],
     layers: [