update isMobile

packages/artplayer/src/control/volume.js

@@ -16,10 +16,6 @@ export default function volume(option) {
             const $loaded = append($handle, `<div class="art-volume-loaded"></div>`);
             const $indicator = append($slider, `<div class="art-volume-indicator"></div>`);
 
-            if (isMobile) {
-                setStyle($panel, 'display', 'none');
-            }
-
             function getVolumeFromEvent(event) {
                 const { top, height } = $slider.getBoundingClientRect();
                 return 1 - (event.pageY - top) / height;
@@ -53,24 +49,29 @@ export default function volume(option) {
                 art.muted = false;
             });
 
-            let isDroging = false;
-            proxy($slider, 'mousedown', (event) => {
-                isDroging = true;
-                art.volume = getVolumeFromEvent(event);
-            });
+            if (isMobile) {
+                setStyle($panel, 'display', 'none');
+            } else {
+                let isDroging = false;
 
-            proxy(document, 'mousemove', (event) => {
-                if (isDroging) {
-                    art.muted = false;
+                proxy($slider, 'mousedown', (event) => {
+                    isDroging = true;
                     art.volume = getVolumeFromEvent(event);
-                }
-            });
+                });
 
-            proxy(document, 'mouseup', () => {
-                if (isDroging) {
-                    isDroging = false;
-                }
-            });
+                proxy(document, 'mousemove', (event) => {
+                    if (isDroging) {
+                        art.muted = false;
+                        art.volume = getVolumeFromEvent(event);
+                    }
+                });
+
+                proxy(document, 'mouseup', () => {
+                    if (isDroging) {
+                        isDroging = false;
+                    }
+                });
+            }
         },
     });
 }