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

Playback rate (#411)

Browse Source 
* update
This commit is contained in:
Harvey Zack authored and GitHub committed 2022-10-29 21:14:17 +08:00
1 parent efc9cf7362
commit 6715bc457a
16 files changed
+268 -267
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

packages/artplayer/src/setting/aspectRatio.js
+7 -3
View File
@@ -1,7 +1,11 @@
import { inverseClass, queryAll } from '../utils';
export default function aspectRatio(art) {
const { i18n, icons, constructor } = art;
const {
i18n,
icons,
constructor: { SETTING_ITEM_WIDTH, ASPECT_RATIO },
} = art;
function getI18n(value) {
return value === 'default' ? i18n.get('Default') : value;
@@ -14,11 +18,11 @@ export default function aspectRatio(art) {
}
return {
width: constructor.SETTING_ITEM_WIDTH,
width: SETTING_ITEM_WIDTH,
html: i18n.get('Aspect Ratio'),
icon: icons.aspectRatio,
tooltip: getI18n(art.aspectRatio),
selector: ['default', '4:3', '16:9'].map((item) => {
selector: ASPECT_RATIO.map((item) => {
return {
value: item,
default: item === art.aspectRatio,
packages/artplayer/src/setting/flip.js
+11 -13
View File
@@ -1,30 +1,28 @@
import { inverseClass, queryAll } from '../utils';
import { inverseClass, queryAll, capitalize } from '../utils';
export default function flip(art) {
const { i18n, icons, constructor } = art;
const keys = {
normal: 'Normal',
horizontal: 'Horizontal',
vertical: 'Vertical',
};
const {
i18n,
icons,
constructor: { SETTING_ITEM_WIDTH, FLIP },
} = art;
function update($panel, $tooltip, value) {
if ($tooltip) $tooltip.innerText = i18n.get(keys[value]);
if ($tooltip) $tooltip.innerText = i18n.get(capitalize(value));
const $current = queryAll('.art-setting-item', $panel).find((item) => item.dataset.value === value);
if ($current) inverseClass($current, 'art-current');
}
return {
width: constructor.SETTING_ITEM_WIDTH,
width: SETTING_ITEM_WIDTH,
html: i18n.get('Video Flip'),
tooltip: i18n.get(keys[art.flip]),
tooltip: i18n.get(capitalize(art.flip)),
icon: icons.flip,
selector: Object.keys(keys).map((item) => {
selector: FLIP.map((item) => {
return {
value: item,
default: item === art.flip,
html: i18n.get(keys[item]),
html: i18n.get(capitalize(item)),
};
}),
onSelect(item) {
packages/artplayer/src/setting/playbackRate.js
+7 -3
View File
@@ -1,7 +1,11 @@
import { inverseClass, queryAll } from '../utils';
export default function playbackRate(art) {
const { i18n, icons, constructor } = art;
const {
i18n,
icons,
constructor: { SETTING_ITEM_WIDTH, PLAYBACK_RATE },
} = art;
function getI18n(value) {
return value === 1.0 ? i18n.get('Normal') : value;
@@ -14,11 +18,11 @@ export default function playbackRate(art) {
}
return {
width: constructor.SETTING_ITEM_WIDTH,
width: SETTING_ITEM_WIDTH,
html: i18n.get('Play Speed'),
tooltip: getI18n(art.playbackRate),
icon: icons.playbackRate,
selector: [0.5, 0.75, 1.0, 1.25, 1.5, 2.0].map((item) => {
selector: PLAYBACK_RATE.map((item) => {
return {
value: item,
default: item === art.playbackRate,