重命名事件

docs/document/events.md

@@ -56,44 +56,44 @@ art.on('video:canplay', function (event) {
 
 ## Subtitle
 
-| Event             | Description                   | Parameter             |
-| ----------------- | ----------------------------- | --------------------- |
-| `subtitle:update` | When the subtitles change     | Current subtitle text |
-| `subtitle:switch` | When switching subtitles      | Current subtitle url  |
-| `subtitle:load`   | When the subtitles loaded     | Current subtitle url  |
-| `subtitle:err`    | When the subtitles load error | Error object          |
-| `subtitle:toggle` | When displaying subtitles     | Whether to show       |
+| Event            | Description                   | Parameter             |
+| ---------------- | ----------------------------- | --------------------- |
+| `subtitleUpdate` | When the subtitles change     | Current subtitle text |
+| `subtitleSwitch` | When switching subtitles      | Current subtitle url  |
+| `subtitleLoad`   | When the subtitles loaded     | Current subtitle url  |
+| `subtitleErr`    | When the subtitles load error | Error object          |
+| `subtitleToggle` | When displaying subtitles     | Whether to show       |
 
 ## Notice
 
-| Event           | Description            | Parameter       |
-| --------------- | ---------------------- | --------------- |
-| `notice:toggle` | When displaying notice | Whether to show |
+| Event          | Description            | Parameter       |
+| -------------- | ---------------------- | --------------- |
+| `noticeToggle` | When displaying notice | Whether to show |
 
 ## Mask
 
-| Event         | Description          | Parameter       |
-| ------------- | -------------------- | --------------- |
-| `mask:toggle` | When displaying mask | Whether to show |
+| Event        | Description          | Parameter       |
+| ------------ | -------------------- | --------------- |
+| `maskToggle` | When displaying mask | Whether to show |
 
 ## Loading
 
-| Event            | Description             | Parameter       |
-| ---------------- | ----------------------- | --------------- |
-| `loading:toggle` | When displaying loading | Whether to show |
+| Event           | Description             | Parameter       |
+| --------------- | ----------------------- | --------------- |
+| `loadingToggle` | When displaying loading | Whether to show |
 
 ## Layer
 
-| Event          | Description             | Parameter           |
-| -------------- | ----------------------- | ------------------- |
-| `layer:add`    | When adding a new layer | Layer configuration |
-| `layer:toggle` | When displaying layer   | Whether to show     |
+| Event         | Description             | Parameter           |
+| ------------- | ----------------------- | ------------------- |
+| `layerAdd`    | When adding a new layer | Layer configuration |
+| `layerToggle` | When displaying layer   | Whether to show     |
 
 ## Info
 
-| Event         | Description          | Parameter       |
-| ------------- | -------------------- | --------------- |
-| `info:toggle` | When displaying info | Whether to show |
+| Event        | Description          | Parameter       |
+| ------------ | -------------------- | --------------- |
+| `infoToggle` | When displaying info | Whether to show |
 
 ## Hotkey
 
@@ -103,27 +103,27 @@ art.on('video:canplay', function (event) {
 
 ## Setting
 
-| Event            | Description               | Parameter             |
-| ---------------- | ------------------------- | --------------------- |
-| `setting:add`    | When adding a new setting | Setting configuration |
-| `setting:toggle` | When displaying setting   | Whether to show       |
+| Event           | Description               | Parameter             |
+| --------------- | ------------------------- | --------------------- |
+| `settingAdd`    | When adding a new setting | Setting configuration |
+| `settingToggle` | When displaying setting   | Whether to show       |
 
 ## Contextmenu
 
-| Event                | Description                   | Parameter                 |
-| -------------------- | ----------------------------- | ------------------------- |
-| `contextmenu:add`    | When adding a new contextmenu | Contextmenu configuration |
-| `contextmenu:toggle` | When displaying contextmenu   | Whether to show           |
+| Event               | Description                   | Parameter                 |
+| ------------------- | ----------------------------- | ------------------------- |
+| `contextmenuAdd`    | When adding a new contextmenu | Contextmenu configuration |
+| `contextmenuToggle` | When displaying contextmenu   | Whether to show           |
 
 ## Control
 
-| Event            | Description               | Parameter             |
-| ---------------- | ------------------------- | --------------------- |
-| `control:add`    | When adding a new control | Control configuration |
-| `control:toggle` | When displaying control   | Whether to show       |
+| Event           | Description               | Parameter             |
+| --------------- | ------------------------- | --------------------- |
+| `controlAdd`    | When adding a new control | Control configuration |
+| `controlToggle` | When displaying control   | Whether to show       |
 
 ## Plugins
 
-| Event        | Description              | Parameter            |
-| ------------ | ------------------------ | -------------------- |
-| `plugin:add` | When adding a new plugin | Plugin configuration |
+| Event       | Description              | Parameter            |
+| ----------- | ------------------------ | -------------------- |
+| `pluginAdd` | When adding a new plugin | Plugin configuration |

docs/uncompiled/artplayer.js

@@ -2367,7 +2367,7 @@
           callback($ref, this, this.art);
         }
 
-        this.art.emit("".concat(this.name, ":add"), option);
+        this.art.emit("".concat(this.name, "Add"), option);
         def(this, name, {
           get: function get() {
             return option;
@@ -2389,7 +2389,7 @@
           removeClass($player, className);
         }
 
-        this.art.emit("".concat(this.name, ":toggle"), value);
+        this.art.emit("".concat(this.name, "Toggle"), value);
       }
     }, {
       key: "toggle",
@@ -2684,7 +2684,7 @@
           proxy($control, 'click', function () {
             subtitle.toggle = true;
           });
-          art.on('subtitle:toggle', function (value) {
+          art.on('subtitleToggle', function (value) {
             tooltip($control, i18n.get(value ? 'Hide subtitle' : 'Show subtitle'));
           });
         }
@@ -2815,7 +2815,7 @@
           proxy($control, 'click', function () {
             setting.toggle = true;
           });
-          art.on('setting:toggle', function (value) {
+          art.on('settingToggle', function (value) {
             tooltip($control, i18n.get(value ? 'Hide setting' : 'Show setting'));
           });
         }
@@ -3403,7 +3403,7 @@
         }, 1000);
       }
 
-      art.on('info:toggle', function (value) {
+      art.on('infoToggle', function (value) {
         clearTimeout(timer);
 
         if (value) {
@@ -3449,7 +3449,7 @@
           $subtitle.innerHTML = this.activeCue.text.split(/\r?\n/).map(function (item) {
             return "<p>".concat(escape(item), "</p>");
           }).join('');
-          this.art.emit('subtitle:update', this.activeCue.text);
+          this.art.emit('subtitleUpdate', this.activeCue.text);
         }
       }
     }, {
@@ -3465,7 +3465,7 @@
             notice.show = "".concat(i18n.get('Switch subtitle'), ": ").concat(name);
           }
 
-          _this2.art.emit('subtitle:switch', subUrl);
+          _this2.art.emit('subtitleSwitch', subUrl);
 
           return subUrl;
         });
@@ -3494,7 +3494,7 @@
         return fetch(url).then(function (response) {
           return response.text();
         }).then(function (text) {
-          _this3.art.emit('subtitle:load', url);
+          _this3.art.emit('subtitleLoad', url);
 
           switch (ext || getExt(url)) {
             case 'srt':
@@ -3518,7 +3518,7 @@
         }).catch(function (err) {
           notice.show = err;
 
-          _this3.art.emit('subtitle:err', err);
+          _this3.art.emit('subtitleErr', err);
 
           throw err;
         });
@@ -4392,7 +4392,7 @@
         background: theme
       },
       mounted: function mounted($progressBar) {
-        art.on('control:toggle', function (value) {
+        art.on('controlToggle', function (value) {
           $progressBar.style.display = value ? 'none' : 'block';
         });
         art.on('destroy', function () {
@@ -4512,7 +4512,7 @@
         def(this, pluginName, {
           value: result
         });
-        this.art.emit('plugin:add', plugin);
+        this.art.emit('pluginAdd', plugin);
         return this;
       }
     }]);

docs/uncompiled/artplayer.js.map

@@ -1 +1 @@
-{"version":3,"file":"artplayer.js","sources":["../../node_modules/@babel/runtime/helpers/classCallCheck.js","../../node_modules/@babel/runtime/helpers/createClass.js","../../node_modules/@babel/runtime/helpers/typeof.js","../../node_modules/@babel/runtime/helpers/assertThisInitialized.js","../../node_modules/@babel/runtime/helpers/possibleConstructorReturn.js","../../node_modules/@babel/runtime/helpers/getPrototypeOf.js","../../node_modules/@babel/runtime/helpers/setPrototypeOf.js","../../node_modules/@babel/runtime/helpers/inherits.js","../../node_modules/style-inject/dist/style-inject.es.js","../../packages/artplayer/node_modules/option-validator/dist/option-validator.js","../../packages/artplayer/src/utils/emitter.js","../../packages/artplayer/src/utils/compatibility.js","../../packages/artplayer/src/utils/dom.js","../../node_modules/@babel/runtime/helpers/isNativeFunction.js","../../node_modules/@babel/runtime/helpers/construct.js","../../node_modules/@babel/runtime/helpers/wrapNativeSuper.js","../../packages/artplayer/src/utils/error.js","../../packages/artplayer/src/utils/subtitle.js","../../packages/artplayer/src/utils/file.js","../../node_modules/@babel/runtime/helpers/arrayWithoutHoles.js","../../node_modules/@babel/runtime/helpers/iterableToArray.js","../../node_modules/@babel/runtime/helpers/nonIterableSpread.js","../../node_modules/@babel/runtime/helpers/toConsumableArray.js","../../packages/artplayer/src/utils/property.js","../../packages/artplayer/src/utils/time.js","../../packages/artplayer/src/utils/format.js","../../node_modules/@babel/runtime/helpers/defineProperty.js","../../packages/artplayer/src/scheme/index.js","../../packages/artplayer/src/config/index.js","../../packages/artplayer/src/whitelist.js","../../packages/artplayer/src/template.js","../../packages/artplayer/src/i18n/index.js","../../packages/artplayer/src/player/urlMix.js","../../packages/artplayer/src/player/attrInit.js","../../packages/artplayer/src/player/eventInit.js","../../packages/artplayer/src/player/exclusiveInit.js","../../packages/artplayer/src/player/playMix.js","../../packages/artplayer/src/player/pauseMix.js","../../packages/artplayer/src/player/toggleMix.js","../../packages/artplayer/src/player/seekMix.js","../../packages/artplayer/src/player/volumeMix.js","../../packages/artplayer/src/player/currentTimeMix.js","../../packages/artplayer/src/player/durationMix.js","../../packages/artplayer/src/player/switchMix.js","../../packages/artplayer/src/player/playbackRateMix.js","../../packages/artplayer/src/player/aspectRatioMix.js","../../packages/artplayer/src/player/screenshotMix.js","../../packages/artplayer/node_modules/screenfull/dist/screenfull.js","../../packages/artplayer/src/player/fullscreenMix.js","../../packages/artplayer/src/player/fullscreenWebMix.js","../../packages/artplayer/src/player/fullscreenRotateMix.js","../../packages/artplayer/src/player/pipMix.js","../../packages/artplayer/src/player/loadedMix.js","../../packages/artplayer/src/player/playedMix.js","../../packages/artplayer/src/player/playingMix.js","../../packages/artplayer/src/player/autoSizeMix.js","../../packages/artplayer/src/player/rectMix.js","../../packages/artplayer/src/player/flipMix.js","../../packages/artplayer/src/player/lightMix.js","../../packages/artplayer/src/player/minMix.js","../../packages/artplayer/src/player/loopMin.js","../../packages/artplayer/src/player/index.js","../../node_modules/@babel/runtime/helpers/superPropBase.js","../../node_modules/@babel/runtime/helpers/get.js","../../packages/artplayer/src/utils/component.js","../../packages/artplayer/src/control/fullscreen.js","../../packages/artplayer/src/control/fullscreenWeb.js","../../packages/artplayer/src/control/pip.js","../../packages/artplayer/src/control/playAndPause.js","../../packages/artplayer/src/control/progress.js","../../packages/artplayer/src/control/subtitle.js","../../packages/artplayer/src/control/time.js","../../packages/artplayer/src/control/volume.js","../../packages/artplayer/src/control/setting.js","../../packages/artplayer/src/control/thumbnails.js","../../packages/artplayer/src/control/screenshot.js","../../packages/artplayer/src/control/quality.js","../../packages/artplayer/src/control/loop.js","../../packages/artplayer/src/control/index.js","../../packages/artplayer/src/contextmenu/playbackRate.js","../../packages/artplayer/src/contextmenu/aspectRatio.js","../../packages/artplayer/src/contextmenu/info.js","../../packages/artplayer/src/contextmenu/version.js","../../packages/artplayer/src/contextmenu/light.js","../../packages/artplayer/src/contextmenu/close.js","../../packages/artplayer/src/contextmenu/index.js","../../packages/artplayer/src/info.js","../../packages/artplayer/src/subtitle.js","../../packages/artplayer/src/events/clickInit.js","../../packages/artplayer/src/events/hoverInit.js","../../packages/artplayer/src/events/mousemoveInit.js","../../packages/artplayer/src/events/resizeInit.js","../../packages/artplayer/src/events/gestureInLine truncated
+{"version":3,"file":"artplayer.js","sources":["../../node_modules/@babel/runtime/helpers/classCallCheck.js","../../node_modules/@babel/runtime/helpers/createClass.js","../../node_modules/@babel/runtime/helpers/typeof.js","../../node_modules/@babel/runtime/helpers/assertThisInitialized.js","../../node_modules/@babel/runtime/helpers/possibleConstructorReturn.js","../../node_modules/@babel/runtime/helpers/getPrototypeOf.js","../../node_modules/@babel/runtime/helpers/setPrototypeOf.js","../../node_modules/@babel/runtime/helpers/inherits.js","../../node_modules/style-inject/dist/style-inject.es.js","../../packages/artplayer/node_modules/option-validator/dist/option-validator.js","../../packages/artplayer/src/utils/emitter.js","../../packages/artplayer/src/utils/compatibility.js","../../packages/artplayer/src/utils/dom.js","../../node_modules/@babel/runtime/helpers/isNativeFunction.js","../../node_modules/@babel/runtime/helpers/construct.js","../../node_modules/@babel/runtime/helpers/wrapNativeSuper.js","../../packages/artplayer/src/utils/error.js","../../packages/artplayer/src/utils/subtitle.js","../../packages/artplayer/src/utils/file.js","../../node_modules/@babel/runtime/helpers/arrayWithoutHoles.js","../../node_modules/@babel/runtime/helpers/iterableToArray.js","../../node_modules/@babel/runtime/helpers/nonIterableSpread.js","../../node_modules/@babel/runtime/helpers/toConsumableArray.js","../../packages/artplayer/src/utils/property.js","../../packages/artplayer/src/utils/time.js","../../packages/artplayer/src/utils/format.js","../../node_modules/@babel/runtime/helpers/defineProperty.js","../../packages/artplayer/src/scheme/index.js","../../packages/artplayer/src/config/index.js","../../packages/artplayer/src/whitelist.js","../../packages/artplayer/src/template.js","../../packages/artplayer/src/i18n/index.js","../../packages/artplayer/src/player/urlMix.js","../../packages/artplayer/src/player/attrInit.js","../../packages/artplayer/src/player/eventInit.js","../../packages/artplayer/src/player/exclusiveInit.js","../../packages/artplayer/src/player/playMix.js","../../packages/artplayer/src/player/pauseMix.js","../../packages/artplayer/src/player/toggleMix.js","../../packages/artplayer/src/player/seekMix.js","../../packages/artplayer/src/player/volumeMix.js","../../packages/artplayer/src/player/currentTimeMix.js","../../packages/artplayer/src/player/durationMix.js","../../packages/artplayer/src/player/switchMix.js","../../packages/artplayer/src/player/playbackRateMix.js","../../packages/artplayer/src/player/aspectRatioMix.js","../../packages/artplayer/src/player/screenshotMix.js","../../packages/artplayer/node_modules/screenfull/dist/screenfull.js","../../packages/artplayer/src/player/fullscreenMix.js","../../packages/artplayer/src/player/fullscreenWebMix.js","../../packages/artplayer/src/player/fullscreenRotateMix.js","../../packages/artplayer/src/player/pipMix.js","../../packages/artplayer/src/player/loadedMix.js","../../packages/artplayer/src/player/playedMix.js","../../packages/artplayer/src/player/playingMix.js","../../packages/artplayer/src/player/autoSizeMix.js","../../packages/artplayer/src/player/rectMix.js","../../packages/artplayer/src/player/flipMix.js","../../packages/artplayer/src/player/lightMix.js","../../packages/artplayer/src/player/minMix.js","../../packages/artplayer/src/player/loopMin.js","../../packages/artplayer/src/player/index.js","../../node_modules/@babel/runtime/helpers/superPropBase.js","../../node_modules/@babel/runtime/helpers/get.js","../../packages/artplayer/src/utils/component.js","../../packages/artplayer/src/control/fullscreen.js","../../packages/artplayer/src/control/fullscreenWeb.js","../../packages/artplayer/src/control/pip.js","../../packages/artplayer/src/control/playAndPause.js","../../packages/artplayer/src/control/progress.js","../../packages/artplayer/src/control/subtitle.js","../../packages/artplayer/src/control/time.js","../../packages/artplayer/src/control/volume.js","../../packages/artplayer/src/control/setting.js","../../packages/artplayer/src/control/thumbnails.js","../../packages/artplayer/src/control/screenshot.js","../../packages/artplayer/src/control/quality.js","../../packages/artplayer/src/control/loop.js","../../packages/artplayer/src/control/index.js","../../packages/artplayer/src/contextmenu/playbackRate.js","../../packages/artplayer/src/contextmenu/aspectRatio.js","../../packages/artplayer/src/contextmenu/info.js","../../packages/artplayer/src/contextmenu/version.js","../../packages/artplayer/src/contextmenu/light.js","../../packages/artplayer/src/contextmenu/close.js","../../packages/artplayer/src/contextmenu/index.js","../../packages/artplayer/src/info.js","../../packages/artplayer/src/subtitle.js","../../packages/artplayer/src/events/clickInit.js","../../packages/artplayer/src/events/hoverInit.js","../../packages/artplayer/src/events/mousemoveInit.js","../../packages/artplayer/src/events/resizeInit.js","../../packages/artplayer/src/events/gestureInLine truncated

packages/artplayer/src/control/setting.js

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

packages/artplayer/src/info.js

@@ -33,7 +33,7 @@ export default class Info extends Component {
             }, 1000);
         }
 
-        art.on('info:toggle', value => {
+        art.on('infoToggle', value => {
             clearTimeout(timer);
             if (value) {
                 loop();

packages/artplayer/src/plugins/index.js

@@ -45,7 +45,7 @@ export default class Plugins {
         def(this, pluginName, {
             value: result,
         });
-        this.art.emit('plugin:add', plugin);
+        this.art.emit('pluginAdd', plugin);
         return this;
     }
 }

packages/artplayer/src/plugins/miniProgressBar.js

@@ -17,7 +17,7 @@ export default function miniProgressBar(art) {
             background: theme,
         },
         mounted($progressBar) {
-            art.on('control:toggle', value => {
+            art.on('controlToggle', value => {
                 $progressBar.style.display = value ? 'none' : 'block';
             });
 

packages/artplayer/src/subtitle.js

@@ -39,7 +39,7 @@ export default class Subtitle extends Component {
                 .split(/\r?\n/)
                 .map((item) => `<p>${escape(item)}</p>`)
                 .join('');
-            this.art.emit('subtitle:update', this.activeCue.text);
+            this.art.emit('subtitleUpdate', this.activeCue.text);
         }
     }
 
@@ -49,7 +49,7 @@ export default class Subtitle extends Component {
             if (name) {
                 notice.show = `${i18n.get('Switch subtitle')}: ${name}`;
             }
-            this.art.emit('subtitle:switch', subUrl);
+            this.art.emit('subtitleSwitch', subUrl);
             return subUrl;
         });
     }
@@ -73,7 +73,7 @@ export default class Subtitle extends Component {
         return fetch(url)
             .then((response) => response.text())
             .then((text) => {
-                this.art.emit('subtitle:load', url);
+                this.art.emit('subtitleLoad', url);
                 switch (ext || getExt(url)) {
                     case 'srt':
                         return vttToBlob(srtToVtt(text));
@@ -94,7 +94,7 @@ export default class Subtitle extends Component {
             })
             .catch((err) => {
                 notice.show = err;
-                this.art.emit('subtitle:err', err);
+                this.art.emit('subtitleErr', err);
                 throw err;
             });
     }

packages/artplayer/src/utils/component.js

@@ -21,7 +21,7 @@ export default class Component {
         } else {
             removeClass($player, className);
         }
-        this.art.emit(`${this.name}:toggle`, value);
+        this.art.emit(`${this.name}Toggle`, value);
     }
 
     set toggle(value) {
@@ -75,7 +75,7 @@ export default class Component {
             callback($ref, this, this.art);
         }
 
-        this.art.emit(`${this.name}:add`, option);
+        this.art.emit(`${this.name}Add`, option);
 
         def(this, name, {
             get: () => option,