update artplayer-tool-thumbnail

zhw2590582 · Jan 11, 2022 · 0dcf2ac · 0dcf2ac
1 parent 1aa83e1
commit 0dcf2ac
Show file tree

Hide file tree

Showing 4 changed files with 9 additions and 10 deletions.
diff --git a/docs/assets/example/thumbnail.js b/docs/assets/example/thumbnail.js
@@ -11,7 +11,6 @@ var thumbnail = new ArtplayerToolThumbnail({
     fileInput: $artplayer,
     number: 60, // 数量
     width: 160, // 宽度
-    height: 90, // 高度
     column: 10, // 列数
     begin: 0, // 开始
     end: NaN, // 结束

diff --git a/docs/uncompiled/artplayer-tool-thumbnail.js b/docs/uncompiled/artplayer-tool-thumbnail.js
diff --git a/docs/uncompiled/artplayer-tool-thumbnail.js.map b/docs/uncompiled/artplayer-tool-thumbnail.js.map
diff --git a/packages/artplayer-tool-thumbnail/src/index.js b/packages/artplayer-tool-thumbnail/src/index.js
@@ -39,7 +39,7 @@ class ArtplayerToolThumbnail extends Emitter {
 
     setup(option = {}) {
         this.option = Object.assign({}, this.option, option);
-        const { fileInput, number, width, height, column } = this.option;
+        const { fileInput, number, width, column } = this.option;
 
         this.errorHandle(fileInput instanceof Element, "The 'fileInput' is not a Element");
 
@@ -59,13 +59,12 @@ class ArtplayerToolThumbnail extends Emitter {
             this.option.fileInput = newFileInput;
         }
 
-        ['number', 'width', 'height', 'column', 'begin', 'end'].forEach((item) => {
+        ['number', 'width', 'column', 'begin', 'end'].forEach((item) => {
             this.errorHandle(typeof this.option[item] === 'number', `The '${item}' is not a number`);
         });
 
         this.option.number = clamp(number, 10, 1000);
         this.option.width = clamp(width, 10, 1000);
-        this.option.height = clamp(height, 10, 1000);
         this.option.column = clamp(column, 1, 1000);
         return this;
     }
@@ -105,7 +104,9 @@ class ArtplayerToolThumbnail extends Emitter {
 
     start() {
         if (!this.video.duration) return sleep(1000).then(() => this.start());
-        const { width, height, number, begin, end } = this.option;
+        const { width, number, begin, end } = this.option;
+        const height = (this.video.videoHeight / this.video.videoWidth) * width;
+        this.option.height = height;
         this.option.begin = clamp(begin, 0, this.video.duration);
         this.option.end = clamp(end || this.video.duration, begin, this.video.duration);
         this.errorHandle(this.option.end > this.option.begin, `End time must be greater than the start time`);