@gcorevideo/player 2.16.17 → 2.18.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 (91) hide show
  1. package/README.md +68 -19
  2. package/dist/index.js +272 -125
  3. package/dist/player.d.ts +230 -73
  4. package/docs/api/index.md +1 -1
  5. package/docs/api/player.containersize.md +19 -0
  6. package/docs/api/player.dashsettings.md +2 -0
  7. package/docs/api/player.errorlevel.md +1 -0
  8. package/docs/api/player.langtag.md +6 -0
  9. package/docs/api/player.md +59 -24
  10. package/docs/api/player.mediatransport.md +1 -0
  11. package/docs/api/player.playbackerror.code.md +2 -0
  12. package/docs/api/player.playbackerror.description.md +2 -0
  13. package/docs/api/player.playbackerror.level.md +2 -0
  14. package/docs/api/player.playbackerror.md +43 -4
  15. package/docs/api/player.playbackerror.message.md +2 -0
  16. package/docs/api/player.playbackerror.origin.md +21 -0
  17. package/docs/api/player.playbackerror.scope.md +16 -0
  18. package/docs/api/player.playbackerrorcode.md +8 -7
  19. package/docs/api/player.playbackmodule.md +1 -0
  20. package/docs/api/player.player.attachto.md +26 -0
  21. package/docs/api/player.player.configure.md +6 -2
  22. package/docs/api/player.player.destroy.md +1 -1
  23. package/docs/api/player.player.getcurrenttime.md +6 -2
  24. package/docs/api/player.player.getduration.md +4 -0
  25. package/docs/api/player.player.getvolume.md +22 -0
  26. package/docs/api/player.player.isdvrenabled.md +20 -0
  27. package/docs/api/player.player.isdvrinuse.md +24 -0
  28. package/docs/api/player.player.isplaying.md +20 -0
  29. package/docs/api/player.player.md +76 -8
  30. package/docs/api/player.player.mute.md +1 -1
  31. package/docs/api/player.player.off.md +5 -5
  32. package/docs/api/player.player.on.md +5 -5
  33. package/docs/api/player.player.registerplugin.md +14 -1
  34. package/docs/api/player.player.resize.md +6 -5
  35. package/docs/api/player.player.seek.md +1 -1
  36. package/docs/api/player.player.setvolume.md +56 -0
  37. package/docs/api/player.player.unmute.md +1 -1
  38. package/docs/api/player.player.unregisterplugin.md +2 -2
  39. package/docs/api/player.playercomponenttype.md +16 -0
  40. package/docs/api/player.playerdebugsettings.md +1 -1
  41. package/docs/api/player.playerdebugtag.md +1 -0
  42. package/docs/api/player.playerevent.md +96 -0
  43. package/docs/api/player.playereventhandler.md +3 -2
  44. package/docs/api/player.playereventparams.md +20 -0
  45. package/docs/api/player.playermediasourcedesc.md +1 -1
  46. package/docs/api/player.playermediasourcedesc.mimetype.md +1 -1
  47. package/docs/api/player.qualitylevel.bitrate.md +16 -0
  48. package/docs/api/player.qualitylevel.height.md +16 -0
  49. package/docs/api/player.qualitylevel.level.md +16 -0
  50. package/docs/api/player.qualitylevel.md +104 -7
  51. package/docs/api/player.qualitylevel.width.md +16 -0
  52. package/docs/api/player.timeposition.current.md +16 -0
  53. package/docs/api/player.timeposition.md +65 -7
  54. package/docs/api/player.timeposition.total.md +16 -0
  55. package/docs/api/player.timevalue.md +1 -1
  56. package/docs/api/player.translationsettings.md +7 -1
  57. package/docs/api/player.transportpreference.md +1 -0
  58. package/lib/Player.d.ts +107 -26
  59. package/lib/Player.d.ts.map +1 -1
  60. package/lib/Player.js +161 -77
  61. package/lib/index.d.ts +2 -3
  62. package/lib/index.d.ts.map +1 -1
  63. package/lib/index.js +2 -3
  64. package/lib/internal.types.d.ts +3 -5
  65. package/lib/internal.types.d.ts.map +1 -1
  66. package/lib/playback/dash-playback/DashPlayback.d.ts +2 -0
  67. package/lib/playback/dash-playback/DashPlayback.d.ts.map +1 -1
  68. package/lib/playback/dash-playback/DashPlayback.js +37 -25
  69. package/lib/playback/hls-playback/HlsPlayback.d.ts +3 -0
  70. package/lib/playback/hls-playback/HlsPlayback.d.ts.map +1 -1
  71. package/lib/playback/hls-playback/HlsPlayback.js +33 -18
  72. package/lib/playback.types.d.ts +65 -6
  73. package/lib/playback.types.d.ts.map +1 -1
  74. package/lib/playback.types.js +10 -0
  75. package/lib/types.d.ts +54 -5
  76. package/lib/types.d.ts.map +1 -1
  77. package/lib/types.js +31 -2
  78. package/package.json +1 -1
  79. package/rollup.config.js +1 -1
  80. package/src/Player.ts +202 -91
  81. package/src/__tests__/Player.test.ts +9 -3
  82. package/src/index.ts +2 -3
  83. package/src/internal.types.ts +3 -2
  84. package/src/playback/dash-playback/DashPlayback.ts +64 -35
  85. package/src/playback/hls-playback/HlsPlayback.ts +46 -22
  86. package/src/playback.types.ts +65 -5
  87. package/src/types.ts +56 -6
  88. package/src/utils/__tests__/mediaSources.test.ts +8 -2
  89. package/temp/player.api.json +771 -106
  90. package/tsconfig.tsbuildinfo +1 -1
  91. package/dist/DashPlayback-BRJzl8D8.js +0 -901
