@mediakind/mkplayer 1.1.0 → 1.1.1
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 +2 -6
- package/bin/mkplayer.js +1 -1
- package/package.json +2 -4
- package/docs/.nojekyll +0 -1
- package/docs/assets/highlight.css +0 -141
- package/docs/assets/main.js +0 -58
- package/docs/assets/search.js +0 -1
- package/docs/assets/style.css +0 -1367
- package/docs/enums/MKAdQuartile.html +0 -219
- package/docs/enums/MKAdType.html +0 -227
- package/docs/enums/MKBufferType.html +0 -207
- package/docs/enums/MKDrmType.html +0 -227
- package/docs/enums/MKHttpRequestType.html +0 -290
- package/docs/enums/MKHttpResponseType.html +0 -220
- package/docs/enums/MKLatencyMode.html +0 -227
- package/docs/enums/MKLiveSynchronizationMethod.html +0 -219
- package/docs/enums/MKLogLevel.html +0 -221
- package/docs/enums/MKMediaType.html +0 -201
- package/docs/enums/MKMetadataType.html +0 -255
- package/docs/enums/MKPlatformType.html +0 -201
- package/docs/enums/MKPlayerEvent.html +0 -945
- package/docs/enums/MKProgramRestrictionType.html +0 -259
- package/docs/enums/MKRttEstimationMethod.html +0 -208
- package/docs/enums/MKSourceType.html +0 -235
- package/docs/enums/MKStartOffsetTimelineReference.html +0 -211
- package/docs/enums/MKStreamType.html +0 -227
- package/docs/enums/MKTimeMode.html +0 -209
- package/docs/enums/MKViewMode.html +0 -210
- package/docs/index.html +0 -224
- package/docs/interfaces/MKAdBreakFinishedEvent.html +0 -227
- package/docs/interfaces/MKAdBreakStartedEvent.html +0 -259
- package/docs/interfaces/MKAdClickThrough.html +0 -243
- package/docs/interfaces/MKAdCompanion.html +0 -185
- package/docs/interfaces/MKAdCompanionEvent.html +0 -235
- package/docs/interfaces/MKAdFinishedEvent.html +0 -227
- package/docs/interfaces/MKAdMarkerEvent.html +0 -227
- package/docs/interfaces/MKAdQuartileEvent.html +0 -235
- package/docs/interfaces/MKAdStartedEvent.html +0 -284
- package/docs/interfaces/MKAdaptationConfig.html +0 -339
- package/docs/interfaces/MKAdaptationData.html +0 -225
- package/docs/interfaces/MKAdaptationEvent.html +0 -230
- package/docs/interfaces/MKAdaptationPlatformConfig.html +0 -215
- package/docs/interfaces/MKAirplayChangedEvent.html +0 -246
- package/docs/interfaces/MKAnalyticsConfig.html +0 -383
- package/docs/interfaces/MKAspectRatioChangedEvent.html +0 -235
- package/docs/interfaces/MKAudioAdaptationData.html +0 -226
- package/docs/interfaces/MKAudioAdaptationEvent.html +0 -228
- package/docs/interfaces/MKAudioChangedEvent.html +0 -254
- package/docs/interfaces/MKAudioDownloadQualityChangeEvent.html +0 -255
- package/docs/interfaces/MKAudioDownloadQualityChangedEvent.html +0 -255
- package/docs/interfaces/MKAudioPlaybackQualityChangedEvent.html +0 -237
- package/docs/interfaces/MKAudioQuality.html +0 -244
- package/docs/interfaces/MKAudioQualityChangedEvent.html +0 -255
- package/docs/interfaces/MKAudioQualityEvent.html +0 -225
- package/docs/interfaces/MKAudioTrack.html +0 -248
- package/docs/interfaces/MKAudioTrackEvent.html +0 -246
- package/docs/interfaces/MKAzukiConfig.html +0 -235
- package/docs/interfaces/MKBitrateLimitationConfig.html +0 -231
- package/docs/interfaces/MKBufferConfig.html +0 -215
- package/docs/interfaces/MKBufferLevel.html +0 -227
- package/docs/interfaces/MKBufferMediaTypeConfig.html +0 -218
- package/docs/interfaces/MKCastAvailableEvent.html +0 -228
- package/docs/interfaces/MKCastConfig.html +0 -231
- package/docs/interfaces/MKCastStartedEvent.html +0 -235
- package/docs/interfaces/MKCastWaitingForDeviceEvent.html +0 -235
- package/docs/interfaces/MKCdnOptions.html +0 -212
- package/docs/interfaces/MKCueEnterEvent.html +0 -313
- package/docs/interfaces/MKCueExitEvent.html +0 -313
- package/docs/interfaces/MKCueParsedEvent.html +0 -313
- package/docs/interfaces/MKCueUpdateEvent.html +0 -313
- package/docs/interfaces/MKDownloadFinishedEvent.html +0 -299
- package/docs/interfaces/MKDownloadedAudioData.html +0 -228
- package/docs/interfaces/MKDownloadedData.html +0 -226
- package/docs/interfaces/MKDownloadedVideoData.html +0 -244
- package/docs/interfaces/MKDrmConfig.html +0 -223
- package/docs/interfaces/MKDrmLicense.html +0 -210
- package/docs/interfaces/MKDrmLicenseAddedEvent.html +0 -227
- package/docs/interfaces/MKDurationChangedEvent.html +0 -235
- package/docs/interfaces/MKError.html +0 -229
- package/docs/interfaces/MKErrorEvent.html +0 -247
- package/docs/interfaces/MKFairplayDrmConfig.html +0 -428
- package/docs/interfaces/MKHttpRequestOptions.html +0 -231
- package/docs/interfaces/MKLatencyModeChangedEvent.html +0 -235
- package/docs/interfaces/MKLiveConfig.html +0 -212
- package/docs/interfaces/MKLogConfig.html +0 -207
- package/docs/interfaces/MKLowLatencyConfig.html +0 -223
- package/docs/interfaces/MKLowLatencySyncConfig.html +0 -223
- package/docs/interfaces/MKMediaPlaybackQualityChangeEvent.html +0 -238
- package/docs/interfaces/MKMediaQualityChangeEvent.html +0 -258
- package/docs/interfaces/MKMediaQualityEvent.html +0 -227
- package/docs/interfaces/MKMediaTrack.html +0 -223
- package/docs/interfaces/MKMediaTrackRole.html +0 -217
- package/docs/interfaces/MKMetadata.html +0 -227
- package/docs/interfaces/MKMetadataChangedEvent.html +0 -256
- package/docs/interfaces/MKMetadataEvent.html +0 -255
- package/docs/interfaces/MKMetadataParsedEvent.html +0 -256
- package/docs/interfaces/MKPeriodContentInformation.html +0 -219
- package/docs/interfaces/MKPeriodInformation.html +0 -211
- package/docs/interfaces/MKPeriodSwitchObject.html +0 -203
- package/docs/interfaces/MKPeriodSwitchedEvent.html +0 -235
- package/docs/interfaces/MKPlayReadyDrmConfig.html +0 -282
- package/docs/interfaces/MKPlaybackConfig.html +0 -320
- package/docs/interfaces/MKPlaybackEvent.html +0 -242
- package/docs/interfaces/MKPlaybackSpeedChangedEvent.html +0 -235
- package/docs/interfaces/MKPlayerAPI.html +0 -1459
- package/docs/interfaces/MKPlayerConfig.html +0 -304
- package/docs/interfaces/MKPlayerEventBase.html +0 -253
- package/docs/interfaces/MKPlayerEventCallback.html +0 -196
- package/docs/interfaces/MKPlayerEventConfig.html +0 -184
- package/docs/interfaces/MKPlayerResizedEvent.html +0 -235
- package/docs/interfaces/MKProgramRestrictions.html +0 -224
- package/docs/interfaces/MKProgramRestrictionsEvent.html +0 -227
- package/docs/interfaces/MKProgramTimeChangedEvent.html +0 -227
- package/docs/interfaces/MKQuality.html +0 -240
- package/docs/interfaces/MKRegisteredSource.html +0 -234
- package/docs/interfaces/MKSeekEvent.html +0 -245
- package/docs/interfaces/MKSegmentPlaybackEvent.html +0 -333
- package/docs/interfaces/MKSegmentRequestFinishedEvent.html +0 -283
- package/docs/interfaces/MKSourceConfig.html +0 -334
- package/docs/interfaces/MKSourceOptions.html +0 -365
- package/docs/interfaces/MKSubtitleCue.html +0 -287
- package/docs/interfaces/MKSubtitleCuePosition.html +0 -215
- package/docs/interfaces/MKSubtitleEvent.html +0 -227
- package/docs/interfaces/MKSubtitleTrack.html +0 -278
- package/docs/interfaces/MKSynchronizationConfigEntry.html +0 -211
- package/docs/interfaces/MKTargetLatencyChangedEvent.html +0 -235
- package/docs/interfaces/MKTextTrack.html +0 -258
- package/docs/interfaces/MKThumbnail.html +0 -263
- package/docs/interfaces/MKThumbnailTrack.html +0 -207
- package/docs/interfaces/MKTimeChangedEvent.html +0 -238
- package/docs/interfaces/MKTimeRange.html +0 -211
- package/docs/interfaces/MKULLSource.html +0 -215
- package/docs/interfaces/MKUserInteractionEvent.html +0 -232
- package/docs/interfaces/MKVTTProperties.html +0 -284
- package/docs/interfaces/MKVTTRegionProperties.html +0 -267
- package/docs/interfaces/MKVideoAdaptationData.html +0 -226
- package/docs/interfaces/MKVideoAdaptationEvent.html +0 -228
- package/docs/interfaces/MKVideoDownloadQualityChangeEvent.html +0 -255
- package/docs/interfaces/MKVideoDownloadQualityChangedEvent.html +0 -255
- package/docs/interfaces/MKVideoPlaybackQualityChangedEvent.html +0 -237
- package/docs/interfaces/MKVideoQuality.html +0 -268
- package/docs/interfaces/MKVideoQualityChangedEvent.html +0 -255
- package/docs/interfaces/MKVideoQualityEvent.html +0 -225
- package/docs/interfaces/MKVideoSizeLimitationConfig.html +0 -235
- package/docs/interfaces/MKVideoTrack.html +0 -240
- package/docs/interfaces/MKViewModeChangedEvent.html +0 -243
- package/docs/interfaces/MKViewModeOptions.html +0 -207
- package/docs/interfaces/MKVolumeChangedEvent.html +0 -245
- package/docs/interfaces/MKWidevineModularDrmConfig.html +0 -336
- package/docs/modules.html +0 -330
- package/docs/types/MKBitrate.html +0 -178
- package/docs/types/MKRequestBodyParams.html +0 -183
- package/docs/types/MKRequestHeaders.html +0 -183
- package/docs/types/MKRequestQueryParams.html +0 -183
- package/samples/basic_playback.html +0 -133
- package/samples/favicon.ico +0 -0
|
@@ -1,133 +0,0 @@
|
|
|
1
|
-
<!DOCTYPE html>
|
|
2
|
-
<html lang="en">
|
|
3
|
-
<head>
|
|
4
|
-
<title>MKPlayer-Web</title>
|
|
5
|
-
<meta charset="utf-8">
|
|
6
|
-
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
7
|
-
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet"
|
|
8
|
-
integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">
|
|
9
|
-
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js"
|
|
10
|
-
integrity="sha384-kenU1KFdBIe4zVF0s0G1M5b4hcpxyD9F7jL+jjXkk+Q2h455rYXK/7HAuoJl+0I4" crossorigin="anonymous">
|
|
11
|
-
</script>
|
|
12
|
-
<!-- MKPlayer SDK and UI stylesheet-->
|
|
13
|
-
<script type="text/javascript" src="./mkplayer.js"></script>
|
|
14
|
-
<link rel="stylesheet" href="./mkplayer-ui.css">
|
|
15
|
-
<style>
|
|
16
|
-
/* Style your video container and other elements... */
|
|
17
|
-
h1 {
|
|
18
|
-
color: white;
|
|
19
|
-
text-align: center;
|
|
20
|
-
background-color: black;
|
|
21
|
-
}
|
|
22
|
-
|
|
23
|
-
#video-container {
|
|
24
|
-
height: 0;
|
|
25
|
-
width: 100%;
|
|
26
|
-
overflow: hidden;
|
|
27
|
-
background: black;
|
|
28
|
-
position: relative;
|
|
29
|
-
padding-top: 56.25%;
|
|
30
|
-
box-shadow: 5px 10px 10px rgba(0, 0, 0, 0.7);
|
|
31
|
-
}
|
|
32
|
-
|
|
33
|
-
#video-container video {
|
|
34
|
-
top: 0;
|
|
35
|
-
left: 0;
|
|
36
|
-
border: 0;
|
|
37
|
-
outline: 0;
|
|
38
|
-
width: 100%;
|
|
39
|
-
height: 100%;
|
|
40
|
-
background: black;
|
|
41
|
-
position: absolute;
|
|
42
|
-
}
|
|
43
|
-
|
|
44
|
-
.slidecontainer {
|
|
45
|
-
width: 100%; /* Width of the outside container */
|
|
46
|
-
}
|
|
47
|
-
|
|
48
|
-
.slider {
|
|
49
|
-
-webkit-appearance: none; /* Override default CSS styles */
|
|
50
|
-
appearance: none;
|
|
51
|
-
width: 100%; /* Full-width */
|
|
52
|
-
height: 25px; /* Specified height */
|
|
53
|
-
background: #d3d3d3; /* Grey background */
|
|
54
|
-
outline: none; /* Remove outline */
|
|
55
|
-
opacity: 0.7; /* Set transparency (for mouse-over effects on hover) */
|
|
56
|
-
-webkit-transition: .2s; /* 0.2 seconds transition on hover */
|
|
57
|
-
transition: opacity .2s;
|
|
58
|
-
}
|
|
59
|
-
</style>
|
|
60
|
-
</head>
|
|
61
|
-
<body>
|
|
62
|
-
<header>
|
|
63
|
-
<h1>MKPlayer Basic Playback</h1>
|
|
64
|
-
</header>
|
|
65
|
-
<main>
|
|
66
|
-
<div class="container">
|
|
67
|
-
<div id="video-container"></div>
|
|
68
|
-
</div>
|
|
69
|
-
</main>
|
|
70
|
-
<script type="text/javascript">
|
|
71
|
-
// Step 1: Grab the video container
|
|
72
|
-
const videoContainer = document.getElementById("video-container");
|
|
73
|
-
|
|
74
|
-
// Step 2: Prepare the player configuration
|
|
75
|
-
const playerConfig = {
|
|
76
|
-
key: "<YOUR PLAYER LICENSE KEY>",
|
|
77
|
-
ui: true, // you must include `mkplayer-ui.css` in your HTML for the default UI to work!
|
|
78
|
-
log: {
|
|
79
|
-
level: "debug", // Other options are "info" | "error" | "warn" | "off"
|
|
80
|
-
},
|
|
81
|
-
playback: {
|
|
82
|
-
muted: true,
|
|
83
|
-
autoplay: true // browsers do not allow autoplay if audio is not muted, so when enabling autoplay set `muted: true`
|
|
84
|
-
},
|
|
85
|
-
// Player events can also be registered and handled as below...
|
|
86
|
-
events: {
|
|
87
|
-
[mkplayer.MKPlayerEvent.Muted]: (data) => {
|
|
88
|
-
console.log("Audio muted!")
|
|
89
|
-
},
|
|
90
|
-
[mkplayer.MKPlayerEvent.Unmuted]: onUnmute
|
|
91
|
-
}
|
|
92
|
-
}
|
|
93
|
-
|
|
94
|
-
// Step 3: Initialize MKPlayer
|
|
95
|
-
const player = new mkplayer.MKPlayer(videoContainer, playerConfig);
|
|
96
|
-
|
|
97
|
-
// Step 4: Add player event handlers dynamically
|
|
98
|
-
player.on("sourceloaded", (data) => {console.log("Source loaded!")});
|
|
99
|
-
player.on("sourceunloaded", (data) => {console.log("Source unloaded!")});
|
|
100
|
-
player.on("ready", (data) => {console.log("Player is ready for playback!")});
|
|
101
|
-
player.on("playing", (data) => {console.log("Playback started")});
|
|
102
|
-
player.on("paused", (data) => {console.log("Playback paused!")});
|
|
103
|
-
player.on("error", (data) => {console.log("Error: ", JSON.stringify(data))});
|
|
104
|
-
player.on("playbackfinished", (data) => {console.log("Playback has ended!")});
|
|
105
|
-
|
|
106
|
-
// Step 5: Prepare the source configuration for hls or dash
|
|
107
|
-
const sourceConfig = {
|
|
108
|
-
title: "Sintel",
|
|
109
|
-
description: "Sintel hls/dash demo.",
|
|
110
|
-
hls: "https://cdn.bitmovin.com/content/assets/sintel/hls/playlist.m3u8",
|
|
111
|
-
dash: "https://cdn.bitmovin.com/content/assets/sintel/sintel.mpd"
|
|
112
|
-
}
|
|
113
|
-
|
|
114
|
-
// Step 6: Load to start playback
|
|
115
|
-
player.load(sourceConfig)
|
|
116
|
-
.then(() => {
|
|
117
|
-
if (!playerConfig.playback.autoplay) {
|
|
118
|
-
player.play(); // to start playback when autoplay is disabled
|
|
119
|
-
// you can also start playback from sourceloaded event handler!
|
|
120
|
-
}
|
|
121
|
-
});
|
|
122
|
-
|
|
123
|
-
// Finally: To stop playback you must call unload
|
|
124
|
-
// player.unload()
|
|
125
|
-
// .then(() => {
|
|
126
|
-
// console.log("Source unloaded!")
|
|
127
|
-
// });
|
|
128
|
-
|
|
129
|
-
function onUnmute(data) {
|
|
130
|
-
console.log("Audio unmuted!");
|
|
131
|
-
}
|
|
132
|
-
</script>
|
|
133
|
-
</body>
|
package/samples/favicon.ico
DELETED
|
Binary file
|