添加滑动设置

docs/assets/example/index.js

@@ -33,7 +33,7 @@ var art = new Artplayer({
     settings: [
         {
             width: 200,
-            html: 'Switch Subtitle',
+            html: 'Subtitle',
             tooltip: 'Bilingual',
             icon: '<img width="22" heigth="22" src="/assets/img/subtitle.svg">',
             selector: [
@@ -69,7 +69,7 @@ var art = new Artplayer({
             },
         },
         {
-            html: 'Custom Switch',
+            html: 'Switcher',
             icon: '<img width="22" heigth="22" src="/assets/img/state.svg">',
             tooltip: 'OFF',
             switch: false,
@@ -79,6 +79,15 @@ var art = new Artplayer({
                 return !item.switch;
             },
         },
+        {
+            html: 'Slider',
+            icon: '<img width="22" heigth="22" src="/assets/img/state.svg">',
+            tooltip: '5x',
+            range: [5, 1, 10, 0.1],
+            onRange: function (item) {
+                return item.range + 'x';
+            },
+        },
     ],
     contextmenu: [
         {

docs/assets/ts/artplayer.d.ts

@@ -115,6 +115,16 @@ type SettingOption = {
      * When switch item click
      */
     onSwitch?(item: SettingOption, element: HTMLElement, event: Event): void;
+
+    /**
+     * Custom range item
+     */
+    range?: number[];
+
+    /**
+     * When range item change
+     */
+    onRange?(item: SettingOption, element: HTMLElement, event: Event): void;
 };
 
 type Component = {