@gcorevideo/player 2.22.30 → 2.23.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 (69) hide show
  1. package/assets/media-control/container.scss +2 -3
  2. package/assets/poster/poster.ejs +3 -1
  3. package/assets/poster/poster.scss +3 -3
  4. package/assets/style/main.scss +1 -1
  5. package/assets/thumbnails/scrub-thumbnails.ejs +5 -10
  6. package/assets/thumbnails/style.scss +4 -5
  7. package/dist/core.js +1 -1
  8. package/dist/index.css +533 -532
  9. package/dist/index.js +273 -377
  10. package/dist/player.d.ts +63 -33
  11. package/docs/api/{player.seektime.bindevents.md → player.clapprstats.clearmetrics.md} +3 -3
  12. package/docs/api/player.clapprstats.md +14 -0
  13. package/docs/api/player.extendedevents.md +14 -0
  14. package/docs/api/player.md +13 -2
  15. package/docs/api/player.seektime.attributes.md +0 -1
  16. package/docs/api/player.seektime.md +6 -197
  17. package/docs/api/{player.seektime.render.md → player.seektimesettings.md} +7 -7
  18. package/docs/api/player.skiptime.md +3 -184
  19. package/lib/plugins/clips/Clips.d.ts +7 -0
  20. package/lib/plugins/clips/Clips.d.ts.map +1 -1
  21. package/lib/plugins/clips/Clips.js +8 -0
  22. package/lib/plugins/media-control/MediaControl.d.ts +1 -7
  23. package/lib/plugins/media-control/MediaControl.d.ts.map +1 -1
  24. package/lib/plugins/media-control/MediaControl.js +9 -18
  25. package/lib/plugins/poster/Poster.d.ts +24 -14
  26. package/lib/plugins/poster/Poster.d.ts.map +1 -1
  27. package/lib/plugins/poster/Poster.js +67 -97
  28. package/lib/plugins/thumbnails/Thumbnails.d.ts +36 -33
  29. package/lib/plugins/thumbnails/Thumbnails.d.ts.map +1 -1
  30. package/lib/plugins/thumbnails/Thumbnails.js +174 -259
  31. package/lib/plugins/thumbnails/utils.d.ts +5 -0
  32. package/lib/plugins/thumbnails/utils.d.ts.map +1 -0
  33. package/lib/plugins/thumbnails/utils.js +12 -0
  34. package/lib/testUtils.d.ts +13 -39
  35. package/lib/testUtils.d.ts.map +1 -1
  36. package/lib/testUtils.js +15 -67
  37. package/package.json +2 -1
  38. package/src/plugins/clips/Clips.ts +10 -1
  39. package/src/plugins/media-control/MediaControl.ts +10 -21
  40. package/src/plugins/media-control/__tests__/__snapshots__/MediaControl.test.ts.snap +1 -1
  41. package/src/plugins/poster/Poster.ts +91 -110
  42. package/src/plugins/poster/__tests__/Poster.test.ts +119 -0
  43. package/src/plugins/poster/__tests__/__snapshots__/Poster.test.ts.snap +8 -0
  44. package/src/plugins/source-controller/__tests__/SourceController.test.ts +1 -2
  45. package/src/plugins/thumbnails/Thumbnails.ts +228 -330
  46. package/src/plugins/thumbnails/__tests__/Thumbnails.test.ts +72 -0
  47. package/src/plugins/thumbnails/__tests__/__snapshots__/Thumbnails.test.ts.snap +10 -0
  48. package/src/plugins/thumbnails/utils.ts +12 -0
  49. package/src/testUtils.ts +15 -88
  50. package/temp/player.api.json +295 -829
  51. package/tsconfig.tsbuildinfo +1 -1
  52. package/docs/api/player.seektime.durationshown.md +0 -14
  53. package/docs/api/player.seektime.getseektime.md +0 -20
  54. package/docs/api/player.seektime.islivestreamwithdvr.md +0 -14
  55. package/docs/api/player.seektime.mediacontrol.md +0 -14
  56. package/docs/api/player.seektime.mediacontrolcontainer.md +0 -14
  57. package/docs/api/player.seektime.shouldbevisible.md +0 -18
  58. package/docs/api/player.seektime.template.md +0 -14
  59. package/docs/api/player.seektime.update.md +0 -18
  60. package/docs/api/player.skiptime.attributes.md +0 -17
  61. package/docs/api/player.skiptime.bindevents.md +0 -18
  62. package/docs/api/player.skiptime.events.md +0 -18
  63. package/docs/api/player.skiptime.handlerewindclicks.md +0 -18
  64. package/docs/api/player.skiptime.render.md +0 -18
  65. package/docs/api/player.skiptime.setback.md +0 -18
  66. package/docs/api/player.skiptime.setforward.md +0 -18
  67. package/docs/api/player.skiptime.setmidclick.md +0 -18
  68. package/docs/api/player.skiptime.template.md +0 -14
  69. package/docs/api/player.skiptime.togglefullscreen.md +0 -18
