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

update setting

Browse Source
This commit is contained in:
Harvey committed 2022-02-11 17:02:56 +08:00
1 parent 7976cc42fe
commit 0616d944c5
7 files changed
+100 -27
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

docs/uncompiled/artplayer.js
+48 -11
View File
@@ -4284,7 +4284,8 @@
});
function flip(art) {
var i18n = art.i18n;
var i18n = art.i18n,
icons = art.icons;
var keys = {
normal: 'Normal',
horizontal: 'Horizontal',
@@ -4293,6 +4294,8 @@
return {
width: 150,
html: i18n.get('Video Flip'),
desc: i18n.get(keys[art.flip]),
icon: icons.config,
selector: Object.keys(keys).map(function (item) {
return {
value: item,
@@ -4303,7 +4306,9 @@
onSelect: function onSelect(item) {
art.flip = item.value;
},
mounted: function mounted($panel) {
mounted: function mounted($panel, item) {
var $desc = query('.art-setting-item-right-desc', item.$item);
$desc.innerText = i18n.get(keys[art.flip]);
art.on('flip', function (value) {
var $current = queryAll('.art-setting-item', $panel).find(function (item) {
return item.dataset.value === value;
@@ -4311,6 +4316,7 @@
if ($current) {
inverseClass($current, 'art-current');
$desc.innerText = i18n.get(keys[art.flip]);
}
});
}
@@ -4320,22 +4326,29 @@
function aspectRatio(art) {
var i18n = art.i18n,
icons = art.icons;
console.log(art.aspectRatio);
function getI18n(value) {
return value === 'default' ? i18n.get('Default') : value;
}
return {
width: 150,
html: i18n.get('Aspect Ratio'),
icon: icons.aspectRatio,
desc: getI18n(art.aspectRatio),
selector: ['default', '4:3', '16:9'].map(function (item) {
return {
value: item,
default: item === art.aspectRatio,
html: item === 'default' ? i18n.get('Default') : item
html: getI18n(item)
};
}),
onSelect: function onSelect(item) {
art.aspectRatio = item.value;
},
mounted: function mounted($panel) {
mounted: function mounted($panel, item) {
var $desc = query('.art-setting-item-right-desc', item.$item);
$desc.innerText = getI18n(art.aspectRatio);
art.on('aspectRatio', function (value) {
var $current = queryAll('.art-setting-item', $panel).find(function (item) {
return item.dataset.value === value;
@@ -4343,6 +4356,7 @@
if ($current) {
inverseClass($current, 'art-current');
$desc.innerText = getI18n(art.aspectRatio);
}
});
}
@@ -4352,21 +4366,29 @@
function playbackRate(art) {
var i18n = art.i18n,
icons = art.icons;
function getI18n(value) {
return value === 1.0 ? i18n.get('Normal') : value;
}
return {
width: 150,
html: i18n.get('Play Speed'),
desc: getI18n(art.playbackRate),
icon: icons.playbackRate,
selector: [0.5, 0.75, 1.0, 1.25, 1.5, 2.0].map(function (item) {
return {
value: item,
default: item === art.playbackRate,
html: item === 1.0 ? i18n.get('Normal') : item
html: getI18n(item)
};
}),
onSelect: function onSelect(item) {
art.playbackRate = item.value;
},
mounted: function mounted($panel) {
mounted: function mounted($panel, item) {
var $desc = query('.art-setting-item-right-desc', item.$item);
$desc.innerText = getI18n(art.playbackRate);
art.on('playbackRate', function (value) {
var $current = queryAll('.art-setting-item', $panel).find(function (item) {
return Number(item.dataset.value) === value;
@@ -4374,6 +4396,7 @@
if ($current) {
inverseClass($current, 'art-current');
$desc.innerText = getI18n(art.playbackRate);
}
});
}
@@ -4383,28 +4406,37 @@
function subtitleOffset(art) {
var i18n = art.i18n,
icons = art.icons;
function getI18n(value) {
return value === 0 ? i18n.get('Normal') : value;
}
return {
width: 150,
html: i18n.get('Subtitle Offset'),
desc: getI18n(art.subtitleOffset),
icon: icons.subtitle,
selector: [-5, -4, -3, -2, -1, 0, 1, 2, 3, 4, 5].map(function (item) {
return {
value: item,
default: item === art.subtitleOffset,
html: item === 0 ? i18n.get('Normal') : item
html: getI18n(item)
};
}),
onSelect: function onSelect(item) {
art.subtitleOffset = item.value;
},
mounted: function mounted($panel) {
mounted: function mounted($panel, item) {
var $desc = query('.art-setting-item-right-desc', item.$item);
$desc.innerText = getI18n(art.subtitleOffset);
art.on('subtitleOffset', function (value) {
var $current = queryAll('.art-setting-item', $panel).find(function (item) {
return item.dataset.value === value;
return Number(item.dataset.value) === value;
});
if ($current) {
inverseClass($current, 'art-current');
$desc.innerText = getI18n(art.subtitleOffset);
}
});
}
@@ -4549,6 +4581,11 @@
var $desc = document.createElement('div');
addClass($desc, 'art-setting-item-right-desc');
append($right, $desc);
if (item.desc) {
$desc.innerText = item.desc;
}
var $iconRight = document.createElement('div');
addClass($iconRight, 'art-setting-item-right-icon');
append($iconRight, icons.arrowRight);
@@ -4608,7 +4645,7 @@
setStyle(this.$parent, 'width', "".concat(_$panel.dataset.width, "px"));
if (option[0] && option[0]._parentItem && option[0]._parentItem.mounted) {
option[0]._parentItem.mounted.call(this.art, _$panel);
option[0]._parentItem.mounted.call(this.art, _$panel, option[0]._parentItem);
}
}
}
docs/uncompiled/artplayer.js.map
+1 -1
View File
@@ -1 +1 @@
{"version":3,"file":"artplayer.js","sources":["../../node_modules/_@babel_runtime@7.17.2@@babel/runtime/helpers/esm/classCallCheck.js","../../node_modules/_@babel_runtime@7.17.2@@babel/runtime/helpers/esm/createClass.js","../../node_modules/_@babel_runtime@7.17.2@@babel/runtime/helpers/esm/assertThisInitialized.js","../../node_modules/_@babel_runtime@7.17.2@@babel/runtime/helpers/esm/setPrototypeOf.js","../../node_modules/_@babel_runtime@7.17.2@@babel/runtime/helpers/esm/inherits.js","../../node_modules/_@babel_runtime@7.17.2@@babel/runtime/helpers/esm/typeof.js","../../node_modules/_@babel_runtime@7.17.2@@babel/runtime/helpers/esm/possibleConstructorReturn.js","../../node_modules/_@babel_runtime@7.17.2@@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.17.2@@babel/runtime/helpers/esm/isNativeFunction.js","../../node_modules/_@babel_runtime@7.17.2@@babel/runtime/helpers/esm/isNativeReflectConstruct.js","../../node_modules/_@babel_runtime@7.17.2@@babel/runtime/helpers/esm/construct.js","../../node_modules/_@babel_runtime@7.17.2@@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.17.2@@babel/runtime/helpers/esm/arrayLikeToArray.js","../../node_modules/_@babel_runtime@7.17.2@@babel/runtime/helpers/esm/arrayWithoutHoles.js","../../node_modules/_@babel_runtime@7.17.2@@babel/runtime/helpers/esm/iterableToArray.js","../../node_modules/_@babel_runtime@7.17.2@@babel/runtime/helpers/esm/unsupportedIterableToArray.js","../../node_modules/_@babel_runtime@7.17.2@@babel/runtime/helpers/esm/nonIterableSpread.js","../../node_modules/_@babel_runtime@7.17.2@@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.17.2@@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.17.2@@babel/runtime/helpers/esm/superPropBase.js","../../node_modules/_@babel_runtime@7.17.2@@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.17.2@@babel/runtime/helpers/esm/classCallCheck.js","../../node_modules/_@babel_runtime@7.17.2@@babel/runtime/helpers/esm/createClass.js","../../node_modules/_@babel_runtime@7.17.2@@babel/runtime/helpers/esm/assertThisInitialized.js","../../node_modules/_@babel_runtime@7.17.2@@babel/runtime/helpers/esm/setPrototypeOf.js","../../node_modules/_@babel_runtime@7.17.2@@babel/runtime/helpers/esm/inherits.js","../../node_modules/_@babel_runtime@7.17.2@@babel/runtime/helpers/esm/typeof.js","../../node_modules/_@babel_runtime@7.17.2@@babel/runtime/helpers/esm/possibleConstructorReturn.js","../../node_modules/_@babel_runtime@7.17.2@@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.17.2@@babel/runtime/helpers/esm/isNativeFunction.js","../../node_modules/_@babel_runtime@7.17.2@@babel/runtime/helpers/esm/isNativeReflectConstruct.js","../../node_modules/_@babel_runtime@7.17.2@@babel/runtime/helpers/esm/construct.js","../../node_modules/_@babel_runtime@7.17.2@@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.17.2@@babel/runtime/helpers/esm/arrayLikeToArray.js","../../node_modules/_@babel_runtime@7.17.2@@babel/runtime/helpers/esm/arrayWithoutHoles.js","../../node_modules/_@babel_runtime@7.17.2@@babel/runtime/helpers/esm/iterableToArray.js","../../node_modules/_@babel_runtime@7.17.2@@babel/runtime/helpers/esm/unsupportedIterableToArray.js","../../node_modules/_@babel_runtime@7.17.2@@babel/runtime/helpers/esm/nonIterableSpread.js","../../node_modules/_@babel_runtime@7.17.2@@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.17.2@@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.17.2@@babel/runtime/helpers/esm/superPropBase.js","../../node_modules/_@babel_runtime@7.17.2@@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/src/setting/aspectRatio.js
+11 -4
View File
@@ -1,29 +1,36 @@
import { inverseClass, queryAll } from '../utils';
import { inverseClass, query, queryAll } from '../utils';
export default function aspectRatio(art) {
const { i18n, icons } = art;
console.log(art.aspectRatio);
function getI18n(value) {
return value === 'default' ? i18n.get('Default') : value;
}
return {
width: 150,
html: i18n.get('Aspect Ratio'),
icon: icons.aspectRatio,
desc: getI18n(art.aspectRatio),
selector: ['default', '4:3', '16:9'].map((item) => {
return {
value: item,
default: item === art.aspectRatio,
html: item === 'default' ? i18n.get('Default') : item,
html: getI18n(item),
};
}),
onSelect(item) {
art.aspectRatio = item.value;
},
mounted: ($panel) => {
mounted: ($panel, item) => {
const $desc = query('.art-setting-item-right-desc', item.$item);
$desc.innerText = getI18n(art.aspectRatio);
art.on('aspectRatio', (value) => {
const $current = queryAll('.art-setting-item', $panel).find((item) => item.dataset.value === value);
if ($current) {
inverseClass($current, 'art-current');
$desc.innerText = getI18n(art.aspectRatio);
}
});
},
packages/artplayer/src/setting/flip.js
+9 -3
View File
@@ -1,7 +1,7 @@
import { inverseClass, queryAll } from '../utils';
import { inverseClass, query, queryAll } from '../utils';
export default function flip(art) {
const { i18n } = art;
const { i18n, icons } = art;
const keys = {
normal: 'Normal',
@@ -12,6 +12,8 @@ export default function flip(art) {
return {
width: 150,
html: i18n.get('Video Flip'),
desc: i18n.get(keys[art.flip]),
icon: icons.config,
selector: Object.keys(keys).map((item) => {
return {
value: item,
@@ -22,11 +24,15 @@ export default function flip(art) {
onSelect(item) {
art.flip = item.value;
},
mounted: ($panel) => {
mounted: ($panel, item) => {
const $desc = query('.art-setting-item-right-desc', item.$item);
$desc.innerText = i18n.get(keys[art.flip]);
art.on('flip', (value) => {
const $current = queryAll('.art-setting-item', $panel).find((item) => item.dataset.value === value);
if ($current) {
inverseClass($current, 'art-current');
$desc.innerText = i18n.get(keys[art.flip]);
}
});
},
packages/artplayer/src/setting/index.js
+4 -1
View File
@@ -134,6 +134,9 @@ export default class Setting extends Component {
const $desc = document.createElement('div');
addClass($desc, 'art-setting-item-right-desc');
append($right, $desc);
if (item.desc) {
$desc.innerText = item.desc;
}
const $iconRight = document.createElement('div');
addClass($iconRight, 'art-setting-item-right-icon');
@@ -190,7 +193,7 @@ export default class Setting extends Component {
setStyle(this.$parent, 'width', `${$panel.dataset.width}px`);
if (option[0] && option[0]._parentItem && option[0]._parentItem.mounted) {
option[0]._parentItem.mounted.call(this.art, $panel);
option[0]._parentItem.mounted.call(this.art, $panel, option[0]._parentItem);
}
}
}
packages/artplayer/src/setting/playbackRate.js
+12 -3
View File
@@ -1,29 +1,38 @@
import { inverseClass, queryAll } from '../utils';
import { inverseClass, query, queryAll } from '../utils';
export default function playbackRate(art) {
const { i18n, icons } = art;
function getI18n(value) {
return value === 1.0 ? i18n.get('Normal') : value;
}
return {
width: 150,
html: i18n.get('Play Speed'),
desc: getI18n(art.playbackRate),
icon: icons.playbackRate,
selector: [0.5, 0.75, 1.0, 1.25, 1.5, 2.0].map((item) => {
return {
value: item,
default: item === art.playbackRate,
html: item === 1.0 ? i18n.get('Normal') : item,
html: getI18n(item),
};
}),
onSelect(item) {
art.playbackRate = item.value;
},
mounted: ($panel) => {
mounted: ($panel, item) => {
const $desc = query('.art-setting-item-right-desc', item.$item);
$desc.innerText = getI18n(art.playbackRate);
art.on('playbackRate', (value) => {
const $current = queryAll('.art-setting-item', $panel).find(
(item) => Number(item.dataset.value) === value,
);
if ($current) {
inverseClass($current, 'art-current');
$desc.innerText = getI18n(art.playbackRate);
}
});
},
packages/artplayer/src/setting/subtitleOffset.js
+15 -4
View File
@@ -1,27 +1,38 @@
import { inverseClass, queryAll } from '../utils';
import { inverseClass, query, queryAll } from '../utils';
export default function subtitleOffset(art) {
const { i18n, icons } = art;
function getI18n(value) {
return value === 0 ? i18n.get('Normal') : value;
}
return {
width: 150,
html: i18n.get('Subtitle Offset'),
desc: getI18n(art.subtitleOffset),
icon: icons.subtitle,
selector: [-5, -4, -3, -2, -1, 0, 1, 2, 3, 4, 5].map((item) => {
return {
value: item,
default: item === art.subtitleOffset,
html: item === 0 ? i18n.get('Normal') : item,
html: getI18n(item),
};
}),
onSelect(item) {
art.subtitleOffset = item.value;
},
mounted: ($panel) => {
mounted: ($panel, item) => {
const $desc = query('.art-setting-item-right-desc', item.$item);
$desc.innerText = getI18n(art.subtitleOffset);
art.on('subtitleOffset', (value) => {
const $current = queryAll('.art-setting-item', $panel).find((item) => item.dataset.value === value);
const $current = queryAll('.art-setting-item', $panel).find(
(item) => Number(item.dataset.value) === value,
);
if ($current) {
inverseClass($current, 'art-current');
$desc.innerText = getI18n(art.subtitleOffset);
}
});
},