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

fix: correct typos in player modules (#969)

Browse Source
This commit is contained in:
Harvey Zhao authored and GitHub committed 2025-06-13 20:31:27 +08:00
1 parent 169c6a318a
commit 078b595819
12 files changed
+39 -39
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

packages/artplayer/src/config/index.js
+1 -1
View File
@@ -1,5 +1,5 @@
export default {
propertys: [
properties: [
'audioTracks',
'autoplay',
'buffered',
packages/artplayer/src/control/airplay.js
+1 -1
View File
@@ -1,6 +1,6 @@
import { append } from '../utils';
export default function pip(option) {
export default function airplay(option) {
return (art) => ({
...option,
tooltip: art.i18n.get('AirPlay'),
packages/artplayer/src/control/progress.js
+7 -7
View File
@@ -42,7 +42,7 @@ export default function progress(options) {
`,
mounted: ($control) => {
let tipTimer = null;
let isDroging = false;
let isDragging = false;
const $hover = query('.art-progress-hover', $control);
const $loaded = query('.art-progress-loaded', $control);
@@ -95,7 +95,7 @@ export default function progress(options) {
}
function setBar(type, percentage, event) {
const isMobileDroging = type === 'played' && event && isMobile;
const isMobileDragging = type === 'played' && event && isMobile;
if (type === 'loaded') {
setStyle($loaded, 'width', `${percentage * 100}%`);
@@ -110,7 +110,7 @@ export default function progress(options) {
setStyle($indicator, 'left', `${percentage * 100}%`);
}
if (isMobileDroging) {
if (isMobileDragging) {
setStyle($tip, 'display', 'flex');
const width = $control.clientWidth * percentage;
const time = secondToTime(percentage * art.duration);
@@ -170,11 +170,11 @@ export default function progress(options) {
});
proxy($control, 'mousedown', (event) => {
isDroging = event.button === 0;
isDragging = event.button === 0;
});
art.on('document:mousemove', (event) => {
if (isDroging) {
if (isDragging) {
const { second, percentage } = getPosFromEvent(art, event);
art.emit('setBar', 'played', percentage, event);
art.seek = second;
@@ -182,8 +182,8 @@ export default function progress(options) {
});
art.on('document:mouseup', () => {
if (isDroging) {
isDroging = false;
if (isDragging) {
isDragging = false;
}
});
}
packages/artplayer/src/control/volume.js
+5 -5
View File
@@ -52,23 +52,23 @@ export default function volume(option) {
if (isMobile) {
setStyle($panel, 'display', 'none');
} else {
let isDroging = false;
let isDragging = false;
proxy($slider, 'mousedown', (event) => {
isDroging = event.button === 0;
isDragging = event.button === 0;
art.volume = getVolumeFromEvent(event);
});
art.on('document:mousemove', (event) => {
if (isDroging) {
if (isDragging) {
art.muted = false;
art.volume = getVolumeFromEvent(event);
}
});
art.on('document:mouseup', () => {
if (isDroging) {
isDroging = false;
if (isDragging) {
isDragging = false;
}
});
}
packages/artplayer/src/events/gestureInit.js
+5 -5
View File
@@ -33,7 +33,7 @@ export default function gestureInit(art, events) {
const { $video, $progress } = art.template;
let touchTarget = null;
let isDroging = false;
let isDragging = false;
let startX = 0;
let startY = 0;
let startTime = 0;
@@ -44,7 +44,7 @@ export default function gestureInit(art, events) {
setCurrentTime(art, event);
}
isDroging = true;
isDragging = true;
const { pageX, pageY } = event.touches[0];
startX = pageX;
startY = pageY;
@@ -53,7 +53,7 @@ export default function gestureInit(art, events) {
};
const onTouchMove = (event) => {
if (event.touches.length === 1 && isDroging && art.duration) {
if (event.touches.length === 1 && isDragging && art.duration) {
const { pageX, pageY } = event.touches[0];
const direction = GetSlideDirection(startX, startY, pageX, pageY);
const isHorizontal = [3, 4].includes(direction);
@@ -73,11 +73,11 @@ export default function gestureInit(art, events) {
};
const onTouchEnd = () => {
if (isDroging) {
if (isDragging) {
startX = 0;
startY = 0;
startTime = 0;
isDroging = false;
isDragging = false;
touchTarget = null;
}
};
packages/artplayer/src/player/autoSizeMix.js
+1 -1
View File
@@ -1,6 +1,6 @@
import { setStyle, def, getRect } from '../utils';
export default function resizeMix(art) {
export default function autoSizeMix(art) {
const { $container, $player, $video } = art.template;
def(art, 'autoSize', {
packages/artplayer/src/player/loadedMix.js
+1 -1
View File
@@ -1,6 +1,6 @@
import { def } from '../utils';
export default function seekMix(art) {
export default function loadedMix(art) {
const { $video } = art.template;
def(art, 'loaded', {
packages/artplayer/src/player/miniMix.js
+7 -7
View File
@@ -8,7 +8,7 @@ export default function miniMix(art) {
template: { $player, $video },
} = art;
let isDroging = false;
let isDragging = false;
let lastPageX = 0;
let lastPageY = 0;
@@ -59,14 +59,14 @@ export default function miniMix(art) {
art.on('video:timeupdate', () => initState($play, $pause));
proxy($mini, 'mousedown', (event) => {
isDroging = event.button === 0;
isDragging = event.button === 0;
lastPageX = event.pageX;
lastPageY = event.pageY;
});
art.on('document:mousemove', (event) => {
if (isDroging) {
addClass($mini, 'art-mini-droging');
if (isDragging) {
addClass($mini, 'art-mini-dragging');
const x = event.pageX - lastPageX;
const y = event.pageY - lastPageY;
setStyle($mini, 'transform', `translate(${x}px, ${y}px)`);
@@ -74,9 +74,9 @@ export default function miniMix(art) {
});
art.on('document:mouseup', () => {
if (isDroging) {
isDroging = false;
removeClass($mini, 'art-mini-droging');
if (isDragging) {
isDragging = false;
removeClass($mini, 'art-mini-dragging');
const rect = getRect($mini);
storage.set('left', rect.left);
storage.set('top', rect.top);
packages/artplayer/src/player/optionInit.js
+1 -1
View File
@@ -1,6 +1,6 @@
import { clamp, setStyle } from '../utils';
export default function attrInit(art) {
export default function optionInit(art) {
const {
option,
storage,
packages/artplayer/src/player/thumbnailsMix.js
+3 -3
View File
@@ -60,9 +60,9 @@ export default function thumbnailsMix(art) {
const { url, scale } = option.thumbnails;
if (!$thumbnails || !url) return;
const isMobileDroging = type === 'played' && event && isMobile;
const isMobileDragging = type === 'played' && event && isMobile;
if (type === 'hover' || isMobileDroging) {
if (type === 'hover' || isMobileDragging) {
if (!loading) {
loading = true;
image = await loadImg(url, scale);
@@ -82,7 +82,7 @@ export default function thumbnailsMix(art) {
}
}
if (isMobileDroging) {
if (isMobileDragging) {
clearTimeout(timer);
timer = setTimeout(() => {
setStyle($thumbnails, 'display', 'none');
packages/artplayer/src/setting/index.js
+6 -6
View File
@@ -212,7 +212,7 @@ export default class Setting extends Component {
this.inactivate(item);
Object.assign(item, target);
this.format();
this.creatItem(item, true);
this.createItem(item, true);
this.render();
return item;
} else {
@@ -223,12 +223,12 @@ export default class Setting extends Component {
add(item, option = this.option) {
option.push(item);
this.format();
this.creatItem(item);
this.createItem(item);
this.render();
return item;
}
creatHeader(item) {
createHeader(item) {
if (!this.cache.has(item.$option)) return;
const $panel = this.cache.get(item.$option);
@@ -253,7 +253,7 @@ export default class Setting extends Component {
append($panel, $item);
}
creatItem(item, isUpdate = false) {
createItem(item, isUpdate = false) {
if (!this.cache.has(item.$option)) return;
const $panel = this.cache.get(item.$option);
const oldItem = item.$item;
@@ -531,11 +531,11 @@ export default class Setting extends Component {
inverseClass($panel, 'art-current');
if (option[0]?.$parent) {
this.creatHeader(option[0]);
this.createHeader(option[0]);
}
for (let index = 0; index < option.length; index++) {
this.creatItem(option[index]);
this.createItem(option[index]);
}
}
this.resize();
packages/artplayer/src/style/mini.less
+1 -1
View File
@@ -50,7 +50,7 @@
}
}
&.art-mini-droging {
&.art-mini-dragging {
opacity: 0.9;
}