@mediakind/mkplayer 1.0.9 → 1.0.11
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.
- package/README.md +8 -0
- package/dist/MKPlayer.d.ts +3 -0
- package/dist/MKPlayerConfiguration.d.ts +3 -0
- package/dist/events/MKEvent.d.ts +3 -1
- package/dist/index.d.ts +2 -0
- package/dist/lib/MKPlayer.d.ts +3 -0
- package/dist/lib/MKPlayer.js +44 -7
- package/dist/lib/MKPlayer.js.map +1 -1
- package/dist/lib/MKPlayerConfiguration.d.ts +3 -0
- package/dist/lib/events/MKEvent.d.ts +3 -1
- package/dist/lib/events/MKEvent.js +2 -0
- package/dist/lib/events/MKEvent.js.map +1 -1
- package/dist/lib/index.d.ts +2 -0
- package/dist/lib-esm/MKPlayer.d.ts +3 -0
- package/dist/lib-esm/MKPlayer.js +44 -7
- package/dist/lib-esm/MKPlayer.js.map +1 -1
- package/dist/lib-esm/MKPlayerConfiguration.d.ts +3 -0
- package/dist/lib-esm/events/MKEvent.d.ts +3 -1
- package/dist/lib-esm/events/MKEvent.js +2 -0
- package/dist/lib-esm/events/MKEvent.js.map +1 -1
- package/dist/lib-esm/index.d.ts +2 -0
- package/dist/mkplayer.js +1 -1
- package/doc/assets/js/search.json +1 -1
- package/doc/classes/mkplayer.html +100 -14
- package/doc/enums/mkevent.html +28 -0
- package/doc/index.html +9 -1
- package/doc/interfaces/mkplayerconfiguration.html +57 -0
- package/index.html +63 -24
- package/multi-camera.html +391 -0
- package/package.json +3 -3
- package/src/MKPlayer.ts +60 -7
- package/src/MKPlayerConfiguration.ts +15 -0
- package/src/events/MKEvent.ts +2 -0
- package/src/index.ts +3 -1
package/src/MKPlayer.ts
CHANGED
|
@@ -24,7 +24,7 @@ export class MKPlayer {
|
|
|
24
24
|
*/
|
|
25
25
|
constructor(containerElement: HTMLElement, mkPlayerConfiguration: MKPlayerConfiguration) {
|
|
26
26
|
let playerConfig: PlayerConfig = {
|
|
27
|
-
key:
|
|
27
|
+
key: mkPlayerConfiguration.key,
|
|
28
28
|
playback: {
|
|
29
29
|
autoplay: mkPlayerConfiguration.autoplay,
|
|
30
30
|
muted: mkPlayerConfiguration.muted,
|
|
@@ -56,18 +56,42 @@ export class MKPlayer {
|
|
|
56
56
|
},
|
|
57
57
|
};
|
|
58
58
|
|
|
59
|
-
|
|
59
|
+
if (mkPlayerConfiguration.ui === false) {
|
|
60
|
+
playerConfig.ui = false;
|
|
61
|
+
}
|
|
60
62
|
|
|
61
|
-
if (mkPlayerConfiguration.
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
63
|
+
if (mkPlayerConfiguration.targetLatency > 0) {
|
|
64
|
+
playerConfig.live = {
|
|
65
|
+
lowLatency: {
|
|
66
|
+
targetLatency: mkPlayerConfiguration.targetLatency,
|
|
67
|
+
catchup: {
|
|
68
|
+
playbackRateThreshold: 0.075,
|
|
69
|
+
seekThreshold: 12,
|
|
70
|
+
playbackRate: 1.2,
|
|
71
|
+
},
|
|
72
|
+
fallback: {
|
|
73
|
+
playbackRateThreshold: 0.075,
|
|
74
|
+
seekThreshold: 12,
|
|
75
|
+
playbackRate: 0.8,
|
|
76
|
+
},
|
|
77
|
+
},
|
|
78
|
+
};
|
|
79
|
+
}
|
|
80
|
+
|
|
81
|
+
let player = new Player(containerElement, playerConfig);
|
|
82
|
+
if (mkPlayerConfiguration.ui !== false) {
|
|
83
|
+
if (mkPlayerConfiguration.smallScreen) {
|
|
84
|
+
UIFactory.buildDefaultSmallScreenUI(player);
|
|
85
|
+
} else {
|
|
86
|
+
UIFactory.buildDefaultUI(player);
|
|
87
|
+
}
|
|
65
88
|
}
|
|
66
89
|
|
|
67
90
|
if (mkPlayerConfiguration.debug) {
|
|
68
91
|
Logger.enable();
|
|
69
92
|
}
|
|
70
93
|
|
|
94
|
+
|
|
71
95
|
this.player = player;
|
|
72
96
|
|
|
73
97
|
console.log('%c MKPlayer ' + this.version() + ' www.mediakind.com', 'color: blue');
|
|
@@ -190,6 +214,22 @@ export class MKPlayer {
|
|
|
190
214
|
};
|
|
191
215
|
}
|
|
192
216
|
|
|
217
|
+
/**
|
|
218
|
+
* sets the target latency during live playback
|
|
219
|
+
* @param latency
|
|
220
|
+
*/
|
|
221
|
+
setTargetLatency(latency: number) {
|
|
222
|
+
this.player.lowlatency.setTargetLatency(latency);
|
|
223
|
+
}
|
|
224
|
+
|
|
225
|
+
/**
|
|
226
|
+
* sets the target latency during live playback
|
|
227
|
+
* @param latency
|
|
228
|
+
*/
|
|
229
|
+
getLatency(): number {
|
|
230
|
+
return this.player.lowlatency.getLatency();
|
|
231
|
+
}
|
|
232
|
+
|
|
193
233
|
/**
|
|
194
234
|
* mutes the player
|
|
195
235
|
*/
|
|
@@ -197,6 +237,13 @@ export class MKPlayer {
|
|
|
197
237
|
this.player.mute();
|
|
198
238
|
}
|
|
199
239
|
|
|
240
|
+
/**
|
|
241
|
+
* gets the current playback speed
|
|
242
|
+
*/
|
|
243
|
+
playbackSpeed(): number {
|
|
244
|
+
return this.player.getPlaybackSpeed();
|
|
245
|
+
}
|
|
246
|
+
|
|
200
247
|
/**
|
|
201
248
|
* unmute the player
|
|
202
249
|
*/
|
|
@@ -218,7 +265,7 @@ export class MKPlayer {
|
|
|
218
265
|
* returns the current player version
|
|
219
266
|
*/
|
|
220
267
|
version(): string {
|
|
221
|
-
return '1.0.
|
|
268
|
+
return '1.0.10';
|
|
222
269
|
}
|
|
223
270
|
|
|
224
271
|
private static selectUrl(source: MKStream): string {
|
|
@@ -282,6 +329,12 @@ export class MKPlayer {
|
|
|
282
329
|
case MKEvent.Unloaded:
|
|
283
330
|
playerEventType = PlayerEvent.SourceUnloaded;
|
|
284
331
|
break;
|
|
332
|
+
case MKEvent.Metadata:
|
|
333
|
+
playerEventType = PlayerEvent.Metadata;
|
|
334
|
+
break;
|
|
335
|
+
case MKEvent.MetadataParsed:
|
|
336
|
+
playerEventType = PlayerEvent.MetadataParsed;
|
|
337
|
+
break;
|
|
285
338
|
}
|
|
286
339
|
|
|
287
340
|
return playerEventType;
|
|
@@ -21,4 +21,19 @@ export interface MKPlayerConfiguration {
|
|
|
21
21
|
* Boolean indicating if the player should load the small screen ui
|
|
22
22
|
*/
|
|
23
23
|
smallScreen: boolean;
|
|
24
|
+
|
|
25
|
+
/**
|
|
26
|
+
* Boolean to enable / disable ui
|
|
27
|
+
*/
|
|
28
|
+
ui: boolean;
|
|
29
|
+
|
|
30
|
+
/**
|
|
31
|
+
* number of seconds the player attempts to stay behind the live point
|
|
32
|
+
*/
|
|
33
|
+
targetLatency: number;
|
|
34
|
+
|
|
35
|
+
/**
|
|
36
|
+
* license key for the video player
|
|
37
|
+
*/
|
|
38
|
+
key: string;
|
|
24
39
|
}
|
package/src/events/MKEvent.ts
CHANGED
package/src/index.ts
CHANGED
|
@@ -1,4 +1,6 @@
|
|
|
1
1
|
export { MKPlayer } from './MKPlayer';
|
|
2
2
|
export { MKPlayerConfiguration } from './MKPlayerConfiguration';
|
|
3
3
|
export { MKStream } from './MKStream';
|
|
4
|
-
export { MKEvent } from './events/MKEvent';
|
|
4
|
+
export { MKEvent } from './events/MKEvent';
|
|
5
|
+
export { SubtitleTrack } from './SubtitleTrack';
|
|
6
|
+
export { BufferLevel } from './BufferLevel';
|