mirrors/copyparty
1
0
Fork 0
mirror of https://github.com/9001/copyparty.git synced 2025-08-17 09:02:15 -06:00
Code Issues Actions Packages Projects Releases Wiki Activity

ux: hide video ui + floor seekbar text

Browse source 
* hide lightbox buttons when a video is playing

* move audio seekbar text to the bottom, so it
   hides less of the waveform and minute-markers
This commit is contained in:
ed 2024-06-01 00:35:44 +00:00
parent 07b2bf1104
commit 60c96f990a
2 changed files with 13 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
copyparty/web/baguettebox.js
View file

@ -743,6 +743,8 @@ window.baguetteBox = (function () {
image.volume = clamp(fcfg_get('vol', dvol / 100), 0, 1); image.volume = clamp(fcfg_get('vol', dvol / 100), 0, 1);
image.setAttribute('controls', 'controls'); image.setAttribute('controls', 'controls');
image.onended = vidEnd; image.onended = vidEnd;
image.onplay = function () { show_buttons(1); };
image.onpause = function () { show_buttons(); };
} }
image.alt = thumbnailElement ? thumbnailElement.alt || '' : ''; image.alt = thumbnailElement ? thumbnailElement.alt || '' : '';
if (options.titleTag && imageCaption) if (options.titleTag && imageCaption)
@ -988,6 +990,12 @@ window.baguetteBox = (function () {
} }
} }
function show_buttons(v) {
clmod(ebi('bbox-btns'), 'off', v);
clmod(btnPrev, 'off', v);
clmod(btnNext, 'off', v);
}
function bounceAnimation(direction) { function bounceAnimation(direction) {
slider.className = options.animation == 'slideIn' ? 'bounce-from-' + direction : 'eog'; slider.className = options.animation == 'slideIn' ? 'bounce-from-' + direction : 'eog';
setTimeout(function () { setTimeout(function () {
@ -1051,10 +1059,8 @@ window.baguetteBox = (function () {
if (fx > 0.7) if (fx > 0.7)
return showNextImage(); return showNextImage();
clmod(ebi('bbox-btns'), 'off', 't'); show_buttons('t');
clmod(btnPrev, 'off', 't');
clmod(btnNext, 'off', 't');
if (Date.now() - ctime <= 500 && !IPHONE) if (Date.now() - ctime <= 500 && !IPHONE)
tglfull(); tglfull();

6
copyparty/web/browser.js
View file

@ -2047,8 +2047,8 @@ var pbar = (function () {
r.buf = canvas_cfg(ebi('barbuf')); r.buf = canvas_cfg(ebi('barbuf'));
r.pos = canvas_cfg(ebi('barpos')); r.pos = canvas_cfg(ebi('barpos'));
r.buf.ctx.font = '.5em sans-serif'; r.buf.ctx.font = '.5em sans-serif';
r.pos.ctx.font = '1em sans-serif'; r.pos.ctx.font = '.9em sans-serif';
r.pos.ctx.strokeStyle = 'rgba(24,56,0,0.4)'; r.pos.ctx.strokeStyle = 'rgba(24,56,0,0.5)';
r.drawbuf(); r.drawbuf();
r.drawpos(); r.drawpos();
if (!r.pos.can.onmouseleave) if (!r.pos.can.onmouseleave)
@ -2214,7 +2214,7 @@ var pbar = (function () {
var m1 = pctx.measureText(t1), var m1 = pctx.measureText(t1),
m1b = pctx.measureText(t1 + ":88"), m1b = pctx.measureText(t1 + ":88"),
m2 = pctx.measureText(t2), m2 = pctx.measureText(t2),
yt = pc.h / 3 * 2.1, yt = pc.h * 0.94,
xt1 = pc.w - (m1.width + 12), xt1 = pc.w - (m1.width + 12),
xt2 = x < m1.width * 1.4 ? (x + 12) : (Math.min(pc.w - m1b.width, x - 12) - m2.width); xt2 = x < m1.width * 1.4 ? (x + 12) : (Math.min(pc.w - m1b.width, x - 12) - m2.width);