unified-video-framework 1.4.104 → 1.4.105

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 (3) hide show
  1. package/package.json +1 -1
  2. package/packages/web/dist/WebPlayer.js +19 -19
  3. package/packages/web/src/WebPlayer.ts +19 -19
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "unified-video-framework",
3
- "version": "1.4.104",
3
+ "version": "1.4.105",
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.js CHANGED
@@ -1656,21 +1656,21 @@ export class WebPlayer extends BasePlayer {
1656
1656
 
1657
1657
  .uvf-progress-bar-wrapper {
1658
1658
  width: 100%;
1659
- height: 4px;
1659
+ height: 2px;
1660
1660
  position: relative;
1661
1661
  background: rgba(255, 255, 255, 0.15);
1662
- border-radius: 6px;
1662
+ border-radius: 4px;
1663
1663
  cursor: pointer;
1664
- padding: 14px 0;
1664
+ padding: 6px 0;
1665
1665
  overflow: visible;
1666
1666
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
1667
1667
  backdrop-filter: blur(4px);
1668
1668
  }
1669
1669
 
1670
1670
  .uvf-progress-bar-wrapper:hover {
1671
- height: 6px;
1671
+ height: 4px;
1672
1672
  background: rgba(255, 255, 255, 0.2);
1673
- border-radius: 8px;
1673
+ border-radius: 6px;
1674
1674
  transform: scaleY(1.1);
1675
1675
  }
1676
1676
 
@@ -1686,11 +1686,10 @@ export class WebPlayer extends BasePlayer {
1686
1686
  rgba(255, 255, 255, 0.35) 70%,
1687
1687
  rgba(255, 255, 255, 0.3) 100%
1688
1688
  );
1689
- border-radius: 6px;
1689
+ border-radius: 4px;
1690
1690
  pointer-events: none;
1691
1691
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
1692
1692
  z-index: 1;
1693
- position: relative;
1694
1693
  overflow: hidden;
1695
1694
  }
1696
1695
 
@@ -1717,7 +1716,7 @@ export class WebPlayer extends BasePlayer {
1717
1716
  }
1718
1717
 