@@ -6,7 +6,7 @@
6
6
  transition: none !important;
7
7
  }
8
8
 
9
- .player-poster[data-poster] .play-wrapper[data-poster] {
9
+ .player-poster .play-wrapper {
10
10
  opacity: 1;
11
11
  }
12
12
 
@@ -29,7 +29,7 @@
29
29
  }
30
30
  }
31
31
 
32
- .circle-poster[data-poster] {
32
+ .player-poster .circle-poster {
33
33
  top: 50%;
34
34
  margin-top: -60px;
35
35
  left: 50%;
@@ -47,7 +47,6 @@
47
47
  svg {
48
48
  margin-left: 5px;
49
49
  width: 80px;
50
- height: 80px;
51
50
  }
52
51
  }
53
52
 
@@ -1 +1,3 @@
1
- <div class="play-wrapper" data-poster></div>
1
+ <div class="play-wrapper" id="gplayer-poster">
2
+ <div class='circle-poster gcore-skin-button-color gcore-skin-border-color' id='poster-play'></div>
3
+ </div>
@@ -1,4 +1,4 @@
1
- .player-poster[data-poster] {
1
+ .player-poster {
2
2
  display: flex;
3
3
  justify-content: center;
4
4
  align-items: center;
@@ -14,9 +14,9 @@
14
14
  background-position: 50% 50%;
15
15
 
16
16
  &.clickable { cursor: pointer; }
17
- &:hover .play-wrapper[data-poster] { opacity: 1; }
17
+ &:hover .play-wrapper { opacity: 1; }
18
18
 
19
- .play-wrapper[data-poster] {
19
+ .play-wrapper {
20
20
  width: 100%;
21
21
  height: 25%;
22
22
  margin: 0 auto;
@@ -9,7 +9,7 @@
9
9
  user-select: none;
10
10
  }
11
11
 
12
- .player-poster[data-poster] {
12
+ .player-poster {
13
13
  background-size: contain !important;
14
14
  }
15
15
 
@@ -1,10 +1,5 @@
1
- <div class="thumbnails-text"></div>
2
- <% if (backdropHeight) { %>
3
- <div class="backdrop" style="height: <%= backdropHeight %>px;">
4
- <div class="carousel"></div>
5
- </div>
6
- <% }; %>
7
- <% if (spotlightHeight) { %>
8
- <div class="spotlight" style="height: <%= spotlightHeight %>px;">
9
- </div>
10
- <% }; %>
1
+ <div class="thumbnails-text" id="thumbnails-text"></div>
2
+ <div class="backdrop" id="thumbnails-backdrop">
3
+ <div class="carousel" id="thumbnails-carousel"></div>
4
+ </div>
5
+ <div class="spotlight" id="thumbnails-spotlight"></div>
@@ -1,4 +1,3 @@
1
-
2
1
  .scrub-thumbnails {
3
2
  position: absolute;
4
3
  bottom: 52px;
@@ -31,6 +30,8 @@
31
30
  position: absolute;
32
31
  bottom: 23px;
33
32
  width: 100px;
33
+ padding: 0 4px;
34
+ font-size: 12px;
34
35
  }
35
36
 
36
37
  .spotlight {
@@ -45,7 +46,7 @@
45
46
  border-radius: 3px;
46
47
 
47
48
  img {
48
- width: auto;
49
+ width: auto;
49
50
  }
50
51
  }
51
52
 
@@ -69,7 +70,5 @@
69
70
  width: auto;
70
71
  }
71
72
  }
72
-
73
73
  }
74
-
75
- }
74
+ }
package/dist/core.js CHANGED
@@ -43217,7 +43217,7 @@ class Player {
43217
43217
  }
43218
43218
  }
43219
43219
 
43220
- var version$1 = "2.22.30";
43220
+ var version$1 = "2.23.0";
43221
43221
 
43222
43222
  var packages = {
43223
43223
  "node_modules/@clappr/core": {