package/README.md CHANGED
@@ -6,33 +6,82 @@
6
6
  npm install @gcorevideo/player
7
7
  ```
8
8
 
9
+ Or use a script on the CDN directly in your HTML:
10
+
11
+ ```html
12
+ <script src="https://player.gvideo.co/v2/assets/player/2.16.7/index.js"></script>
13
+ ```
14
+
15
+ See also the [plugins package](../player-plugins/README.md) which almost always used with the player.
16
+
9
17
  ## Usage
10
18
 
11
- ```ts
12
- import { Player } from '@gcorevideo/player'
19
+ See the complete example app on Vercel: [https://github.com/dmitritz/gcore-videoplayer-js-nuxt](https://github.com/dmitritz/gcore-videoplayer-js-nuxt)
13
20
 
14
- import { MyFancyPlugin } from './plugins/my-fancy-plugin'
21
+ ### Plain HTML example
15
22
 
16
- Player.registerPlugin(MyFancyPlugin)
23
+ ```html
24
+ <html>
25
+ <head>
26
+ <link rel="stylesheet" href="https://player.gvideo.co/v2/assets/player-plugins/0.10.2/index.css" />
27
+ ...
28
+ <style>
29
+ #container {
30
+ width: 100%;
31
+ height: 0;
32
+ padding-bottom: 56.25%;
33
+ position: relative;
34
+ background-color:black;
35
+ color:#fff
36
+ }
37
+ #wrapper {
38
+ max-width: 400px;
39
+ margin: 1rem auto;
40
+ }
41
+ </style>
42
+ </head>
43
+ <body>
44
+ <div id="wrapper">
45
+ <div id="container"></div>
46
+ </div>
47
+ <script type="module">
48
+ import {
49
+ Player,
50
+ } from 'https://player.gvideo.co/v2/assets/player/2.16.7/index.js'
51
+ import {
52
+ MediaControl,
53
+ SourceController,
54
+ Spinner,
55
+ } from 'https://player.gvideo.co/v2/assets/player-plugins/0.10.2/index.js'
17
56
 
18
- const player = new Player({
19
- autoPlay: true,
20
- mute: true,
21
- sources: [{
22
- source: 'https://example.com/myownair66.mpd',
23
- mimeType: 'application/dash+xml',
24
- }],
25
- myFancyPlugin: {
26
- color: 'rainbow',
27
- }
28
- })
57
+ Player.registerPlugin(MediaControl)
58
+ Player.registerPlugin(SourceController)
59
+ Player.registerPlugin(Spinner)
29
60
 
30
- document.addEventListener('DOMContentLoaded', () => {
31
- player.attachTo(document.getElementById('video-container'))
32
- })
61
+ const player = new Player({
62
+ autoPlay: true,
63
+ mute: true,
64
+ sources: [{
65
+ source: 'https://demo.gvideo.io/cmaf/2675_19146/index.mpd,
66
+ type: 'application/dash+xml',
67
+ }, {
68
+ source: 'https://demo.gvideo.io/cmaf/2675_19146/master.m3u8',
69
+ type: 'application/x-mpegURL',
70
+ }],
71
+ spinner: {
72
+ showOnError: true,
73
+ showOnStart: true,
74
+ }
75
+ })
76
+ document.addEventListener('DOMContentLoaded', () => {
77
+ player.attachTo(document.getElementById('container'))
78
+ })
79
+ </script>
80
+ </body>
81
+ </html>
33
82
  ```
34
83
 
35
- See the complete example app on Vercel: [https://github.com/dmitritz/gcore-videoplayer-js-nuxt](https://github.com/dmitritz/gcore-videoplayer-js-nuxt)
84
+ [Example codepen](https://codepen.io/dmitritz/pen/OPLdEab)
36
85
 
37
86
  ## Documentation
38
87