1719
1718
  .uvf-progress-bar-wrapper:hover .uvf-progress-buffered {
1720
- border-radius: 8px;
1719
+ border-radius: 6px;
1721
1720
  background: linear-gradient(90deg,
1722
1721
  rgba(255, 255, 255, 0.3) 0%,
1723
1722
  rgba(255, 255, 255, 0.4) 30%,
@@ -1729,7 +1728,7 @@ export class WebPlayer extends BasePlayer {
1729
1728
  }
1730
1729
 
1731
1730
  .uvf-progress-bar-wrapper:hover .uvf-progress-buffered::before {
1732
- border-radius: 8px;
1731
+ border-radius: 6px;
1733
1732
  }
1734
1733
 
1735
1734
  .uvf-progress-filled {
@@ -1744,7 +1743,7 @@ export class WebPlayer extends BasePlayer {
1744
1743
  #ff7043 75%,
1745
1744
  #ff8c69 100%
1746
1745
  );
1747
- border-radius: 6px;
1746
+ border-radius: 4px;
1748
1747
  pointer-events: none;
1749
1748
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
1750
1749
  z-index: 2;
@@ -1752,7 +1751,7 @@ export class WebPlayer extends BasePlayer {
1752
1751
  }
1753
1752
 
1754
1753
  .uvf-progress-bar-wrapper:hover .uvf-progress-filled {
1755
- border-radius: 8px;
1754
+ border-radius: 6px;
1756
1755
  background: linear-gradient(90deg,
1757
1756
  #ff4500 0%,
1758
1757
  #ff5722 20%,
@@ -1766,8 +1765,8 @@ export class WebPlayer extends BasePlayer {
1766
1765
 
1767
1766
  .uvf-progress-handle {
1768
1767
  position: absolute;
1769
- width: 14px;
1770
- height: 14px;
1768
+ width: 12px;
1769
+ height: 12px;
1771
1770
  background: radial-gradient(circle,
1772
1771
  rgba(255, 255, 255, 0.95) 0%,
1773
1772
  rgba(255, 255, 255, 0.9) 70%,
@@ -1776,6 +1775,7 @@ export class WebPlayer extends BasePlayer {
1776
1775
  border: 2px solid rgba(255, 87, 34, 0.8);
1777
1776
  border-radius: 50%;
1778
1777
  top: 50%;
1778
+ left: 0%;
1779
1779
  transform: translate(-50%, -50%) scale(0);
1780
1780
  opacity: 0;
1781
1781
  transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
@@ -1912,11 +1912,11 @@ export class WebPlayer extends BasePlayer {
1912
1912
  @media (max-width: 768px) {
1913
1913
  .uvf-progress-bar-wrapper {
1914
1914
  padding: 20px 0; /* Larger touch area */
1915
- height: 6px; /* Slightly thicker on mobile */
1915
+ height: 3px; /* Slightly thicker on mobile */
1916
1916
  }
1917
1917
 
1918
1918
  .uvf-progress-bar-wrapper:hover {
1919
- height: 8px;
1919
+ height: 5px;
1920
1920
  }
1921
1921
 
1922
1922
  .uvf-progress-handle {
@@ -2962,7 +2962,7 @@ export class WebPlayer extends BasePlayer {
2962
2962
 
2963
2963
  /* Enhanced progress bar for touch */
2964
2964
  .uvf-progress-bar-wrapper {
2965
- height: 8px;
2965
+ height: 3px;
2966
2966
  margin-bottom: 12px;
2967
2967
  border-radius: 4px;
2968
2968
  background: rgba(255,255,255,0.15);
@@ -3149,7 +3149,7 @@ export class WebPlayer extends BasePlayer {
3149
3149
 
3150
3150
  /* Compact progress bar for landscape */
3151
3151
  .uvf-progress-bar-wrapper {
3152
- height: 6px;
3152
+ height: 3px;
3153
3153
  margin-bottom: 8px;
3154
3154
  }
3155
3155
 
@@ -3275,7 +3275,7 @@ export class WebPlayer extends BasePlayer {
3275
3275
 
3276
3276
  /* Tablet progress bar */
3277
3277
  .uvf-progress-bar-wrapper {
3278
- height: 7px;
3278
+ height: 3px;
3279
3279
  }
3280
3280
 
3281
3281
  .uvf-progress-handle {
@@ -3614,7 +3614,7 @@ export class WebPlayer extends BasePlayer {
3614
3614
  }
3615
3615
 
3616
3616
  .uvf-progress-bar-wrapper {
3617
- height: 8px;
3617
+ height: 3px;
3618
3618
  cursor: pointer;
3619
3619
  }
3620
3620
 
package/packages/web/src/WebPlayer.ts CHANGED
@@ -1987,21 +1987,21 @@ export class WebPlayer extends BasePlayer {
1987
1987
 
1988
1988
  .uvf-progress-bar-wrapper {
1989
1989
  width: 100%;
1990
- height: 4px;
1990
+ height: 2px;
1991
1991
  position: relative;
1992
1992
  background: rgba(255, 255, 255, 0.15);
1993
- border-radius: 6px;
1993
+ border-radius: 4px;
1994
1994
  cursor: pointer;
1995
- padding: 14px 0;
1995
+ padding: 6px 0;
1996
1996
  overflow: visible;
1997
1997
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
1998
1998
  backdrop-filter: blur(4px);
1999
1999
  }
2000
2000
 
2001
2001
  .uvf-progress-bar-wrapper:hover {
2002
- height: 6px;
2002
+ height: 4px;
2003
2003
  background: rgba(255, 255, 255, 0.2);
2004
- border-radius: 8px;
2004
+ border-radius: 6px;
2005
2005
  transform: scaleY(1.1);
2006
2006
  }
2007
2007
 
@@ -2017,11 +2017,10 @@ export class WebPlayer extends BasePlayer {
2017
2017
  rgba(255, 255, 255, 0.35) 70%,
2018
2018
  rgba(255, 255, 255, 0.3) 100%
2019
2019
  );
2020
- border-radius: 6px;
2020
+ border-radius: 4px;
2021
2021
  pointer-events: none;
2022
2022
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
2023
2023
  z-index: 1;
2024
- position: relative;
2025
2024
  overflow: hidden;
2026
2025
  }
2027
2026
 
@@ -2048,7 +2047,7 @@ export class WebPlayer extends BasePlayer {
2048
2047
  }
2049
2048
 
2050
2049
  .uvf-progress-bar-wrapper:hover .uvf-progress-buffered {
2051
- border-radius: 8px;
2050
+ border-radius: 6px;
2052
2051
  background: linear-gradient(90deg,
2053
2052
  rgba(255, 255, 255, 0.3) 0%,
2054
2053
  rgba(255, 255, 255, 0.4) 30%,
@@ -2060,7 +2059,7 @@ export class WebPlayer extends BasePlayer {
2060
2059
  }
2061
2060
 
2062
2061
  .uvf-progress-bar-wrapper:hover .uvf-progress-buffered::before {
2063
- border-radius: 8px;
2062
+ border-radius: 6px;
2064
2063
  }
2065
2064
 
2066
2065
  .uvf-progress-filled {
@@ -2075,7 +2074,7 @@ export class WebPlayer extends BasePlayer {
2075
2074
  #ff7043 75%,
2076
2075
  #ff8c69 100%
2077
2076
  );
2078
- border-radius: 6px;
2077
+ border-radius: 4px;
2079
2078
  pointer-events: none;
2080
2079
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
2081
2080
  z-index: 2;
@@ -2083,7 +2082,7 @@ export class WebPlayer extends BasePlayer {
2083
2082
  }
2084
2083
 
2085
2084
  .uvf-progress-bar-wrapper:hover .uvf-progress-filled {
2086
- border-radius: 8px;
2085
+ border-radius: 6px;
2087
2086
  background: linear-gradient(90deg,
2088
2087
  #ff4500 0%,
2089
2088
  #ff5722 20%,
@@ -2097,8 +2096,8 @@ export class WebPlayer extends BasePlayer {
2097
2096
 
2098
2097
  .uvf-progress-handle {
2099
2098
  position: absolute;
2100
- width: 14px;
2101
- height: 14px;
2099
+ width: 12px;
2100
+ height: 12px;
2102
2101
  background: radial-gradient(circle,
2103
2102
  rgba(255, 255, 255, 0.95) 0%,
2104
2103
  rgba(255, 255, 255, 0.9) 70%,
@@ -2107,6 +2106,7 @@ export class WebPlayer extends BasePlayer {
2107
2106
  border: 2px solid rgba(255, 87, 34, 0.8);
2108
2107
  border-radius: 50%;
2109
2108
  top: 50%;
2109
+ left: 0%;
2110
2110
  transform: translate(-50%, -50%) scale(0);
2111
2111
  opacity: 0;
2112
2112
  transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
@@ -2243,11 +2243,11 @@ export class WebPlayer extends BasePlayer {
2243
2243
  @media (max-width: 768px) {
2244
2244
  .uvf-progress-bar-wrapper {
2245
2245
  padding: 20px 0; /* Larger touch area */
2246
- height: 6px; /* Slightly thicker on mobile */
2246
+ height: 3px; /* Slightly thicker on mobile */
2247
2247
  }
2248
2248
 
2249
2249
  .uvf-progress-bar-wrapper:hover {
2250
- height: 8px;
2250
+ height: 5px;
2251
2251
  }
2252
2252
 
2253
2253
  .uvf-progress-handle {
@@ -3293,7 +3293,7 @@ export class WebPlayer extends BasePlayer {
3293
3293
 
3294
3294
  /* Enhanced progress bar for touch */
3295
3295
  .uvf-progress-bar-wrapper {
3296
- height: 8px;
3296
+ height: 3px;
3297
3297
  margin-bottom: 12px;
3298
3298
  border-radius: 4px;
3299
3299
  background: rgba(255,255,255,0.15);
@@ -3480,7 +3480,7 @@ export class WebPlayer extends BasePlayer {
3480
3480
 
3481
3481
  /* Compact progress bar for landscape */
3482
3482
  .uvf-progress-bar-wrapper {
3483
- height: 6px;
3483
+ height: 3px;
3484
3484
  margin-bottom: 8px;
3485
3485
  }
3486
3486
 
@@ -3606,7 +3606,7 @@ export class WebPlayer extends BasePlayer {
3606
3606
 
3607
3607
  /* Tablet progress bar */
3608
3608
  .uvf-progress-bar-wrapper {
3609
- height: 7px;
3609
+ height: 3px;
3610
3610
  }
3611
3611
 
3612
3612
  .uvf-progress-handle {
@@ -3945,7 +3945,7 @@ export class WebPlayer extends BasePlayer {
3945
3945
  }
3946
3946
 
3947
3947
  .uvf-progress-bar-wrapper {
3948
- height: 8px;
3948
+ height: 3px;
3949
3949
  cursor: pointer;
3950
3950
  }
3951
3951