feat: migrate from artplayer-plugin-hls-quality to artplayer-plugin-hls-control, update configurations and documentation

docs/assets/example/hls.control.js

@@ -0,0 +1,53 @@
+// npm i hls.js
+// npm i artplayer-plugin-hls-control
+
+// import Hls from 'hls.js';
+// import artplayerPluginHlsControl from 'artplayer-plugin-hls-control';
+
+var art = new Artplayer({
+    container: '.artplayer-app',
+    url: 'https://test-streams.mux.dev/x36xhzz/x36xhzz.m3u8',
+    setting: true,
+    plugins: [
+        artplayerPluginHlsControl({
+            quality: {
+                // Show qualitys in control
+                control: true,
+                // Show qualitys in setting
+                setting: true,
+                // Get the quality name from level
+                getName: (level) => level.height + 'P',
+                // I18n
+                title: 'Quality',
+                auto: 'Auto',
+            },
+            audio: {
+                // Show audios in control
+                control: true,
+                // Show audios in setting
+                setting: true,
+                // Get the audio name from track
+                getName: (track) => track.name,
+                // I18n
+                title: 'Audio',
+                auto: 'Auto',
+            }
+        }),
+    ],
+    customType: {
+        m3u8: function playM3u8(video, url, art) {
+            if (Hls.isSupported()) {
+				if (art.hls) art.hls.destroy();
+				const hls = new Hls();
+				hls.loadSource(url);
+				hls.attachMedia(video);
+				art.hls = hls;
+				art.on('destroy', () => hls.destroy());
+            } else if (video.canPlayType('application/vnd.apple.mpegurl')) {
+                video.src = url;
+            } else {
+                art.notice.show = 'Unsupported playback format: m3u8';
+            }
+        }
+    },
+});

docs/assets/example/hls.quality.js

@@ -1,43 +0,0 @@
-// npm i hls.js
-// npm i artplayer-plugin-hls-quality
-
-// import Hls from 'hls.js';
-// import artplayerPluginHlsQuality from 'artplayer-plugin-hls-quality';
-
-var art = new Artplayer({
-    container: '.artplayer-app',
-    url: 'https://test-streams.mux.dev/x36xhzz/x36xhzz.m3u8',
-    setting: true,
-    plugins: [
-        artplayerPluginHlsQuality({
-            // Show quality in control
-            control: true,
-
-            // Show quality in setting
-            setting: true,
-
-            // Get the resolution text from level
-			getResolution: (level) => level.height + 'P',
-
-            // I18n
-            title: 'Quality',
-            auto: 'Auto',
-        }),
-    ],
-    customType: {
-        m3u8: function playM3u8(video, url, art) {
-            if (Hls.isSupported()) {
-				if (art.hls) art.hls.destroy();
-				const hls = new Hls();
-				hls.loadSource(url);
-				hls.attachMedia(video);
-				art.hls = hls;
-				art.on('destroy', () => hls.destroy());
-            } else if (video.canPlayType('application/vnd.apple.mpegurl')) {
-                video.src = url;
-            } else {
-                art.notice.show = 'Unsupported playback format: m3u8';
-            }
-        }
-    },
-});

docs/index.html

@@ -65,7 +65,7 @@
                         </li>
                         <li>
                             <a
-                                href="/?libs=https://cdnjs.cloudflare.com/ajax/libs/hls.js/8.0.0-beta.3/hls.min.js%0A./uncompiled/artplayer-plugin-hls-quality/index.js&example=hls.quality">artplayer-plugin-hls-quality</a>
+                                href="/?libs=https://cdnjs.cloudflare.com/ajax/libs/hls.js/8.0.0-beta.3/hls.min.js%0A./uncompiled/artplayer-plugin-hls-control/index.js&example=hls.control">artplayer-plugin-hls-control</a>
                         </li>
                         <li>
                             <a