修复字幕插件

packages/artplayer/src/subtitle.js

@@ -12,17 +12,7 @@ export default class Subtitle extends Component {
         } = art;
 
         setStyles($subtitle, subtitle.style);
-
-        proxy(this.textTrack, 'cuechange', () => {
-            $subtitle.innerHTML = '';
-            if (this.activeCue) {
-                $subtitle.innerHTML = this.activeCue.text
-                    .split(/\r?\n/)
-                    .map(item => `<p>${item}</p>`)
-                    .join('');
-                art.emit('subtitle:update', this.activeCue.text);
-            }
-        });
+        proxy(this.textTrack, 'cuechange', this.update.bind(this));
 
         if (subtitle.url) {
             this.init(subtitle.url);
@@ -41,6 +31,18 @@ export default class Subtitle extends Component {
         return this.textTrack.activeCues[0];
     }
 
+    update() {
+        const { $subtitle } = this.art.template;
+        $subtitle.innerHTML = '';
+        if (this.activeCue) {
+            $subtitle.innerHTML = this.activeCue.text
+                .split(/\r?\n/)
+                .map(item => `<p>${item}</p>`)
+                .join('');
+            this.art.emit('subtitle:update', this.activeCue.text);
+        }
+    }
+
     switch(url, name = 'unknown') {
         const { i18n, notice } = this.art;
         return this.init(url).then(subUrl => {