Refactor Control class to update control option variables and element references

docs/assets/example/dash.control.js

@@ -0,0 +1,50 @@
+// npm i dashjs
+// npm i artplayer-plugin-dash-control
+
+// import dashjs from 'dashjs';
+// import artplayerPluginDashControl from 'artplayer-plugin-dash-control';
+
+var art = new Artplayer({
+    container: '.artplayer-app',
+    url: 'https://dash.akamaized.net/akamai/bbb_30fps/bbb_30fps.mpd',
+    setting: true,
+    plugins: [
+        artplayerPluginDashControl({
+            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: {
+        mpd: function playMpd(video, url, art) {
+            if (dashjs.supportsMediaSource()) {
+                if (art.dash) art.dash.destroy();
+                const dash = dashjs.MediaPlayer().create();
+                dash.initialize(video, url, art.option.autoplay);
+                art.dash = dash; 
+                art.on('destroy', () => dash.destroy());
+            } else {
+                art.notice.show = 'Unsupported playback format: mpd';
+            }
+        }
+    },
+});