x15904151985/ArtPlayer
1
0 Fork 0
mirror of https://github.com/zhw2590582/ArtPlayer.git synced 2026-10-27 09:41:20 -08:00
Code Issues Packages Projects Releases Wiki Activity

update

Browse Source
This commit is contained in:
Harvey authored and Harvey Zack committed 2022-02-11 11:20:54 +08:00
1 parent 4d66a8538d
commit 17f79d0b22
12 files changed
+45 -39
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

docs/assets/ts/artplayer.d.ts
Vendored
+2 -2
View File
@@ -67,7 +67,7 @@ type ComponentOption = {
/** /**
* When selector item click, use in controls * When selector item click, use in controls
*/ */
onSelect?(selector: Selector, element: HTMLElement): void; onSelect?(selector: Selector, element: HTMLElement, event: Event): void;
}; };
type SettingOption = { type SettingOption = {
@@ -99,7 +99,7 @@ type SettingOption = {
/** /**
* When selector item click, use in controls * When selector item click, use in controls
*/ */
onSelect?(selector: Selector, element: HTMLElement): void; onSelect?(selector: SettingOption, element: HTMLElement, event: Event): void;
}; };
type Component = { type Component = {
docs/uncompiled/artplayer.js
+14 -10
View File
@@ -2578,7 +2578,7 @@
$value.innerText = $item.innerText; $value.innerText = $item.innerText;
if (option.onSelect) { if (option.onSelect) {
var result = option.onSelect.call(_this2.art, find, $item); var result = option.onSelect.call(_this2.art, find, $item, event);
if (typeof result === 'string') { if (typeof result === 'string') {
$value.innerHTML = result; $value.innerHTML = result;
@@ -4283,7 +4283,7 @@
selector: Object.keys(keys).map(function (key) { selector: Object.keys(keys).map(function (key) {
return { return {
html: i18n.get(keys[key]), html: i18n.get(keys[key]),
current: key === 'normal', default: key === 'normal',
onSelect: function onSelect() { onSelect: function onSelect() {
art.flip = key; art.flip = key;
} }
@@ -4302,7 +4302,7 @@
selector: ['default', '4:3', '16:9'].map(function (item) { selector: ['default', '4:3', '16:9'].map(function (item) {
return { return {
html: item === 'default' ? i18n.get('Default') : item, html: item === 'default' ? i18n.get('Default') : item,
current: item === 'default', default: item === 'default',
onSelect: function onSelect() { onSelect: function onSelect() {
art.aspectRatio = item; art.aspectRatio = item;
} }
@@ -4321,7 +4321,7 @@
selector: [0.25, 0.5, 0.75, 1.0, 1.25, 1.5, 1.75, 2.0].map(function (item) { selector: [0.25, 0.5, 0.75, 1.0, 1.25, 1.5, 1.75, 2.0].map(function (item) {
return { return {
html: item === 1.0 ? i18n.get('Normal') : item, html: item === 1.0 ? i18n.get('Normal') : item,
current: item === 1.0, default: item === 1.0,
onSelect: function onSelect() { onSelect: function onSelect() {
art.playbackRate = item; art.playbackRate = item;
} }
@@ -4340,7 +4340,7 @@
selector: [-5, -4, -3, -2, -1, 0, 1, 2, 3, 4, 5].map(function (item) { selector: [-5, -4, -3, -2, -1, 0, 1, 2, 3, 4, 5].map(function (item) {
return { return {
html: item === 0 ? i18n.get('Normal') : item, html: item === 0 ? i18n.get('Normal') : item,
current: item === 0, default: item === 0,
onSelect: function onSelect() { onSelect: function onSelect() {
art.subtitleOffset = item; art.subtitleOffset = item;
} }
@@ -4449,7 +4449,7 @@
var $right = append($item, "<div class=\"art-setting-item-right\"></div>"); var $right = append($item, "<div class=\"art-setting-item-right\"></div>");
addClass($item, 'art-setting-item'); addClass($item, 'art-setting-item');
if (item.current) { if (item.default) {
addClass($item, 'art-current'); addClass($item, 'art-current');
} }
@@ -4470,16 +4470,20 @@
} }
proxy($item, 'click', function (event) { proxy($item, 'click', function (event) {
if (typeof item.onSelect === 'function') {
item.onSelect.call(_this2.art, _this2, event);
}
if (hasChildren) { if (hasChildren) {
_this2.init(item.selector); _this2.init(item.selector);
setStyle(_this2.$parent, 'width', "".concat(item.width || _this2.width, "px")); setStyle(_this2.$parent, 'width', "".concat(item.width || _this2.width, "px"));
} else { } else {
inverseClass($item, 'art-current'); inverseClass($item, 'art-current');
if (item.onSelect) {
var result = item.onSelect.call(_this2.art, item, $item, event);
if (typeof result === 'string') {
$item.innerHTML = result;
}
}
} }
}); });
return $item; return $item;
docs/uncompiled/artplayer.js.map
+1 -1
View File
@@ -1 +1 @@
{"version":3,"file":"artplayer.js","sources":["../../node_modules/_@babel_runtime@7.16.3@@babel/runtime/helpers/esm/classCallCheck.js","../../node_modules/_@babel_runtime@7.16.3@@babel/runtime/helpers/esm/createClass.js","../../node_modules/_@babel_runtime@7.16.3@@babel/runtime/helpers/esm/assertThisInitialized.js","../../node_modules/_@babel_runtime@7.16.3@@babel/runtime/helpers/esm/setPrototypeOf.js","../../node_modules/_@babel_runtime@7.16.3@@babel/runtime/helpers/esm/inherits.js","../../node_modules/_@babel_runtime@7.16.3@@babel/runtime/helpers/esm/typeof.js","../../node_modules/_@babel_runtime@7.16.3@@babel/runtime/helpers/esm/possibleConstructorReturn.js","../../node_modules/_@babel_runtime@7.16.3@@babel/runtime/helpers/esm/getPrototypeOf.js","../../node_modules/_style-inject@0.3.0@style-inject/dist/style-inject.es.js","../../packages/artplayer/node_modules/_option-validator@2.0.6@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@7.16.3@@babel/runtime/helpers/esm/isNativeFunction.js","../../node_modules/_@babel_runtime@7.16.3@@babel/runtime/helpers/esm/isNativeReflectConstruct.js","../../node_modules/_@babel_runtime@7.16.3@@babel/runtime/helpers/esm/construct.js","../../node_modules/_@babel_runtime@7.16.3@@babel/runtime/helpers/esm/wrapNativeSuper.js","../../packages/artplayer/src/utils/error.js","../../packages/artplayer/src/utils/subtitle.js","../../packages/artplayer/src/utils/file.js","../../node_modules/_@babel_runtime@7.16.3@@babel/runtime/helpers/esm/arrayLikeToArray.js","../../node_modules/_@babel_runtime@7.16.3@@babel/runtime/helpers/esm/arrayWithoutHoles.js","../../node_modules/_@babel_runtime@7.16.3@@babel/runtime/helpers/esm/iterableToArray.js","../../node_modules/_@babel_runtime@7.16.3@@babel/runtime/helpers/esm/unsupportedIterableToArray.js","../../node_modules/_@babel_runtime@7.16.3@@babel/runtime/helpers/esm/nonIterableSpread.js","../../node_modules/_@babel_runtime@7.16.3@@babel/runtime/helpers/esm/toConsumableArray.js","../../packages/artplayer/src/utils/property.js","../../packages/artplayer/src/utils/time.js","../../packages/artplayer/src/utils/format.js","../../node_modules/_@babel_runtime@7.16.3@@babel/runtime/helpers/esm/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/attrMix.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/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/miniMix.js","../../packages/artplayer/src/player/loopMix.js","../../packages/artplayer/src/player/posterMix.js","../../packages/artplayer/src/player/autoHeightMix.js","../../packages/artplayer/src/player/themeMix.js","../../packages/artplayer/src/player/titleMix.js","../../packages/artplayer/src/player/exclusiveMix.js","../../packages/artplayer/src/player/subtitleOffsetMix.js","../../packages/artplayer/src/player/optionInit.js","../../packages/artplayer/src/player/eventInit.js","../../packages/artplayer/src/player/index.js","../../node_modules/_@babel_runtime@7.16.3@@babel/runtime/helpers/esm/superPropBase.js","../../node_modules/_@babel_runtime@7.16.3@@babel/runtime/helpers/esm/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/vLine truncated {"version":3,"file":"artplayer.js","sources":["../../node_modules/_@babel_runtime@7.16.3@@babel/runtime/helpers/esm/classCallCheck.js","../../node_modules/_@babel_runtime@7.16.3@@babel/runtime/helpers/esm/createClass.js","../../node_modules/_@babel_runtime@7.16.3@@babel/runtime/helpers/esm/assertThisInitialized.js","../../node_modules/_@babel_runtime@7.16.3@@babel/runtime/helpers/esm/setPrototypeOf.js","../../node_modules/_@babel_runtime@7.16.3@@babel/runtime/helpers/esm/inherits.js","../../node_modules/_@babel_runtime@7.16.3@@babel/runtime/helpers/esm/typeof.js","../../node_modules/_@babel_runtime@7.16.3@@babel/runtime/helpers/esm/possibleConstructorReturn.js","../../node_modules/_@babel_runtime@7.16.3@@babel/runtime/helpers/esm/getPrototypeOf.js","../../node_modules/_style-inject@0.3.0@style-inject/dist/style-inject.es.js","../../packages/artplayer/node_modules/_option-validator@2.0.6@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@7.16.3@@babel/runtime/helpers/esm/isNativeFunction.js","../../node_modules/_@babel_runtime@7.16.3@@babel/runtime/helpers/esm/isNativeReflectConstruct.js","../../node_modules/_@babel_runtime@7.16.3@@babel/runtime/helpers/esm/construct.js","../../node_modules/_@babel_runtime@7.16.3@@babel/runtime/helpers/esm/wrapNativeSuper.js","../../packages/artplayer/src/utils/error.js","../../packages/artplayer/src/utils/subtitle.js","../../packages/artplayer/src/utils/file.js","../../node_modules/_@babel_runtime@7.16.3@@babel/runtime/helpers/esm/arrayLikeToArray.js","../../node_modules/_@babel_runtime@7.16.3@@babel/runtime/helpers/esm/arrayWithoutHoles.js","../../node_modules/_@babel_runtime@7.16.3@@babel/runtime/helpers/esm/iterableToArray.js","../../node_modules/_@babel_runtime@7.16.3@@babel/runtime/helpers/esm/unsupportedIterableToArray.js","../../node_modules/_@babel_runtime@7.16.3@@babel/runtime/helpers/esm/nonIterableSpread.js","../../node_modules/_@babel_runtime@7.16.3@@babel/runtime/helpers/esm/toConsumableArray.js","../../packages/artplayer/src/utils/property.js","../../packages/artplayer/src/utils/time.js","../../packages/artplayer/src/utils/format.js","../../node_modules/_@babel_runtime@7.16.3@@babel/runtime/helpers/esm/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/attrMix.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/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/miniMix.js","../../packages/artplayer/src/player/loopMix.js","../../packages/artplayer/src/player/posterMix.js","../../packages/artplayer/src/player/autoHeightMix.js","../../packages/artplayer/src/player/themeMix.js","../../packages/artplayer/src/player/titleMix.js","../../packages/artplayer/src/player/exclusiveMix.js","../../packages/artplayer/src/player/subtitleOffsetMix.js","../../packages/artplayer/src/player/optionInit.js","../../packages/artplayer/src/player/eventInit.js","../../packages/artplayer/src/player/index.js","../../node_modules/_@babel_runtime@7.16.3@@babel/runtime/helpers/esm/superPropBase.js","../../node_modules/_@babel_runtime@7.16.3@@babel/runtime/helpers/esm/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/vLine truncated
packages/artplayer-document/docs/en/Options.md
+6 -6
View File
@@ -562,16 +562,16 @@ var art = new Artplayer({
settings: [ settings: [
{ {
html: 'Custom setting 01', html: 'Custom setting 01',
children: [ selector: [
{ {
html: 'Submenu 01', html: 'Submenu 01',
click: function() { onSelect: function() {
console.log('You click on the submenu 01'); console.log('You click on the submenu 01');
} }
}, },
{ {
html: 'Submenu 02', html: 'Submenu 02',
click: function() { onSelect: function() {
console.log('You click on the submenu 02'); console.log('You click on the submenu 02');
} }
}, },
@@ -579,16 +579,16 @@ var art = new Artplayer({
}, },
{ {
html: 'Custom setting 02', html: 'Custom setting 02',
children: [ selector: [
{ {
html: 'Submenu 01', html: 'Submenu 01',
click: function() { onSelect: function() {
console.log('You click on the submenu 01'); console.log('You click on the submenu 01');
} }
}, },
{ {
html: 'Submenu 02', html: 'Submenu 02',
click: function() { onSelect: function() {
console.log('You click on the submenu 02'); console.log('You click on the submenu 02');
} }
}, },
packages/artplayer-document/docs/zh-cn/Options.md
+8 -8
View File
@@ -562,34 +562,34 @@ var art = new Artplayer({
settings: [ settings: [
{ {
html: '自定义设置01', html: '自定义设置01',
children: [ selector: [
{ {
html: '子菜单01', html: '子菜单01',
click: function() { onSelect: function() {
console.log('你点击了子菜单01'); console.log('你点击了子菜单01');
} }
}, },
{ {
html: '子菜单02', html: '子菜单02',
click: function() { onSelect: function() {
console.log('你点击了子菜单01'); console.log('你点击了子菜单02');
} }
}, },
] ]
}, },
{ {
html: '自定义设置02', html: '自定义设置02',
children: [ selector: [
{ {
html: '子菜单01', html: '子菜单01',
click: function() { onSelect: function() {
console.log('你点击了子菜单01'); console.log('你点击了子菜单01');
} }
}, },
{ {
html: '子菜单02', html: '子菜单02',
click: function() { onSelect: function() {
console.log('你点击了子菜单01'); console.log('你点击了子菜单02');
} }
}, },
] ]
packages/artplayer/src/setting/aspectRatio.js
+1 -1
View File
@@ -8,7 +8,7 @@ export default function aspectRatio(art) {
selector: ['default', '4:3', '16:9'].map((item) => { selector: ['default', '4:3', '16:9'].map((item) => {
return { return {
html: item === 'default' ? i18n.get('Default') : item, html: item === 'default' ? i18n.get('Default') : item,
current: item === 'default', default: item === 'default',
onSelect() { onSelect() {
art.aspectRatio = item; art.aspectRatio = item;
}, },
packages/artplayer/src/setting/flip.js
+1 -1
View File
@@ -13,7 +13,7 @@ export default function playbackRate(art) {
selector: Object.keys(keys).map((key) => { selector: Object.keys(keys).map((key) => {
return { return {
html: i18n.get(keys[key]), html: i18n.get(keys[key]),
current: key === 'normal', default: key === 'normal',
onSelect() { onSelect() {
art.flip = key; art.flip = key;
}, },
packages/artplayer/src/setting/index.js
+7 -5
View File
@@ -96,7 +96,7 @@ export default class Setting extends Component {
const $right = append($item, `<div class="art-setting-item-right"></div>`); const $right = append($item, `<div class="art-setting-item-right"></div>`);
addClass($item, 'art-setting-item'); addClass($item, 'art-setting-item');
if (item.current) { if (item.default) {
addClass($item, 'art-current'); addClass($item, 'art-current');
} }
@@ -116,15 +116,17 @@ export default class Setting extends Component {
} }
proxy($item, 'click', (event) => { proxy($item, 'click', (event) => {
if (typeof item.onSelect === 'function') {
item.onSelect.call(this.art, this, event);
}
if (hasChildren) { if (hasChildren) {
this.init(item.selector); this.init(item.selector);
setStyle(this.$parent, 'width', `${item.width || this.width}px`); setStyle(this.$parent, 'width', `${item.width || this.width}px`);
} else { } else {
inverseClass($item, 'art-current'); inverseClass($item, 'art-current');
if (item.onSelect) {
const result = item.onSelect.call(this.art, item, $item, event);
if (typeof result === 'string') {
$item.innerHTML = result;
}
}
} }
}); });
packages/artplayer/src/setting/playbackRate.js
+1 -1
View File
@@ -8,7 +8,7 @@ export default function playbackRate(art) {
selector: [0.25, 0.5, 0.75, 1.0, 1.25, 1.5, 1.75, 2.0].map((item) => { selector: [0.25, 0.5, 0.75, 1.0, 1.25, 1.5, 1.75, 2.0].map((item) => {
return { return {
html: item === 1.0 ? i18n.get('Normal') : item, html: item === 1.0 ? i18n.get('Normal') : item,
current: item === 1.0, default: item === 1.0,
onSelect() { onSelect() {
art.playbackRate = item; art.playbackRate = item;
}, },
packages/artplayer/src/setting/subtitleOffset.js
+1 -1
View File
@@ -8,7 +8,7 @@ export default function subtitleOffset(art) {
selector: [-5, -4, -3, -2, -1, 0, 1, 2, 3, 4, 5].map((item) => { selector: [-5, -4, -3, -2, -1, 0, 1, 2, 3, 4, 5].map((item) => {
return { return {
html: item === 0 ? i18n.get('Normal') : item, html: item === 0 ? i18n.get('Normal') : item,
current: item === 0, default: item === 0,
onSelect() { onSelect() {
art.subtitleOffset = item; art.subtitleOffset = item;
}, },
packages/artplayer/src/utils/component.js
+1 -1
View File
@@ -132,7 +132,7 @@ export default class Component {
const find = option.selector[index] || {}; const find = option.selector[index] || {};
$value.innerText = $item.innerText; $value.innerText = $item.innerText;
if (option.onSelect) { if (option.onSelect) {
const result = option.onSelect.call(this.art, find, $item); const result = option.onSelect.call(this.art, find, $item, event);
if (typeof result === 'string') { if (typeof result === 'string') {
$value.innerHTML = result; $value.innerHTML = result;
} }
packages/artplayer/types/artplayer.d.ts
Vendored
+2 -2
View File
@@ -67,7 +67,7 @@ type ComponentOption = {
/** /**
* When selector item click, use in controls * When selector item click, use in controls
*/ */
onSelect?(selector: Selector, element: HTMLElement): void; onSelect?(selector: Selector, element: HTMLElement, event: Event): void;
}; };
type SettingOption = { type SettingOption = {
@@ -99,7 +99,7 @@ type SettingOption = {
/** /**
* When selector item click, use in controls * When selector item click, use in controls
*/ */
onSelect?(selector: Selector, element: HTMLElement): void; onSelect?(selector: SettingOption, element: HTMLElement, event: Event): void;
}; };
type Component = { type Component = {