分离事件中心

packages/artplayer/src/player/volumeMix.js

@@ -1,19 +1,19 @@
-import { clamp, setStorage } from '../utils';
+import { clamp } from '../utils';
 
 export default function volumeMix(art, player) {
-  const { refs: { $video }, i18n, notice } = art;
+  const { refs: { $video }, i18n, notice, storage } = art;
 
   Object.defineProperty(player, 'volume', {
-    value: percentage => {
+    get: () => $video.volume || 0,
+    set: percentage => {
       if (percentage !== undefined) {
         $video.volume = clamp(percentage, 0, 1);
         notice.show(`${i18n.get('Volume')}: ${parseInt($video.volume * 100)}`);
         if ($video.volume !== 0) {
-          setStorage('volume', $video.volume);
+          storage.set('volume', $video.volume);
         }
         art.emit('volume', $video.volume);
       }
-      return $video.volume || 0;
     }
   });
 }