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

remove indicatorGestureInit

Browse Source
This commit is contained in:
Harvey committed 2022-04-27 13:19:03 +08:00
1 parent 26fedfa3d1
commit a891ccd7d1
7 files changed
+188 -283
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

packages/artplayer/src/control/progress.js
+39 -36
View File
@@ -1,5 +1,4 @@
import { query, clamp, append, setStyle, setStyles, secondToTime, includeFromEvent, isMobile } from '../utils';
import { indicatorGestureInit } from '../events/gestureInit';
export function getPosFromEvent(art, event) {
const { $progress } = art.template;
@@ -114,6 +113,10 @@ export default function progress(options) {
setBar('loaded', art.loaded);
art.on('setBar', (type, percentage) => {
setBar(type, percentage);
});
art.on('video:progress', () => {
setBar('loaded', art.loaded);
});
@@ -126,46 +129,46 @@ export default function progress(options) {
setBar('played', 1);
});
proxy($control, 'mousemove', (event) => {
setStyle($tip, 'display', 'block');
if (includeFromEvent(event, $highlight)) {
showHighlight(event);
} else {
showTime(event);
}
});
if (!isMobile) {
proxy($control, 'click', (event) => {
if (event.target !== $indicator) {
const { second, percentage } = getPosFromEvent(art, event);
setBar('played', percentage);
art.seek = second;
}
});
proxy($control, 'mouseout', () => {
setStyle($tip, 'display', 'none');
});
proxy($control, 'mousemove', (event) => {
setStyle($tip, 'display', 'block');
if (includeFromEvent(event, $highlight)) {
showHighlight(event);
} else {
showTime(event);
}
});
proxy($control, 'click', (event) => {
if (event.target !== $indicator) {
const { second, percentage } = getPosFromEvent(art, event);
setBar('played', percentage);
art.seek = second;
}
});
proxy($control, 'mouseout', () => {
setStyle($tip, 'display', 'none');
});
proxy($indicator, 'mousedown', () => {
isDroging = true;
});
proxy($indicator, 'mousedown', () => {
isDroging = true;
});
proxy(document, 'mousemove', (event) => {
if (isDroging) {
const { second, percentage } = getPosFromEvent(art, event);
setBar('played', percentage);
art.seek = second;
}
});
proxy(document, 'mousemove', (event) => {
if (isDroging) {
const { second, percentage } = getPosFromEvent(art, event);
setBar('played', percentage);
art.seek = second;
}
});
proxy(document, 'mouseup', () => {
if (isDroging) {
isDroging = false;
}
});
indicatorGestureInit(art, $indicator, setBar);
proxy(document, 'mouseup', () => {
if (isDroging) {
isDroging = false;
}
});
}
},
};
};