myetv-player 1.0.0

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 (50) hide show
  1. package/.github/workflows/npm-publish.yml +30 -0
  2. package/LICENSE +21 -0
  3. package/README.md +866 -0
  4. package/build.js +189 -0
  5. package/css/README.md +1 -0
  6. package/css/myetv-player.css +13702 -0
  7. package/css/myetv-player.min.css +1 -0
  8. package/dist/README.md +1 -0
  9. package/dist/myetv-player.js +6408 -0
  10. package/dist/myetv-player.min.js +6183 -0
  11. package/package.json +27 -0
  12. package/plugins/README.md +1 -0
  13. package/plugins/google-analytics/README.md +1 -0
  14. package/plugins/google-analytics/myetv-player-g-analytics-plugin.js +548 -0
  15. package/plugins/youtube/README.md +1 -0
  16. package/plugins/youtube/myetv-player-youtube-plugin.js +418 -0
  17. package/scss/README.md +1 -0
  18. package/scss/_audio-player.scss +21 -0
  19. package/scss/_base.scss +131 -0
  20. package/scss/_controls.scss +30 -0
  21. package/scss/_loading.scss +111 -0
  22. package/scss/_menus.scss +4070 -0
  23. package/scss/_mixins.scss +112 -0
  24. package/scss/_poster.scss +8 -0
  25. package/scss/_progress-bar.scss +2203 -0
  26. package/scss/_resolution.scss +68 -0
  27. package/scss/_responsive.scss +1532 -0
  28. package/scss/_themes.scss +30 -0
  29. package/scss/_title-overlay.scss +2262 -0
  30. package/scss/_tooltips.scss +7 -0
  31. package/scss/_variables.scss +49 -0
  32. package/scss/_video.scss +2401 -0
  33. package/scss/_volume.scss +1981 -0
  34. package/scss/_watermark.scss +8 -0
  35. package/scss/myetv-player.scss +51 -0
  36. package/scss/package.json +16 -0
  37. package/src/README.md +1 -0
  38. package/src/chapters.js +521 -0
  39. package/src/controls.js +1005 -0
  40. package/src/core.js +1650 -0
  41. package/src/events.js +330 -0
  42. package/src/fullscreen.js +82 -0
  43. package/src/i18n.js +348 -0
  44. package/src/playlist.js +177 -0
  45. package/src/plugins.js +384 -0
  46. package/src/quality.js +921 -0
  47. package/src/streaming.js +346 -0
  48. package/src/subtitles.js +426 -0
  49. package/src/utils.js +51 -0
  50. package/src/watermark.js +195 -0
package/scss/_loading.scss ADDED
@@ -0,0 +1,111 @@
1
+ // ===================================
2
+ // LOADING & OVERLAYS
3
+ // ===================================
4
+
5
+ @use 'mixins' as *;
6
+ @use 'variables' as *;
7
+
8
+ /* INITIAL LOADING */
9
+ .initial-loading {
10
+ position: absolute;
11
+ top: 0;
12
+ left: 0;
13
+ width: 100%;
14
+ height: 100%;
15
+ background: var(--player-bg-primary);
16
+ display: flex;
17
+ align-items: center;
18
+ justify-content: center;
19
+ z-index: 20;
20
+ }
21
+
22
+ .video-wrapper.player-initialized .initial-loading {
23
+ opacity: 0;
24
+ visibility: hidden;
25
+ transition: opacity 0.3s ease, visibility 0.3s ease;
26
+ transition-delay: 0.2s;
27
+ }
28
+
29
+ .video-wrapper.player-initialized .initial-loading {
30
+ display: none;
31
+ transition-delay: 0.5s;
32
+ }
33
+
34
+ .loading-overlay {
35
+ position: absolute;
36
+ top: 0;
37
+ left: 0;
38
+ width: 100%;
39
+ height: 100%;
40
+ background: var(--player-bg-loading);
41
+ display: flex;
42
+ align-items: center;
43
+ justify-content: center;
44
+ opacity: 0;
45
+ visibility: hidden;
46
+ transition: opacity var(--player-transition-normal);
47
+ z-index: 15;
48
+ }
49
+
50
+ .loading-overlay.active {
51
+ opacity: 1;
52
+ visibility: visible;
53
+ }
54
+
55
+ .loading-spinner {
56
+ width: 50px;
57
+ height: 50px;
58
+ border: 3px solid rgba(255, 255, 255, 0.3);
59
+ border-top: 3px solid var(--player-primary-color);
60
+ border-radius: 50%;
61
+ animation: spin 1s linear infinite;
62
+ }
63
+
64
+ @keyframes spin {
65
+ 0% {
66
+ transform: rotate(0deg);
67
+ }
68
+
69
+ 100% {
70
+ transform: rotate(360deg);
71
+ }
72
+ }
73
+
74
+ /* TITLE OVERLAY - WITH AUTO-HIDE */
75
+ .title-overlay {
76
+ position: absolute;
77
+ top: 0;
78
+ left: 0;
79
+ right: 0;
80
+ background: var(--player-bg-title-overlay);
81
+ padding: var(--player-title-overlay-padding);
82
+ opacity: 0;
83
+ transform: translateY(-100%);
84
+ transition: all var(--player-transition-normal);
85
+ z-index: 15;
86
+ pointer-events: none;
87
+ }
88
+
89
+ .title-overlay.show {
90
+ opacity: 1;
91
+ transform: translateY(0);
92
+ }
93
+
94
+ .title-overlay.show.persistent {
95
+ opacity: 1;
96
+ transform: translateY(0);
97
+ }
98
+
99
+ .title-text {
100
+ color: var(--player-text-color);
101
+ font-size: 18px;
102
+ font-weight: 600;
103
+ line-height: 1.3;
104
+ margin: 0;
105
+ white-space: nowrap;
106
+ overflow: hidden;
107
+ text-overflow: ellipsis;
108
+ text-shadow: 0 2px 8px rgba(0, 0, 0, 0.7);
109
+ -webkit-font-smoothing: antialiased;
110
+ -moz-osx-font-smoothing: grayscale;
111
+ }