unified-video-framework 1.4.188 → 1.4.190

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.
Files changed (5) hide show
  1. package/package.json +1 -1
  2. package/packages/web/dist/WebPlayer.d.ts.map +1 -1
  3. package/packages/web/dist/WebPlayer.js +87 -150
  4. package/packages/web/dist/WebPlayer.js.map +1 -1
  5. package/packages/web/src/WebPlayer.ts +92 -152
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "unified-video-framework",
3
- "version": "1.4.188",
3
+ "version": "1.4.190",
4
4
  "description": "Cross-platform video player framework supporting iOS, Android, Web, Smart TVs (Samsung/LG), Roku, and more",
5
5
  "main": "packages/core/dist/index.js",
6
6
  "types": "packages/core/dist/index.d.ts",
package/packages/web/dist/WebPlayer.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"WebPlayer.d.ts","sourceRoot":"","sources":["../src/WebPlayer.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"WebPlayer.d.ts","sourceRoot":"","sources":["../src/WebPlayer.ts"],"names":[],"mappings":"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"}
package/packages/web/dist/WebPlayer.js CHANGED
@@ -3177,25 +3177,35 @@ export class WebPlayer extends BasePlayer {
3177
3177
  margin-left: 10px;
3178
3178
  }
3179
3179
 
3180
- /* Title Bar */
3181
- .uvf-title-bar {
3180
+ /* Top Bar Container - Contains Title (left) and Controls (right) */
3181
+ .uvf-top-bar {
3182
3182
  position: absolute;
3183
3183
  top: 0;
3184
3184
  left: 0;
3185
3185
  right: 0;
3186
3186
  padding: 20px;
3187
3187
  z-index: 7;
3188
+ display: flex;
3189
+ justify-content: space-between;
3190
+ align-items: flex-start;
3191
+ gap: 20px;
3188
3192
  opacity: 0;
3189
3193
  transform: translateY(-10px);
3190
3194
  transition: all 0.3s ease;
3191
3195
  }
3192
3196
 
3193
- .uvf-player-wrapper:hover .uvf-title-bar,
3194
- .uvf-player-wrapper.controls-visible .uvf-title-bar {
3197
+ .uvf-player-wrapper:hover .uvf-top-bar,
3198
+ .uvf-player-wrapper.controls-visible .uvf-top-bar {
3195
3199
  opacity: 1;
3196
3200
  transform: translateY(0);
3197
3201
  }
3198
3202
 
3203
+ /* Title Bar - Left side of top bar */
3204
+ .uvf-title-bar {
3205
+ flex: 0 1 auto;
3206
+ max-width: 60%;
3207
+ }
3208
+
3199
3209
  .uvf-title-content {
3200
3210
  display: flex;
3201
3211
  align-items: center;
@@ -3337,29 +3347,13 @@ export class WebPlayer extends BasePlayer {
3337
3347
  }
3338
3348
  }
3339
3349
 
3340
- /* Top Controls */
3350
+ /* Top Controls - Right side of top bar */
3341
3351
  .uvf-top-controls {
3342
- position: absolute;
3343
- top: 20px;
3344
- right: 0;
3345
- left: 0;
3346
- z-index: 10;
3347
3352
  display: flex;
3348
3353
  align-items: center;
3349
3354
  justify-content: flex-end;
3350
3355
  gap: 12px;
3351
- padding-right: 20px;
3352
- padding-left: 20px;
3353
- opacity: 0;
3354
- transform: translateY(-10px);
3355
- transition: all 0.3s ease;
3356
- }
3357
-
3358
- .uvf-player-wrapper:hover .uvf-top-controls,
3359
- .uvf-player-wrapper.controls-visible .uvf-top-controls,
3360
- .uvf-player-wrapper.uvf-casting .uvf-top-controls {
3361
- opacity: 1;
3362
- transform: translateY(0);
3356
+ flex-shrink: 0;
3363
3357
  }
3364
3358
 
3365
3359
  .uvf-top-btn {
@@ -3586,9 +3580,8 @@ export class WebPlayer extends BasePlayer {
3586
3580
  100% { opacity: 0; transform: translate(-50%, -50%) scale(0.8); }
3587
3581
  }
3588
3582
 
3589
- /* Hide top elements with controls */
3590
- .uvf-player-wrapper.no-cursor .uvf-title-bar,
3591
- .uvf-player-wrapper.no-cursor .uvf-top-controls {
3583
+ /* Hide top bar when no cursor */
3584
+ .uvf-player-wrapper.no-cursor .uvf-top-bar {
3592
3585
  opacity: 0 !important;
3593
3586
  transform: translateY(-10px) !important;
3594
3587
  pointer-events: none;
@@ -3673,8 +3666,7 @@ export class WebPlayer extends BasePlayer {
3673
3666
  }
3674
3667
 
3675
3668
  /* Ensure overlays remain visible in fullscreen with consistent spacing */
3676
- .uvf-player-wrapper.uvf-fullscreen .uvf-title-bar,
3677
- .uvf-player-wrapper.uvf-fullscreen .uvf-top-controls,
3669
+ .uvf-player-wrapper.uvf-fullscreen .uvf-top-bar,
3678
3670
  .uvf-player-wrapper.uvf-fullscreen .uvf-controls-bar,
3679
3671
  .uvf-player-wrapper.uvf-fullscreen .uvf-top-gradient,
3680
3672
  .uvf-player-wrapper.uvf-fullscreen .uvf-controls-gradient {
@@ -3689,22 +3681,13 @@ export class WebPlayer extends BasePlayer {
3689
3681
  gap: 15px; /* Consistent gap in fullscreen */
3690
3682
  }
3691
3683
 
3692
- .uvf-player-wrapper.uvf-fullscreen .uvf-title-bar {
3684
+ .uvf-player-wrapper.uvf-fullscreen .uvf-top-bar {
3693
3685
  padding: 20px 30px;
3694
3686
  }
3695
3687
 
3696
- .uvf-player-wrapper.uvf-fullscreen .uvf-top-controls {
3697
- top: 20px;
3698
- padding-right: 30px;
3699
- padding-left: 30px;
3700
- gap: 10px;
3701
- }
3702
-
3703
3688
  /* Fullscreen hover and visibility states */
3704
- .uvf-player-wrapper.uvf-fullscreen:hover .uvf-title-bar,
3705
- .uvf-player-wrapper.uvf-fullscreen:hover .uvf-top-controls,
3706
- .uvf-player-wrapper.uvf-fullscreen.controls-visible .uvf-title-bar,
3707
- .uvf-player-wrapper.uvf-fullscreen.controls-visible .uvf-top-controls {
3689
+ .uvf-player-wrapper.uvf-fullscreen:hover .uvf-top-bar,
3690
+ .uvf-player-wrapper.uvf-fullscreen.controls-visible .uvf-top-bar {
3708
3691
  opacity: 1;
3709
3692
  transform: translateY(0);
3710
3693
  }
@@ -4028,42 +4011,53 @@ export class WebPlayer extends BasePlayer {
4028
4011
  display: none !important;
4029
4012
  }
4030
4013
 
4031
- /* Title bar positioned in top-left of middle 50% video area */
4032
- .uvf-video-container .uvf-title-bar,
4033
- .uvf-responsive-container .uvf-video-container .uvf-title-bar {
4034
- display: flex !important;
4014
+ /* Top bar container - Mobile portrait uses separate positioning */
4015
+ .uvf-video-container .uvf-top-bar,
4016
+ .uvf-responsive-container .uvf-video-container .uvf-top-bar {
4035
4017
  position: absolute !important;
4036
4018
  top: 12px !important;
4037
4019
  left: 16px !important;
4038
- right: auto !important;
4039
- width: auto !important;
4040
- max-width: 50% !important;
4041
- height: auto !important;
4020
+ right: 16px !important;
4042
4021
  padding: 0 !important;
4043
- background: transparent !important;
4044
4022
  z-index: 10 !important;
4045
4023
  opacity: 0 !important;
4046
4024
  transform: translateY(-10px) !important;
4047
4025
  transition: opacity 0.3s ease, transform 0.3s ease !important;
4048
- flex-direction: column !important;
4049
- justify-content: flex-start !important;
4026
+ display: flex !important;
4027
+ justify-content: space-between !important;
4050
4028
  align-items: flex-start !important;
4029
+ gap: 12px !important;
4051
4030
  }
4052
4031
 
4053
- /* Show title bar when controls are visible or on hover */
4054
- .uvf-player-wrapper:hover .uvf-title-bar,
4055
- .uvf-player-wrapper.controls-visible .uvf-title-bar {
4032
+ /* Show top bar when controls are visible or on hover */
4033
+ .uvf-player-wrapper:hover .uvf-top-bar,
4034
+ .uvf-player-wrapper.controls-visible .uvf-top-bar {
4056
4035
  opacity: 1 !important;
4057
4036
  transform: translateY(0) !important;
4058
4037
  }
4059
4038
 
4060
- /* Hide title bar when controls are hidden (no-cursor class) */
4061
- .uvf-player-wrapper.no-cursor .uvf-title-bar {
4039
+ /* Hide top bar when controls are hidden (no-cursor class) */
4040
+ .uvf-player-wrapper.no-cursor .uvf-top-bar {
4062
4041
  opacity: 0 !important;
4063
4042
  transform: translateY(-10px) !important;
4064
4043
  pointer-events: none !important;
4065
4044
  }
4066
4045
 
4046
+ /* Title bar within top bar - mobile portrait */
4047
+ .uvf-video-container .uvf-top-bar .uvf-title-bar,
4048
+ .uvf-responsive-container .uvf-video-container .uvf-top-bar .uvf-title-bar {
4049
+ display: flex !important;
4050
+ width: auto !important;
4051
+ max-width: 50% !important;
4052
+ height: auto !important;
4053
+ padding: 0 !important;
4054
+ background: transparent !important;
4055
+ flex-direction: column !important;
4056
+ justify-content: flex-start !important;
4057
+ align-items: flex-start !important;
4058
+ position: relative !important;
4059
+ }
4060
+
4067
4061
  /* Title content layout */
4068
4062
  .uvf-title-bar .uvf-title-content {
4069
4063
  display: flex !important;
@@ -4117,45 +4111,23 @@ export class WebPlayer extends BasePlayer {
4117
4111
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4) !important;
4118
4112
  }
4119
4113
 
4120
- /* Top controls positioned in top-right of middle 50% video area */
4121
- .uvf-video-container .uvf-top-controls,
4122
- .uvf-responsive-container .uvf-video-container .uvf-top-controls {
4114
+ /* Top controls within top bar - mobile portrait */
4115
+ .uvf-video-container .uvf-top-bar .uvf-top-controls,
4116
+ .uvf-responsive-container .uvf-video-container .uvf-top-bar .uvf-top-controls {
4123
4117
  display: flex !important;
4124
- position: absolute !important;
4125
- top: 12px !important;
4126
- left: 0 !important;
4127
- right: 0 !important;
4128
- width: 100% !important;
4129
- height: auto !important;
4130
- padding-left: 16px !important;
4131
- padding-right: 16px !important;
4132
- background: transparent !important;
4133
- z-index: 10 !important;
4134
- opacity: 0 !important;
4135
- transform: translateY(-10px) !important;
4136
- transition: opacity 0.3s ease, transform 0.3s ease !important;
4137
4118
  gap: 12px !important;
4138
4119
  align-items: flex-start !important;
4139
4120
  justify-content: flex-end !important;
4140
4121
  flex-direction: row !important;
4122
+ position: relative !important;
4141
4123
  }
4142
4124
 
4143
- /* Show top controls when controls are visible, on hover, or when casting */
4144
- .uvf-player-wrapper:hover .uvf-top-controls,
4145
- .uvf-player-wrapper.controls-visible .uvf-top-controls,
4146
- .uvf-player-wrapper.uvf-casting .uvf-top-controls {
4125
+ /* Keep top bar visible when casting */
4126
+ .uvf-player-wrapper.uvf-casting .uvf-top-bar {
4147
4127
  opacity: 1 !important;
4148
4128
  transform: translateY(0) !important;
4149
4129
  }
4150
4130
 
4151
- /* Hide top controls when controls are hidden (no-cursor class) */
4152
- /* Exception: Keep visible when casting */
4153
- .uvf-player-wrapper.no-cursor:not(.uvf-casting) .uvf-top-controls {
4154
- opacity: 0 !important;
4155
- transform: translateY(-10px) !important;
4156
- pointer-events: none !important;
4157
- }
4158
-
4159
4131
  /* Material You top buttons (cast & share) */
4160
4132
  .uvf-top-controls .uvf-top-btn {
4161
4133
  width: 48px !important;
@@ -4387,27 +4359,17 @@ export class WebPlayer extends BasePlayer {
4387
4359
  height: 22px;
4388
4360
  }
4389
4361
 
4390
- /* Compact top controls with safe area padding */
4391
- .uvf-top-controls,
4392
- .uvf-video-container .uvf-top-controls,
4393
- .uvf-responsive-container .uvf-video-container .uvf-top-controls {
4394
- position: absolute !important;
4395
- top: calc(8px + var(--uvf-safe-area-top)) !important;
4396
- left: 0 !important;
4397
- right: 0 !important;
4398
- padding-right: calc(12px + var(--uvf-safe-area-right)) !important;
4362
+ /* Top bar for landscape - compact padding */
4363
+ .uvf-top-bar,
4364
+ .uvf-video-container .uvf-top-bar,
4365
+ .uvf-responsive-container .uvf-video-container .uvf-top-bar {
4366
+ padding: 8px 12px !important;
4367
+ padding-top: calc(8px + var(--uvf-safe-area-top)) !important;
4399
4368
  padding-left: calc(12px + var(--uvf-safe-area-left)) !important;
4400
- justify-content: flex-end !important;
4369
+ padding-right: calc(12px + var(--uvf-safe-area-right)) !important;
4401
4370
  gap: 6px !important;
4402
4371
  }
4403
4372
 
4404
- .uvf-title-bar {
4405
- padding: 8px 12px;
4406
- padding-top: calc(8px + var(--uvf-safe-area-top));
4407
- padding-left: calc(12px + var(--uvf-safe-area-left));
4408
- padding-right: calc(12px + var(--uvf-safe-area-right));
4409
- }
4410
-
4411
4373
  .uvf-top-btn {
4412
4374
  width: 40px;
4413
4375
  height: 40px;
@@ -4420,8 +4382,9 @@ export class WebPlayer extends BasePlayer {
4420
4382
  height: 18px;
4421
4383
  }
4422
4384
 
4423
- .uvf-title-bar {
4424
- padding: 8px 12px;
4385
+ /* Title bar within top bar - landscape */
4386
+ .uvf-top-bar .uvf-title-bar {
4387
+ padding: 0;
4425
4388
  }
4426
4389
 
4427
4390
  .uvf-video-title {
@@ -4453,40 +4416,16 @@ export class WebPlayer extends BasePlayer {
4453
4416
  height: 16px;
4454
4417
  }
4455
4418
 
4456
- /* CRITICAL FIX: Force top-controls to right side in fullscreen landscape */
4457
- /* Using flexbox dynamic alignment instead of static positioning */
4458
- .uvf-player-wrapper.uvf-fullscreen .uvf-top-controls,
4459
- .uvf-player-wrapper.uvf-fullscreen .uvf-video-container .uvf-top-controls,
4460
- .uvf-responsive-container .uvf-player-wrapper.uvf-fullscreen .uvf-top-controls,
4461
- .uvf-responsive-container .uvf-player-wrapper.uvf-fullscreen .uvf-video-container .uvf-top-controls {
4462
- position: absolute !important;
4463
- top: calc(8px + var(--uvf-safe-area-top)) !important;
4464
- left: 0 !important;
4465
- right: 0 !important;
4466
- padding-right: calc(12px + var(--uvf-safe-area-right)) !important;
4467
- padding-left: calc(12px + var(--uvf-safe-area-left)) !important;
4468
- justify-content: flex-end !important;
4419
+ /* Top bar in fullscreen landscape */
4420
+ .uvf-player-wrapper.uvf-fullscreen .uvf-top-bar,
4421
+ .uvf-player-wrapper.uvf-fullscreen .uvf-video-container .uvf-top-bar,
4422
+ .uvf-responsive-container .uvf-player-wrapper.uvf-fullscreen .uvf-top-bar,
4423
+ .uvf-responsive-container .uvf-player-wrapper.uvf-fullscreen .uvf-video-container .uvf-top-bar {
4469
4424
  display: flex !important;
4470
4425
  }
4471
4426
  }
4472
4427
  }
4473
4428
 
4474
- /* Universal fullscreen landscape fix: covers large phones/phablets/tablets */
4475
- @media screen and (orientation: landscape) {
4476
- .uvf-player-wrapper.uvf-fullscreen .uvf-top-controls,
4477
- .uvf-player-wrapper.uvf-fullscreen .uvf-video-container .uvf-top-controls,
4478
- .uvf-responsive-container .uvf-player-wrapper.uvf-fullscreen .uvf-top-controls,
4479
- .uvf-responsive-container .uvf-player-wrapper.uvf-fullscreen .uvf-video-container .uvf-top-controls {
4480
- position: absolute !important;
4481
- top: calc(8px + var(--uvf-safe-area-top)) !important;
4482
- left: 0 !important;
4483
- right: 0 !important;
4484
- padding-right: calc(12px + var(--uvf-safe-area-right)) !important;
4485
- padding-left: calc(12px + var(--uvf-safe-area-left)) !important;
4486
- justify-content: flex-end !important;
4487
- display: flex !important;
4488
- }
4489
- }
4490
4429
 
4491
4430
  /* Tablet devices - Enhanced UX with desktop features */
4492
4431
  @media screen and (min-width: 768px) and (max-width: 1023px) {
@@ -4541,15 +4480,14 @@ export class WebPlayer extends BasePlayer {
4541
4480
  height: 19px;
4542
4481
  }
4543
4482
 
4544
- .uvf-top-controls {
4545
- top: 16px;
4546
- padding-right: 16px;
4547
- padding-left: 16px;
4548
- gap: 8px;
4483
+ /* Top bar for tablet */
4484
+ .uvf-top-bar {
4485
+ padding: 16px;
4486
+ gap: 12px;
4549
4487
  }
4550
4488
 
4551
- .uvf-title-bar {
4552
- padding: 16px;
4489
+ .uvf-top-controls {
4490
+ gap: 8px;
4553
4491
  }
4554
4492
 
4555
4493
  .uvf-video-title {
@@ -4701,18 +4639,14 @@ export class WebPlayer extends BasePlayer {
4701
4639
  height: 20px;
4702
4640
  }
4703
4641
 
4704
- .uvf-top-controls {
4705
- position: absolute;
4706
- top: 20px;
4707
- right: 20px;
4708
- display: flex;
4709
- align-items: center;
4710
- gap: 12px;
4711
- z-index: 10;
4642
+ /* Top bar for desktop 1024px+ */
4643
+ .uvf-top-bar {
4644
+ padding: 20px;
4645
+ gap: 20px;
4712
4646
  }
4713
4647
 
4714
- .uvf-title-bar {
4715
- padding: 20px;
4648
+ .uvf-top-controls {
4649
+ gap: 12px;
4716
4650
  }
4717
4651
 
4718
4652
  .uvf-video-title {
@@ -5154,6 +5088,8 @@ export class WebPlayer extends BasePlayer {
5154
5088
  const controlsGradient = document.createElement('div');
5155
5089
  controlsGradient.className = 'uvf-controls-gradient';
5156
5090
  container.appendChild(controlsGradient);
5091
+ const topBar = document.createElement('div');
5092
+ topBar.className = 'uvf-top-bar';
5157
5093
  const titleBar = document.createElement('div');
5158
5094
  titleBar.className = 'uvf-title-bar';
5159
5095
  titleBar.innerHTML = `
@@ -5165,7 +5101,7 @@ export class WebPlayer extends BasePlayer {
5165
5101
  </div>
5166
5102
  </div>
5167
5103
  `;
5168
- container.appendChild(titleBar);
5104
+ topBar.appendChild(titleBar);
5169
5105
  const topControls = document.createElement('div');
5170
5106
  topControls.className = 'uvf-top-controls';
5171
5107
  topControls.innerHTML = `
@@ -5186,7 +5122,8 @@ export class WebPlayer extends BasePlayer {
5186
5122
  </svg>
5187
5123
  </div>
5188
5124
  `;
5189
- container.appendChild(topControls);
5125
+ topBar.appendChild(topControls);
5126
+ container.appendChild(topBar);
5190
5127
  const loadingContainer = document.createElement('div');
5191
5128
  loadingContainer.className = 'uvf-loading-container';
5192
5129
  loadingContainer.id = 'uvf-loading';