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

refactor: update progress control to use $progress element for event handling

Browse Source
This commit is contained in:
Harvey Zhao committed 2026-03-08 14:38:37 +08:00
1 parent 92f09a4290
commit 89a28e91fe
2 files changed
+10 -10
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

docs/uncompiled/artplayer/index.js
+5 -5
View File
@@ -1199,7 +1199,7 @@ ${line.text}`;
function progress(options) {
return (art) => {
const { icons, option, proxy } = art;
const { $player } = art.template;
const { $player, $progress } = art.template;
return {
...options,
html: `
@@ -1313,19 +1313,19 @@ ${line.text}`;
}
art.emit("setBar", "loaded", art.loaded || 0);
if (!isMobile) {
proxy($control, "click", (event) => {
proxy($progress, "click", (event) => {
if (event.target !== $indicator) {
setCurrentTime(art, event);
}
});
proxy($control, "mousemove", (event) => {
proxy($progress, "mousemove", (event) => {
const { percentage } = getPosFromEvent(art, event);
art.emit("setBar", "hover", percentage, event);
});
proxy($control, "mouseleave", (event) => {
proxy($progress, "mouseleave", (event) => {
art.emit("setBar", "hover", 0, event);
});
proxy($control, "mousedown", (event) => {
proxy($progress, "mousedown", (event) => {
isDragging = event.button === 0;
});
art.on("document:mousemove", (event) => {
packages/artplayer/src/control/progress.js
+5 -5
View File
@@ -28,7 +28,7 @@ export function setCurrentTime(art, event) {
export default function progress(options) {
return (art) => {
const { icons, option, proxy } = art
const { $player } = art.template
const { $player, $progress } = art.template
return {
...options,
@@ -169,22 +169,22 @@ export default function progress(options) {
art.emit('setBar', 'loaded', art.loaded || 0)
if (!isMobile) {
proxy($control, 'click', (event) => {
proxy($progress, 'click', (event) => {
if (event.target !== $indicator) {
setCurrentTime(art, event)
}
})
proxy($control, 'mousemove', (event) => {
proxy($progress, 'mousemove', (event) => {
const { percentage } = getPosFromEvent(art, event)
art.emit('setBar', 'hover', percentage, event)
})
proxy($control, 'mouseleave', (event) => {
proxy($progress, 'mouseleave', (event) => {
art.emit('setBar', 'hover', 0, event)
})
proxy($control, 'mousedown', (event) => {
proxy($progress, 'mousedown', (event) => {
isDragging = event.button === 0
})