unified-video-framework 1.4.447 → 1.4.448
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/package.json +1 -1
- package/packages/core/dist/version.d.ts +1 -1
- package/packages/core/dist/version.js +1 -1
- package/packages/core/src/version.ts +1 -1
- package/packages/web/dist/WebPlayer.d.ts.map +1 -1
- package/packages/web/dist/WebPlayer.js +39 -1
- package/packages/web/dist/WebPlayer.js.map +1 -1
- package/packages/web/src/WebPlayer.ts +43 -1
|
@@ -5705,7 +5705,37 @@ export class WebPlayer extends BasePlayer {
|
|
|
5705
5705
|
top: 2px; /* Center on the 4px hover progress bar (2px from top) */
|
|
5706
5706
|
transform: translate(-50%, -50%) scale(1);
|
|
5707
5707
|
}
|
|
5708
|
-
|
|
5708
|
+
|
|
5709
|
+
/* Prevent text selection during seekbar drag */
|
|
5710
|
+
.uvf-player-wrapper.seeking {
|
|
5711
|
+
user-select: none;
|
|
5712
|
+
-webkit-user-select: none;
|
|
5713
|
+
-moz-user-select: none;
|
|
5714
|
+
-ms-user-select: none;
|
|
5715
|
+
}
|
|
5716
|
+
|
|
5717
|
+
/* Maintain expanded seekbar state during drag (same as hover) */
|
|
5718
|
+
.uvf-progress-bar-wrapper.dragging .uvf-progress-bar {
|
|
5719
|
+
height: 4px;
|
|
5720
|
+
background: rgba(255, 255, 255, 0.2);
|
|
5721
|
+
border-radius: 6px;
|
|
5722
|
+
transform: scaleY(1.1);
|
|
5723
|
+
}
|
|
5724
|
+
|
|
5725
|
+
.uvf-progress-bar-wrapper.dragging .uvf-progress-handle {
|
|
5726
|
+
opacity: 1;
|
|
5727
|
+
top: 2px;
|
|
5728
|
+
transform: translate(-50%, -50%) scale(1);
|
|
5729
|
+
}
|
|
5730
|
+
|
|
5731
|
+
.uvf-progress-bar-wrapper.dragging .uvf-progress-buffered {
|
|
5732
|
+
border-radius: 6px;
|
|
5733
|
+
}
|
|
5734
|
+
|
|
5735
|
+
.uvf-progress-bar-wrapper.dragging .uvf-progress-filled {
|
|
5736
|
+
border-radius: 6px;
|
|
5737
|
+
}
|
|
5738
|
+
|
|
5709
5739
|
.uvf-progress-handle:hover {
|
|
5710
5740
|
transform: translate(-50%, -50%) scale(1.2);
|
|
5711
5741
|
box-shadow: 0 3px 12px rgba(0, 0, 0, 0.4);
|
|
@@ -9376,6 +9406,9 @@ export class WebPlayer extends BasePlayer {
|
|
|
9376
9406
|
progressBar?.addEventListener('mousedown', (e) => {
|
|
9377
9407
|
this.isDragging = true;
|
|
9378
9408
|
this.showTimeTooltip = true;
|
|
9409
|
+
// Maintain seekbar expanded state and prevent text selection during drag
|
|
9410
|
+
progressBar.classList.add('dragging');
|
|
9411
|
+
this.playerWrapper?.classList.add('seeking');
|
|
9379
9412
|
this.seekToPosition(e as MouseEvent);
|
|
9380
9413
|
this.updateTimeTooltip(e as MouseEvent);
|
|
9381
9414
|
});
|
|
@@ -9405,6 +9438,9 @@ export class WebPlayer extends BasePlayer {
|
|
|
9405
9438
|
progressBar?.addEventListener('touchstart', (e) => {
|
|
9406
9439
|
e.preventDefault(); // Prevent scrolling
|
|
9407
9440
|
this.isDragging = true;
|
|
9441
|
+
// Maintain seekbar expanded state and prevent text selection during drag
|
|
9442
|
+
progressBar.classList.add('dragging');
|
|
9443
|
+
this.playerWrapper?.classList.add('seeking');
|
|
9408
9444
|
const touch = e.touches[0];
|
|
9409
9445
|
const mouseEvent = new MouseEvent('mousedown', {
|
|
9410
9446
|
clientX: touch.clientX,
|
|
@@ -9451,6 +9487,9 @@ export class WebPlayer extends BasePlayer {
|
|
|
9451
9487
|
|
|
9452
9488
|
if (this.isDragging) {
|
|
9453
9489
|
this.isDragging = false;
|
|
9490
|
+
// Remove dragging classes
|
|
9491
|
+
progressBar?.classList.remove('dragging');
|
|
9492
|
+
this.playerWrapper?.classList.remove('seeking');
|
|
9454
9493
|
// Remove dragging class from handle
|
|
9455
9494
|
const handle = document.getElementById('uvf-progress-handle');
|
|
9456
9495
|
handle?.classList.remove('dragging');
|
|
@@ -9466,6 +9505,9 @@ export class WebPlayer extends BasePlayer {
|
|
|
9466
9505
|
document.addEventListener('touchend', () => {
|
|
9467
9506
|
if (this.isDragging) {
|
|
9468
9507
|
this.isDragging = false;
|
|
9508
|
+
// Remove dragging classes
|
|
9509
|
+
progressBar?.classList.remove('dragging');
|
|
9510
|
+
this.playerWrapper?.classList.remove('seeking');
|
|
9469
9511
|
// Remove dragging class from handle
|
|
9470
9512
|
const handle = document.getElementById('uvf-progress-handle');
|
|
9471
9513
|
handle?.classList.remove('dragging');
|