add art.quality

packages/artplayer/src/player/index.js

@@ -30,6 +30,7 @@ import typeMix from './typeMix';
 import stateMix from './stateMix';
 import subtitleOffsetMix from './subtitleOffsetMix';
 import airplayMix from './airplayMix';
+import qualityMix from './qualityMix';
 import optionInit from './optionInit';
 import eventInit from './eventInit';
 
@@ -67,6 +68,7 @@ export default class Player {
         stateMix(art);
         subtitleOffsetMix(art);
         airplayMix(art);
+        qualityMix(art);
         eventInit(art);
         optionInit(art);
     }

packages/artplayer/src/player/qualityMix.js

@@ -0,0 +1,24 @@
+import { def } from '../utils';
+
+export default function qualityMix(art) {
+    def(art, 'quality', {
+        set(quality) {
+            const { controls, notice, i18n } = art;
+            const qualityDefault = quality.find((item) => item.default) || quality[0];
+            controls.update({
+                name: 'quality',
+                position: 'right',
+                index: 10,
+                style: {
+                    marginRight: '10px',
+                },
+                html: qualityDefault ? qualityDefault.html : '',
+                selector: quality,
+                async onSelect(item) {
+                    await art.switchQuality(item.url);
+                    notice.show = `${i18n.get('Switch Video')}: ${item.html}`;
+                },
+            });
+        },
+    });
+}