简化事件

packages/artplayer/src/control/fullscreen.js

@@ -18,7 +18,7 @@ export default function fullscreen(option) {
                 player.fullscreenToggle = true;
             });
 
-            art.on('fullscreenChange', value => {
+            art.on('fullscreen', value => {
                 tooltip($control, i18n.get(value ? 'Exit fullscreen' : 'Fullscreen'));
             });
         },

packages/artplayer/src/control/fullscreenWeb.js

@@ -18,7 +18,7 @@ export default function fullscreenWeb(option) {
                 player.fullscreenWebToggle = true;
             });
 
-            art.on('fullscreenWebChange', value => {
+            art.on('fullscreenWeb', value => {
                 tooltip($control, i18n.get(value ? 'Exit web fullscreen' : 'Web fullscreen'));
             });
         },

packages/artplayer/src/control/loop.js

@@ -9,14 +9,14 @@ export default function loop(option) {
             const $left = append($control, `<span class="art-loop-point"></span>`);
             const $right = append($control, `<span class="art-loop-point"></span>`);
 
-            art.on('loopAdd', (value) => {
-                setStyle($control, 'display', 'block');
-                setStyle($left, 'left', `calc(${(value[0] / player.duration) * 100}% - ${$left.clientWidth}px)`);
-                setStyle($right, 'left', `${(value[1] / player.duration) * 100}%`);
-            });
-
-            art.on('loopRemove', () => {
-                setStyle($control, 'display', 'none');
+            art.on('loop', (value) => {
+                if (value) {
+                    setStyle($control, 'display', 'block');
+                    setStyle($left, 'left', `calc(${(value[0] / player.duration) * 100}% - ${$left.clientWidth}px)`);
+                    setStyle($right, 'left', `${(value[1] / player.duration) * 100}%`);
+                } else {
+                    setStyle($control, 'display', 'none');
+                }
             });
         },
     });

packages/artplayer/src/control/pip.js

@@ -18,7 +18,7 @@ export default function pip(option) {
                 player.pipToggle = true;
             });
 
-            art.on('pipChange', (value) => {
+            art.on('pip', (value) => {
                 tooltip($control, i18n.get(value ? 'Exit PIP mode' : 'PIP mode'));
             });
         },

packages/artplayer/src/control/setting.js

@@ -18,7 +18,7 @@ export default function setting(option) {
                 setting.toggle = true;
             });
 
-            art.on('settingToggle', value => {
+            art.on('setting', value => {
                 tooltip($control, i18n.get(value ? 'Hide setting' : 'Show setting'));
             });
         },

packages/artplayer/src/control/subtitle.js

@@ -18,7 +18,7 @@ export default function subtitle(option) {
                 subtitle.toggle = true;
             });
 
-            art.on('subtitleToggle', value => {
+            art.on('subtitle', value => {
                 tooltip($control, i18n.get(value ? 'Hide subtitle' : 'Show subtitle'));
             });
         },