Aspect ratio (#534)

* update

* update

* Create video2.mp4

* add art.quality

* fix art.theme

packages/artplayer/types/option.d.ts

@@ -3,6 +3,7 @@ import { Setting } from './setting';
 import { Icons } from './icons';
 import { I18n } from './i18n';
 import { CssVar } from './cssVar';
+import { quality } from './quality';
 import { ComponentOption } from './component';
 import Artplayer = require('./artplayer');
 
@@ -207,22 +208,7 @@ export type Option = {
     /**
      * Custom video quality list
      */
-    quality?: {
-        /**
-         * Whether the default is selected
-         */
-        default?: boolean;
-
-        /**
-         * Html string of quality
-         */
-        html: string | HTMLElement;
-
-        /**
-         * Video quality url
-         */
-        url: string;
-    }[];
+    quality?: quality[];
 
     /**
      * Custom highlight list

packages/artplayer/types/player.d.ts

@@ -1,5 +1,6 @@
 import { CssVar } from './cssVar';
 import { CustomType } from './option';
+import { quality } from './quality';
 
 export type AspectRatio = 'default' | '4:3' | '16:9' | (`${number}:${number}` & Record<never, never>);
 export type PlaybackRate = 0.5 | 0.75 | 1.0 | 1.25 | 1.5 | 1.75 | 2.0 | (number & Record<never, never>);
@@ -63,6 +64,7 @@ export declare class Player {
     get subtitleOffset(): number;
     set subtitleOffset(time: number);
     set switch(url: string);
+    set quality(quality: quality[]);
     pause(): void;
     play(): Promise<void>;
     toggle(): void;

packages/artplayer/types/quality.d.ts

@@ -0,0 +1,16 @@
+export type quality = {
+    /**
+     * Whether the default is selected
+     */
+    default?: boolean;
+
+    /**
+     * Html string of quality
+     */
+    html: string | HTMLElement;
+
+    /**
+     * Video quality url
+     */
+    url: string;
+};