update

packages/artplayer/src/setting/index.js

@@ -3,6 +3,7 @@ import { append, addClass, setStyle, inverseClass } from '../utils/dom';
 import playbackRate from './playbackRate';
 import aspectRatio from './aspectRatio';
 import flip from './flip';
+import subtitleOffset from './subtitleOffset';
 
 function makeRecursion(option) {
     if (!option) return option;
@@ -50,6 +51,10 @@ export default class Setting extends Component {
                 this.option.push(flip(art));
             }
 
+            if (option.subtitleOffset) {
+                this.option.push(subtitleOffset(art));
+            }
+
             this.option = makeRecursion(this.option);
 
             art.once('ready', () => {
@@ -119,6 +124,7 @@ export default class Setting extends Component {
     }
 
     add(callback) {
+        console.log(callback);
         this.option.push(callback(this.art));
         this.option = makeRecursion(this.option);
         this.init(this.option);

packages/artplayer/src/setting/subtitleOffset.js

@@ -0,0 +1,17 @@
+export default function subtitleOffset(art) {
+    const { i18n } = art;
+
+    return {
+        width: 150,
+        html: i18n.get('Subtitle offset time'),
+        items: [-5, -4, -3, -2, -1, 0, 1, 2, 3, 4, 5].map((item) => {
+            return {
+                html: item === 0 ? i18n.get('Normal') : item,
+                current: item === 0,
+                click() {
+                    art.subtitleOffset = item;
+                },
+            };
+        }),
+    };
+}