@vidinfra/analytics 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.
- package/README.md +67 -0
- package/dist/cjs/actions.d.ts +7 -0
- package/dist/cjs/actions.js +19 -0
- package/dist/cjs/actions.js.map +1 -0
- package/dist/cjs/auto.d.ts +1 -0
- package/dist/cjs/auto.js +25 -0
- package/dist/cjs/auto.js.map +1 -0
- package/dist/cjs/build +0 -0
- package/dist/cjs/config.d.ts +2 -0
- package/dist/cjs/config.js +6 -0
- package/dist/cjs/config.js.map +1 -0
- package/dist/cjs/global.d.ts +2 -0
- package/dist/cjs/global.js +11 -0
- package/dist/cjs/global.js.map +1 -0
- package/dist/cjs/index.d.ts +18 -0
- package/dist/cjs/index.js +71 -0
- package/dist/cjs/index.js.map +1 -0
- package/dist/cjs/lib/event-handler.d.ts +18 -0
- package/dist/cjs/lib/event-handler.js +50 -0
- package/dist/cjs/lib/event-handler.js.map +1 -0
- package/dist/cjs/lib/event.d.ts +25 -0
- package/dist/cjs/lib/event.js +3 -0
- package/dist/cjs/lib/event.js.map +1 -0
- package/dist/cjs/lib/internal-events.d.ts +17 -0
- package/dist/cjs/lib/internal-events.js +30 -0
- package/dist/cjs/lib/internal-events.js.map +1 -0
- package/dist/cjs/lib/ping.d.ts +2 -0
- package/dist/cjs/lib/ping.js +25 -0
- package/dist/cjs/lib/ping.js.map +1 -0
- package/dist/cjs/lib/request.d.ts +11 -0
- package/dist/cjs/lib/request.js +74 -0
- package/dist/cjs/lib/request.js.map +1 -0
- package/dist/cjs/lib/session.d.ts +11 -0
- package/dist/cjs/lib/session.js +66 -0
- package/dist/cjs/lib/session.js.map +1 -0
- package/dist/cjs/lib/types.d.ts +30 -0
- package/dist/cjs/lib/types.js +3 -0
- package/dist/cjs/lib/types.js.map +1 -0
- package/dist/cjs/lib/utils.d.ts +8 -0
- package/dist/cjs/lib/utils.js +33 -0
- package/dist/cjs/lib/utils.js.map +1 -0
- package/dist/cjs/media/analytics.d.ts +35 -0
- package/dist/cjs/media/analytics.js +320 -0
- package/dist/cjs/media/analytics.js.map +1 -0
- package/dist/cjs/media/events.d.ts +24 -0
- package/dist/cjs/media/events.js +28 -0
- package/dist/cjs/media/events.js.map +1 -0
- package/dist/cjs/media/index.d.ts +5 -0
- package/dist/cjs/media/index.js +28 -0
- package/dist/cjs/media/index.js.map +1 -0
- package/dist/cjs/media/player.d.ts +36 -0
- package/dist/cjs/media/player.js +3 -0
- package/dist/cjs/media/player.js.map +1 -0
- package/dist/cjs/media/players/helpers/bitrate-calculator.d.ts +10 -0
- package/dist/cjs/media/players/helpers/bitrate-calculator.js +57 -0
- package/dist/cjs/media/players/helpers/bitrate-calculator.js.map +1 -0
- package/dist/cjs/media/players/helpers/frame-rate-calculator.d.ts +14 -0
- package/dist/cjs/media/players/helpers/frame-rate-calculator.js +53 -0
- package/dist/cjs/media/players/helpers/frame-rate-calculator.js.map +1 -0
- package/dist/cjs/media/players/helpers/loaded-time-calculator.d.ts +11 -0
- package/dist/cjs/media/players/helpers/loaded-time-calculator.js +42 -0
- package/dist/cjs/media/players/helpers/loaded-time-calculator.js.map +1 -0
- package/dist/cjs/media/players/html.d.ts +43 -0
- package/dist/cjs/media/players/html.js +232 -0
- package/dist/cjs/media/players/html.js.map +1 -0
- package/dist/cjs/media/players/index.d.ts +2 -0
- package/dist/cjs/media/players/index.js +8 -0
- package/dist/cjs/media/players/index.js.map +1 -0
- package/dist/cjs/media/players/videojs.d.ts +72 -0
- package/dist/cjs/media/players/videojs.js +102 -0
- package/dist/cjs/media/players/videojs.js.map +1 -0
- package/dist/cjs/media/types.d.ts +63 -0
- package/dist/cjs/media/types.js +32 -0
- package/dist/cjs/media/types.js.map +1 -0
- package/dist/cjs/media/utils.d.ts +2 -0
- package/dist/cjs/media/utils.js +15 -0
- package/dist/cjs/media/utils.js.map +1 -0
- package/dist/cjs/package.json +1 -0
- package/dist/cjs/page/analytics.d.ts +25 -0
- package/dist/cjs/page/analytics.js +102 -0
- package/dist/cjs/page/analytics.js.map +1 -0
- package/dist/cjs/page/index.d.ts +0 -0
- package/dist/cjs/page/index.js +2 -0
- package/dist/cjs/page/index.js.map +1 -0
- package/dist/cjs/page/performance.d.ts +10 -0
- package/dist/cjs/page/performance.js +49 -0
- package/dist/cjs/page/performance.js.map +1 -0
- package/dist/cjs/page/types.d.ts +30 -0
- package/dist/cjs/page/types.js +17 -0
- package/dist/cjs/page/types.js.map +1 -0
- package/dist/cjs/page/utils.d.ts +2 -0
- package/dist/cjs/page/utils.js +27 -0
- package/dist/cjs/page/utils.js.map +1 -0
- package/dist/esm/actions.d.ts +7 -0
- package/dist/esm/actions.js +15 -0
- package/dist/esm/actions.js.map +1 -0
- package/dist/esm/auto.d.ts +1 -0
- package/dist/esm/auto.js +23 -0
- package/dist/esm/auto.js.map +1 -0
- package/dist/esm/build +0 -0
- package/dist/esm/config.d.ts +2 -0
- package/dist/esm/config.js +3 -0
- package/dist/esm/config.js.map +1 -0
- package/dist/esm/global.d.ts +2 -0
- package/dist/esm/global.js +3 -0
- package/dist/esm/global.js.map +1 -0
- package/dist/esm/index.d.ts +18 -0
- package/dist/esm/index.js +65 -0
- package/dist/esm/index.js.map +1 -0
- package/dist/esm/lib/event-handler.d.ts +18 -0
- package/dist/esm/lib/event-handler.js +46 -0
- package/dist/esm/lib/event-handler.js.map +1 -0
- package/dist/esm/lib/event.d.ts +25 -0
- package/dist/esm/lib/event.js +2 -0
- package/dist/esm/lib/event.js.map +1 -0
- package/dist/esm/lib/internal-events.d.ts +17 -0
- package/dist/esm/lib/internal-events.js +26 -0
- package/dist/esm/lib/internal-events.js.map +1 -0
- package/dist/esm/lib/ping.d.ts +2 -0
- package/dist/esm/lib/ping.js +20 -0
- package/dist/esm/lib/ping.js.map +1 -0
- package/dist/esm/lib/request.d.ts +11 -0
- package/dist/esm/lib/request.js +69 -0
- package/dist/esm/lib/request.js.map +1 -0
- package/dist/esm/lib/session.d.ts +11 -0
- package/dist/esm/lib/session.js +58 -0
- package/dist/esm/lib/session.js.map +1 -0
- package/dist/esm/lib/types.d.ts +30 -0
- package/dist/esm/lib/types.js +2 -0
- package/dist/esm/lib/types.js.map +1 -0
- package/dist/esm/lib/utils.d.ts +8 -0
- package/dist/esm/lib/utils.js +27 -0
- package/dist/esm/lib/utils.js.map +1 -0
- package/dist/esm/media/analytics.d.ts +35 -0
- package/dist/esm/media/analytics.js +316 -0
- package/dist/esm/media/analytics.js.map +1 -0
- package/dist/esm/media/events.d.ts +24 -0
- package/dist/esm/media/events.js +25 -0
- package/dist/esm/media/events.js.map +1 -0
- package/dist/esm/media/index.d.ts +5 -0
- package/dist/esm/media/index.js +22 -0
- package/dist/esm/media/index.js.map +1 -0
- package/dist/esm/media/player.d.ts +36 -0
- package/dist/esm/media/player.js +2 -0
- package/dist/esm/media/player.js.map +1 -0
- package/dist/esm/media/players/helpers/bitrate-calculator.d.ts +10 -0
- package/dist/esm/media/players/helpers/bitrate-calculator.js +53 -0
- package/dist/esm/media/players/helpers/bitrate-calculator.js.map +1 -0
- package/dist/esm/media/players/helpers/frame-rate-calculator.d.ts +14 -0
- package/dist/esm/media/players/helpers/frame-rate-calculator.js +49 -0
- package/dist/esm/media/players/helpers/frame-rate-calculator.js.map +1 -0
- package/dist/esm/media/players/helpers/loaded-time-calculator.d.ts +11 -0
- package/dist/esm/media/players/helpers/loaded-time-calculator.js +38 -0
- package/dist/esm/media/players/helpers/loaded-time-calculator.js.map +1 -0
- package/dist/esm/media/players/html.d.ts +43 -0
- package/dist/esm/media/players/html.js +228 -0
- package/dist/esm/media/players/html.js.map +1 -0
- package/dist/esm/media/players/index.d.ts +2 -0
- package/dist/esm/media/players/index.js +3 -0
- package/dist/esm/media/players/index.js.map +1 -0
- package/dist/esm/media/players/videojs.d.ts +72 -0
- package/dist/esm/media/players/videojs.js +98 -0
- package/dist/esm/media/players/videojs.js.map +1 -0
- package/dist/esm/media/types.d.ts +63 -0
- package/dist/esm/media/types.js +29 -0
- package/dist/esm/media/types.js.map +1 -0
- package/dist/esm/media/utils.d.ts +2 -0
- package/dist/esm/media/utils.js +11 -0
- package/dist/esm/media/utils.js.map +1 -0
- package/dist/esm/package.json +1 -0
- package/dist/esm/page/analytics.d.ts +25 -0
- package/dist/esm/page/analytics.js +98 -0
- package/dist/esm/page/analytics.js.map +1 -0
- package/dist/esm/page/index.d.ts +0 -0
- package/dist/esm/page/index.js +2 -0
- package/dist/esm/page/index.js.map +1 -0
- package/dist/esm/page/performance.d.ts +10 -0
- package/dist/esm/page/performance.js +45 -0
- package/dist/esm/page/performance.js.map +1 -0
- package/dist/esm/page/types.d.ts +30 -0
- package/dist/esm/page/types.js +14 -0
- package/dist/esm/page/types.js.map +1 -0
- package/dist/esm/page/utils.d.ts +2 -0
- package/dist/esm/page/utils.js +23 -0
- package/dist/esm/page/utils.js.map +1 -0
- package/dist/index.global.dev.js +2588 -0
- package/dist/index.global.js +1 -0
- package/package.json +79 -0
|
@@ -0,0 +1,57 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.VideoBitrateCalculator = void 0;
|
|
4
|
+
class VideoBitrateCalculator {
|
|
5
|
+
constructor(element) {
|
|
6
|
+
this.element = element;
|
|
7
|
+
this.loadVideoBitrate = this.loadVideoBitrate.bind(this);
|
|
8
|
+
this.element.addEventListener('loadedmetadata', this.loadVideoBitrate);
|
|
9
|
+
}
|
|
10
|
+
dispose() {
|
|
11
|
+
this.element.removeEventListener('loadedmetadata', this.loadVideoBitrate);
|
|
12
|
+
}
|
|
13
|
+
getBitrate() {
|
|
14
|
+
return this.currentBitrate;
|
|
15
|
+
}
|
|
16
|
+
loadVideoBitrate() {
|
|
17
|
+
const duration = this.element.duration;
|
|
18
|
+
const src = this.element.currentSrc;
|
|
19
|
+
if (!duration || !src) {
|
|
20
|
+
return;
|
|
21
|
+
}
|
|
22
|
+
const srcType = this.getSrcType(src);
|
|
23
|
+
if (!srcType ||
|
|
24
|
+
!['video/mp4', 'video/webm', 'video/ogg', 'audio/mpeg', 'audio/ogg', 'audio/wav'].includes(srcType)) {
|
|
25
|
+
return;
|
|
26
|
+
}
|
|
27
|
+
this.fetchVideoBitrate(src, duration).then((bitrate) => {
|
|
28
|
+
this.currentBitrate = bitrate;
|
|
29
|
+
console.log('Loaded media bitrate:', bitrate);
|
|
30
|
+
});
|
|
31
|
+
}
|
|
32
|
+
async fetchVideoBitrate(url, duration) {
|
|
33
|
+
return fetch(url, { method: 'HEAD' })
|
|
34
|
+
.then((response) => response.headers.get('content-length'))
|
|
35
|
+
.then((size) => {
|
|
36
|
+
if (!size)
|
|
37
|
+
return undefined;
|
|
38
|
+
return (Number(size) * 8) / duration;
|
|
39
|
+
})
|
|
40
|
+
.catch((error) => {
|
|
41
|
+
console.log('Error fetching video bitrate', error);
|
|
42
|
+
return undefined;
|
|
43
|
+
});
|
|
44
|
+
}
|
|
45
|
+
getSrcType(src) {
|
|
46
|
+
const type = this.element.querySelector('source[src="' + src + '"]')?.getAttribute('type');
|
|
47
|
+
if (type) {
|
|
48
|
+
return type;
|
|
49
|
+
}
|
|
50
|
+
const extension = src.split('.').pop()?.split('?')[0];
|
|
51
|
+
if (extension) {
|
|
52
|
+
return this.element.tagName.toLowerCase() + '/' + extension;
|
|
53
|
+
}
|
|
54
|
+
}
|
|
55
|
+
}
|
|
56
|
+
exports.VideoBitrateCalculator = VideoBitrateCalculator;
|
|
57
|
+
//# sourceMappingURL=bitrate-calculator.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"bitrate-calculator.js","sourceRoot":"","sources":["../../../../../src/media/players/helpers/bitrate-calculator.ts"],"names":[],"mappings":";;;AAAA,MAAa,sBAAsB;IAI/B,YAAY,OAAyB;QACjC,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;QACvB,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACzD,IAAI,CAAC,OAAO,CAAC,gBAAgB,CAAC,gBAAgB,EAAE,IAAI,CAAC,gBAAgB,CAAC,CAAC;IAC3E,CAAC;IAEM,OAAO;QACV,IAAI,CAAC,OAAO,CAAC,mBAAmB,CAAC,gBAAgB,EAAE,IAAI,CAAC,gBAAgB,CAAC,CAAC;IAC9E,CAAC;IAEM,UAAU;QACb,OAAO,IAAI,CAAC,cAAc,CAAC;IAC/B,CAAC;IAEO,gBAAgB;QACpB,MAAM,QAAQ,GAAG,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC;QACvC,MAAM,GAAG,GAAG,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC;QACpC,IAAI,CAAC,QAAQ,IAAI,CAAC,GAAG,EAAE,CAAC;YACpB,OAAO;QACX,CAAC;QACD,MAAM,OAAO,GAAG,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC;QACrC,IACI,CAAC,OAAO;YACR,CAAC,CAAC,WAAW,EAAE,YAAY,EAAE,WAAW,EAAE,YAAY,EAAE,WAAW,EAAE,WAAW,CAAC,CAAC,QAAQ,CAAC,OAAO,CAAC,EACrG,CAAC;YACC,OAAO;QACX,CAAC;QACD,IAAI,CAAC,iBAAiB,CAAC,GAAG,EAAE,QAAQ,CAAC,CAAC,IAAI,CAAC,CAAC,OAAO,EAAE,EAAE;YACnD,IAAI,CAAC,cAAc,GAAG,OAAO,CAAC;YAC9B,OAAO,CAAC,GAAG,CAAC,uBAAuB,EAAE,OAAO,CAAC,CAAC;QAClD,CAAC,CAAC,CAAC;IACP,CAAC;IAEO,KAAK,CAAC,iBAAiB,CAAC,GAAW,EAAE,QAAgB;QACzD,OAAO,KAAK,CAAC,GAAG,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC;aAChC,IAAI,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC,QAAQ,CAAC,OAAO,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAC;aAC1D,IAAI,CAAC,CAAC,IAAI,EAAE,EAAE;YACX,IAAI,CAAC,IAAI;gBAAE,OAAO,SAAS,CAAC;YAC5B,OAAO,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,QAAQ,CAAC;QACzC,CAAC,CAAC;aACD,KAAK,CAAC,CAAC,KAAK,EAAE,EAAE;YACb,OAAO,CAAC,GAAG,CAAC,8BAA8B,EAAE,KAAK,CAAC,CAAC;YACnD,OAAO,SAAS,CAAC;QACrB,CAAC,CAAC,CAAC;IACX,CAAC;IAEO,UAAU,CAAC,GAAW;QAC1B,MAAM,IAAI,GAAG,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,cAAc,GAAG,GAAG,GAAG,IAAI,CAAC,EAAE,YAAY,CAAC,MAAM,CAAC,CAAC;QAC3F,IAAI,IAAI,EAAE,CAAC;YACP,OAAO,IAAI,CAAC;QAChB,CAAC;QACD,MAAM,SAAS,GAAG,GAAG,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;QACtD,IAAI,SAAS,EAAE,CAAC;YACZ,OAAO,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,WAAW,EAAE,GAAG,GAAG,GAAG,SAAS,CAAC;QAChE,CAAC;IACL,CAAC;CACJ;AA5DD,wDA4DC"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
export declare class VideoFrameRateCalculator {
|
|
2
|
+
private element;
|
|
3
|
+
private lastMediaTime;
|
|
4
|
+
private lastFrameNum;
|
|
5
|
+
private fps;
|
|
6
|
+
private fpsRounder;
|
|
7
|
+
private frameNotSeeked;
|
|
8
|
+
constructor(element: HTMLVideoElement);
|
|
9
|
+
dispose(): void;
|
|
10
|
+
getFrameRate(): number;
|
|
11
|
+
private ticker;
|
|
12
|
+
private onSeeked;
|
|
13
|
+
private getFpsAverage;
|
|
14
|
+
}
|
|
@@ -0,0 +1,53 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.VideoFrameRateCalculator = void 0;
|
|
4
|
+
class VideoFrameRateCalculator {
|
|
5
|
+
constructor(element) {
|
|
6
|
+
this.element = element;
|
|
7
|
+
this.lastMediaTime = 0;
|
|
8
|
+
this.lastFrameNum = 0;
|
|
9
|
+
this.fps = 0;
|
|
10
|
+
this.fpsRounder = [];
|
|
11
|
+
this.frameNotSeeked = true;
|
|
12
|
+
// Register event listeners
|
|
13
|
+
this.ticker = this.ticker.bind(this);
|
|
14
|
+
this.onSeeked = this.onSeeked.bind(this);
|
|
15
|
+
this.element.addEventListener('seeked', this.onSeeked);
|
|
16
|
+
if ('requestVideoFrameCallback' in HTMLVideoElement.prototype) {
|
|
17
|
+
this.element.requestVideoFrameCallback(this.ticker);
|
|
18
|
+
}
|
|
19
|
+
}
|
|
20
|
+
dispose() {
|
|
21
|
+
this.element.removeEventListener('seeked', this.onSeeked);
|
|
22
|
+
}
|
|
23
|
+
getFrameRate() {
|
|
24
|
+
return this.fps;
|
|
25
|
+
}
|
|
26
|
+
ticker(_, metadata) {
|
|
27
|
+
const mediaTimeDiff = Math.abs(metadata.mediaTime - this.lastMediaTime);
|
|
28
|
+
const frameNumDiff = Math.abs(metadata.presentedFrames - this.lastFrameNum);
|
|
29
|
+
const diff = mediaTimeDiff / frameNumDiff;
|
|
30
|
+
if (diff &&
|
|
31
|
+
diff < 1 &&
|
|
32
|
+
this.frameNotSeeked &&
|
|
33
|
+
this.fpsRounder.length < 50 &&
|
|
34
|
+
this.element.playbackRate === 1 &&
|
|
35
|
+
document.hasFocus()) {
|
|
36
|
+
this.fpsRounder.push(diff);
|
|
37
|
+
this.fps = Math.round(1 / this.getFpsAverage());
|
|
38
|
+
}
|
|
39
|
+
this.frameNotSeeked = true;
|
|
40
|
+
this.lastMediaTime = metadata.mediaTime;
|
|
41
|
+
this.lastFrameNum = metadata.presentedFrames;
|
|
42
|
+
this.element.requestVideoFrameCallback(this.ticker);
|
|
43
|
+
}
|
|
44
|
+
onSeeked() {
|
|
45
|
+
this.fpsRounder.pop();
|
|
46
|
+
this.frameNotSeeked = false;
|
|
47
|
+
}
|
|
48
|
+
getFpsAverage() {
|
|
49
|
+
return this.fpsRounder.reduce((a, b) => a + b, 0) / this.fpsRounder.length;
|
|
50
|
+
}
|
|
51
|
+
}
|
|
52
|
+
exports.VideoFrameRateCalculator = VideoFrameRateCalculator;
|
|
53
|
+
//# sourceMappingURL=frame-rate-calculator.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"frame-rate-calculator.js","sourceRoot":"","sources":["../../../../../src/media/players/helpers/frame-rate-calculator.ts"],"names":[],"mappings":";;;AAAA,MAAa,wBAAwB;IAQjC,YAAY,OAAyB;QACjC,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;QACvB,IAAI,CAAC,aAAa,GAAG,CAAC,CAAC;QACvB,IAAI,CAAC,YAAY,GAAG,CAAC,CAAC;QACtB,IAAI,CAAC,GAAG,GAAG,CAAC,CAAC;QACb,IAAI,CAAC,UAAU,GAAG,EAAE,CAAC;QACrB,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC;QAC3B,2BAA2B;QAC3B,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACrC,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACzC,IAAI,CAAC,OAAO,CAAC,gBAAgB,CAAC,QAAQ,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC;QACvD,IAAI,2BAA2B,IAAI,gBAAgB,CAAC,SAAS,EAAE,CAAC;YAC5D,IAAI,CAAC,OAAO,CAAC,yBAAyB,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;QACxD,CAAC;IACL,CAAC;IAEM,OAAO;QACV,IAAI,CAAC,OAAO,CAAC,mBAAmB,CAAC,QAAQ,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC;IAC9D,CAAC;IAEM,YAAY;QACf,OAAO,IAAI,CAAC,GAAG,CAAC;IACpB,CAAC;IAEO,MAAM,CAAC,CAAS,EAAE,QAAoC;QAC1D,MAAM,aAAa,GAAG,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,SAAS,GAAG,IAAI,CAAC,aAAa,CAAC,CAAC;QACxE,MAAM,YAAY,GAAG,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,eAAe,GAAG,IAAI,CAAC,YAAY,CAAC,CAAC;QAC5E,MAAM,IAAI,GAAG,aAAa,GAAG,YAAY,CAAC;QAE1C,IACI,IAAI;YACJ,IAAI,GAAG,CAAC;YACR,IAAI,CAAC,cAAc;YACnB,IAAI,CAAC,UAAU,CAAC,MAAM,GAAG,EAAE;YAC3B,IAAI,CAAC,OAAO,CAAC,YAAY,KAAK,CAAC;YAC/B,QAAQ,CAAC,QAAQ,EAAE,EACrB,CAAC;YACC,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;YAC3B,IAAI,CAAC,GAAG,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,GAAG,IAAI,CAAC,aAAa,EAAE,CAAC,CAAC;QACpD,CAAC;QAED,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC;QAC3B,IAAI,CAAC,aAAa,GAAG,QAAQ,CAAC,SAAS,CAAC;QACxC,IAAI,CAAC,YAAY,GAAG,QAAQ,CAAC,eAAe,CAAC;QAC7C,IAAI,CAAC,OAAO,CAAC,yBAAyB,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;IACxD,CAAC;IAEO,QAAQ;QACZ,IAAI,CAAC,UAAU,CAAC,GAAG,EAAE,CAAC;QACtB,IAAI,CAAC,cAAc,GAAG,KAAK,CAAC;IAChC,CAAC;IAEO,aAAa;QACjB,OAAO,IAAI,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,GAAG,IAAI,CAAC,UAAU,CAAC,MAAM,CAAC;IAC/E,CAAC;CACJ;AA/DD,4DA+DC"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
export declare class VideoLoadedTimeClaculator {
|
|
2
|
+
private element;
|
|
3
|
+
private initialLoadedTime;
|
|
4
|
+
private loadedTime;
|
|
5
|
+
constructor(element: HTMLVideoElement);
|
|
6
|
+
dispose(): void;
|
|
7
|
+
getLoadedTime(): number;
|
|
8
|
+
private getTotalLoadedTime;
|
|
9
|
+
private updateInitialLoadedTime;
|
|
10
|
+
private updateLoadedTime;
|
|
11
|
+
}
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.VideoLoadedTimeClaculator = void 0;
|
|
4
|
+
class VideoLoadedTimeClaculator {
|
|
5
|
+
constructor(element) {
|
|
6
|
+
this.element = element;
|
|
7
|
+
this.initialLoadedTime = 0;
|
|
8
|
+
this.loadedTime = 0;
|
|
9
|
+
// Register event listeners
|
|
10
|
+
this.updateInitialLoadedTime = this.updateInitialLoadedTime.bind(this);
|
|
11
|
+
this.updateLoadedTime = this.updateLoadedTime.bind(this);
|
|
12
|
+
this.element.addEventListener('loadedmetadata', this.updateInitialLoadedTime);
|
|
13
|
+
this.element.addEventListener('progress', this.updateLoadedTime);
|
|
14
|
+
}
|
|
15
|
+
dispose() {
|
|
16
|
+
this.element.removeEventListener('loadedmetadata', this.updateInitialLoadedTime);
|
|
17
|
+
this.element.removeEventListener('progress', this.updateLoadedTime);
|
|
18
|
+
}
|
|
19
|
+
getLoadedTime() {
|
|
20
|
+
return this.loadedTime;
|
|
21
|
+
}
|
|
22
|
+
getTotalLoadedTime() {
|
|
23
|
+
let total = 0;
|
|
24
|
+
for (let i = 0; i < this.element.buffered.length; i++) {
|
|
25
|
+
total += this.element.buffered.end(i) - this.element.buffered.start(i);
|
|
26
|
+
}
|
|
27
|
+
return total;
|
|
28
|
+
}
|
|
29
|
+
updateInitialLoadedTime() {
|
|
30
|
+
this.initialLoadedTime = this.getTotalLoadedTime();
|
|
31
|
+
}
|
|
32
|
+
updateLoadedTime() {
|
|
33
|
+
const currentTimeLoaded = this.getTotalLoadedTime();
|
|
34
|
+
// Only update loaded time if additional data has been loaded since the start
|
|
35
|
+
const timeLoadedSinceStart = currentTimeLoaded - this.initialLoadedTime;
|
|
36
|
+
if (timeLoadedSinceStart > 0) {
|
|
37
|
+
this.loadedTime = timeLoadedSinceStart;
|
|
38
|
+
}
|
|
39
|
+
}
|
|
40
|
+
}
|
|
41
|
+
exports.VideoLoadedTimeClaculator = VideoLoadedTimeClaculator;
|
|
42
|
+
//# sourceMappingURL=loaded-time-calculator.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"loaded-time-calculator.js","sourceRoot":"","sources":["../../../../../src/media/players/helpers/loaded-time-calculator.ts"],"names":[],"mappings":";;;AAAA,MAAa,yBAAyB;IAKlC,YAAY,OAAyB;QACjC,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;QACvB,IAAI,CAAC,iBAAiB,GAAG,CAAC,CAAC;QAC3B,IAAI,CAAC,UAAU,GAAG,CAAC,CAAC;QACpB,2BAA2B;QAC3B,IAAI,CAAC,uBAAuB,GAAG,IAAI,CAAC,uBAAuB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACvE,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACzD,IAAI,CAAC,OAAO,CAAC,gBAAgB,CAAC,gBAAgB,EAAE,IAAI,CAAC,uBAAuB,CAAC,CAAC;QAC9E,IAAI,CAAC,OAAO,CAAC,gBAAgB,CAAC,UAAU,EAAE,IAAI,CAAC,gBAAgB,CAAC,CAAC;IACrE,CAAC;IAEM,OAAO;QACV,IAAI,CAAC,OAAO,CAAC,mBAAmB,CAAC,gBAAgB,EAAE,IAAI,CAAC,uBAAuB,CAAC,CAAC;QACjF,IAAI,CAAC,OAAO,CAAC,mBAAmB,CAAC,UAAU,EAAE,IAAI,CAAC,gBAAgB,CAAC,CAAC;IACxE,CAAC;IAEM,aAAa;QAChB,OAAO,IAAI,CAAC,UAAU,CAAC;IAC3B,CAAC;IAEO,kBAAkB;QACtB,IAAI,KAAK,GAAG,CAAC,CAAC;QACd,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;YACpD,KAAK,IAAI,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;QAC3E,CAAC;QACD,OAAO,KAAK,CAAC;IACjB,CAAC;IAEO,uBAAuB;QAC3B,IAAI,CAAC,iBAAiB,GAAG,IAAI,CAAC,kBAAkB,EAAE,CAAC;IACvD,CAAC;IAEO,gBAAgB;QACpB,MAAM,iBAAiB,GAAG,IAAI,CAAC,kBAAkB,EAAE,CAAC;QAEpD,6EAA6E;QAC7E,MAAM,oBAAoB,GAAG,iBAAiB,GAAG,IAAI,CAAC,iBAAiB,CAAC;QACxE,IAAI,oBAAoB,GAAG,CAAC,EAAE,CAAC;YAC3B,IAAI,CAAC,UAAU,GAAG,oBAAoB,CAAC;QAC3C,CAAC;IACL,CAAC;CACJ;AA9CD,8DA8CC"}
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
import { ErrorInfo } from '../../lib/event.js';
|
|
2
|
+
import { MediaPlayer } from '../player.js';
|
|
3
|
+
import { MediaEventName } from '../types.js';
|
|
4
|
+
export declare class HTMLMediaPlayer implements MediaPlayer {
|
|
5
|
+
name: string;
|
|
6
|
+
version: string;
|
|
7
|
+
private bitrateCalculator?;
|
|
8
|
+
private frameRateCalculator?;
|
|
9
|
+
private loadedTimeCalculator?;
|
|
10
|
+
private element;
|
|
11
|
+
onEvent: (eventName: MediaEventName, event: Event) => void;
|
|
12
|
+
constructor(element: string | HTMLMediaElement);
|
|
13
|
+
addEventListeners(): void;
|
|
14
|
+
removeEventListeners(): void;
|
|
15
|
+
protected eventListener: (event: Event) => void;
|
|
16
|
+
dispose(): void;
|
|
17
|
+
getMediaDuration(): number;
|
|
18
|
+
getMediaCurrentTime(): number;
|
|
19
|
+
getMediaId(): string | undefined;
|
|
20
|
+
getMediaTitle(): string | undefined;
|
|
21
|
+
getMediaType(): string | undefined;
|
|
22
|
+
getMediaSrc(): string | undefined;
|
|
23
|
+
getMediaWidth(): number | undefined;
|
|
24
|
+
getMediaHeight(): number | undefined;
|
|
25
|
+
getMediaPoster(): string | undefined;
|
|
26
|
+
getMediaSeries(): string | undefined;
|
|
27
|
+
getMediaSeason(): string | undefined;
|
|
28
|
+
getMediaVolume(): number;
|
|
29
|
+
getMediaMuted(): boolean;
|
|
30
|
+
getMediaPlaybackRate(): number;
|
|
31
|
+
getMediaFullscreen(): boolean;
|
|
32
|
+
getMediaError(): ErrorInfo | undefined;
|
|
33
|
+
getMediaBitrate(): number | undefined;
|
|
34
|
+
getMediaFramerate(): number | undefined;
|
|
35
|
+
getMediaLoadedTime(): number | undefined;
|
|
36
|
+
getPlayerWidth(): number | undefined;
|
|
37
|
+
getPlayerHeight(): number | undefined;
|
|
38
|
+
getMediaMeta1(): string | undefined;
|
|
39
|
+
getMediaMeta2(): string | undefined;
|
|
40
|
+
getMediaMeta3(): string | undefined;
|
|
41
|
+
getMediaMeta4(): string | undefined;
|
|
42
|
+
getMediaMeta5(): string | undefined;
|
|
43
|
+
}
|
|
@@ -0,0 +1,232 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.HTMLMediaPlayer = void 0;
|
|
4
|
+
const events_js_1 = require("../events.js");
|
|
5
|
+
const utils_js_1 = require("../utils.js");
|
|
6
|
+
const loaded_time_calculator_js_1 = require("./helpers/loaded-time-calculator.js");
|
|
7
|
+
const frame_rate_calculator_js_1 = require("./helpers/frame-rate-calculator.js");
|
|
8
|
+
const bitrate_calculator_js_1 = require("./helpers/bitrate-calculator.js");
|
|
9
|
+
class HTMLMediaPlayer {
|
|
10
|
+
constructor(element) {
|
|
11
|
+
this.name = 'HTML5';
|
|
12
|
+
this.version = '1.0.0';
|
|
13
|
+
this.eventListener = (event) => {
|
|
14
|
+
if (this.onEvent) {
|
|
15
|
+
const eventName = (0, utils_js_1.getMediaEventNameFromNativeEvent)(event.type);
|
|
16
|
+
this.onEvent(eventName, event);
|
|
17
|
+
}
|
|
18
|
+
};
|
|
19
|
+
if (typeof element === 'string') {
|
|
20
|
+
this.element = document.querySelector(element);
|
|
21
|
+
}
|
|
22
|
+
else {
|
|
23
|
+
this.element = element;
|
|
24
|
+
}
|
|
25
|
+
if (!this.element || !(this.element instanceof HTMLMediaElement)) {
|
|
26
|
+
throw new Error('Invalid element, must be an HTMLMediaElement.');
|
|
27
|
+
}
|
|
28
|
+
// Register event listeners
|
|
29
|
+
this.addEventListeners();
|
|
30
|
+
// Init frame rate calculator
|
|
31
|
+
if (this.element instanceof HTMLVideoElement) {
|
|
32
|
+
this.bitrateCalculator = new bitrate_calculator_js_1.VideoBitrateCalculator(this.element);
|
|
33
|
+
this.frameRateCalculator = new frame_rate_calculator_js_1.VideoFrameRateCalculator(this.element);
|
|
34
|
+
this.loadedTimeCalculator = new loaded_time_calculator_js_1.VideoLoadedTimeClaculator(this.element);
|
|
35
|
+
}
|
|
36
|
+
}
|
|
37
|
+
addEventListeners() {
|
|
38
|
+
Object.keys(events_js_1.nativeEvents).forEach((key) => {
|
|
39
|
+
this.element.addEventListener(key, this.eventListener);
|
|
40
|
+
});
|
|
41
|
+
}
|
|
42
|
+
removeEventListeners() {
|
|
43
|
+
Object.keys(events_js_1.nativeEvents).forEach((key) => {
|
|
44
|
+
this.element.removeEventListener(key, this.eventListener);
|
|
45
|
+
});
|
|
46
|
+
}
|
|
47
|
+
dispose() {
|
|
48
|
+
this.removeEventListeners();
|
|
49
|
+
this.bitrateCalculator?.dispose();
|
|
50
|
+
this.frameRateCalculator?.dispose();
|
|
51
|
+
this.loadedTimeCalculator?.dispose();
|
|
52
|
+
}
|
|
53
|
+
getMediaDuration() {
|
|
54
|
+
return this.element.duration;
|
|
55
|
+
}
|
|
56
|
+
getMediaCurrentTime() {
|
|
57
|
+
return this.element.currentTime;
|
|
58
|
+
}
|
|
59
|
+
getMediaId() {
|
|
60
|
+
if (this.element.dataset.mediaId) {
|
|
61
|
+
return this.element.dataset.mediaId;
|
|
62
|
+
}
|
|
63
|
+
if (this.element.dataset.id) {
|
|
64
|
+
return this.element.dataset.id;
|
|
65
|
+
}
|
|
66
|
+
return undefined;
|
|
67
|
+
}
|
|
68
|
+
getMediaTitle() {
|
|
69
|
+
if (this.element.dataset.mediaTitle) {
|
|
70
|
+
return this.element.dataset.mediaTitle;
|
|
71
|
+
}
|
|
72
|
+
if (this.element.dataset.title) {
|
|
73
|
+
return this.element.dataset.title;
|
|
74
|
+
}
|
|
75
|
+
if (this.element.title) {
|
|
76
|
+
return this.element.title;
|
|
77
|
+
}
|
|
78
|
+
if (document.title) {
|
|
79
|
+
return document.title;
|
|
80
|
+
}
|
|
81
|
+
return undefined;
|
|
82
|
+
}
|
|
83
|
+
getMediaType() {
|
|
84
|
+
if (this.element.dataset.mediaType) {
|
|
85
|
+
return this.element.dataset.mediaType;
|
|
86
|
+
}
|
|
87
|
+
if (this.element.dataset.type) {
|
|
88
|
+
return this.element.dataset.type;
|
|
89
|
+
}
|
|
90
|
+
if (this.element.hasAttribute('type')) {
|
|
91
|
+
return this.element.getAttribute('type') || undefined;
|
|
92
|
+
}
|
|
93
|
+
return undefined;
|
|
94
|
+
}
|
|
95
|
+
getMediaSrc() {
|
|
96
|
+
if (this.element.dataset.mediaSrc) {
|
|
97
|
+
return this.element.dataset.mediaSrc;
|
|
98
|
+
}
|
|
99
|
+
if (this.element.dataset.src) {
|
|
100
|
+
return this.element.dataset.src;
|
|
101
|
+
}
|
|
102
|
+
if (this.element.currentSrc) {
|
|
103
|
+
return this.element.currentSrc;
|
|
104
|
+
}
|
|
105
|
+
if (this.element.src) {
|
|
106
|
+
return this.element.src;
|
|
107
|
+
}
|
|
108
|
+
return undefined;
|
|
109
|
+
}
|
|
110
|
+
getMediaWidth() {
|
|
111
|
+
if (this.element.dataset.mediaWidth) {
|
|
112
|
+
return Number(this.element.dataset.mediaWidth);
|
|
113
|
+
}
|
|
114
|
+
if (this.element.dataset.width) {
|
|
115
|
+
return Number(this.element.dataset.width);
|
|
116
|
+
}
|
|
117
|
+
if (this.element instanceof HTMLVideoElement && this.element.videoWidth) {
|
|
118
|
+
return this.element.videoWidth;
|
|
119
|
+
}
|
|
120
|
+
return undefined;
|
|
121
|
+
}
|
|
122
|
+
getMediaHeight() {
|
|
123
|
+
if (this.element.dataset.mediaHeight) {
|
|
124
|
+
return Number(this.element.dataset.mediaHeight);
|
|
125
|
+
}
|
|
126
|
+
if (this.element.dataset.height) {
|
|
127
|
+
return Number(this.element.dataset.height);
|
|
128
|
+
}
|
|
129
|
+
if (this.element instanceof HTMLVideoElement && this.element.videoHeight) {
|
|
130
|
+
return this.element.videoHeight;
|
|
131
|
+
}
|
|
132
|
+
return undefined;
|
|
133
|
+
}
|
|
134
|
+
getMediaPoster() {
|
|
135
|
+
if (this.element.dataset.mediaPoster) {
|
|
136
|
+
return this.element.dataset.mediaPoster;
|
|
137
|
+
}
|
|
138
|
+
if (this.element.dataset.poster) {
|
|
139
|
+
return this.element.dataset.poster;
|
|
140
|
+
}
|
|
141
|
+
if (this.element instanceof HTMLVideoElement && this.element.poster) {
|
|
142
|
+
return this.element.poster;
|
|
143
|
+
}
|
|
144
|
+
if (this.element.hasAttribute('poster')) {
|
|
145
|
+
return this.element.getAttribute('poster') || undefined;
|
|
146
|
+
}
|
|
147
|
+
return undefined;
|
|
148
|
+
}
|
|
149
|
+
getMediaSeries() {
|
|
150
|
+
if (this.element.dataset.mediaSeries) {
|
|
151
|
+
return this.element.dataset.mediaSeries;
|
|
152
|
+
}
|
|
153
|
+
if (this.element.dataset.series) {
|
|
154
|
+
return this.element.dataset.series;
|
|
155
|
+
}
|
|
156
|
+
if (this.element.hasAttribute('series')) {
|
|
157
|
+
return this.element.getAttribute('series') || undefined;
|
|
158
|
+
}
|
|
159
|
+
return undefined;
|
|
160
|
+
}
|
|
161
|
+
getMediaSeason() {
|
|
162
|
+
if (this.element.dataset.mediaSeason) {
|
|
163
|
+
return this.element.dataset.mediaSeason;
|
|
164
|
+
}
|
|
165
|
+
if (this.element.dataset.season) {
|
|
166
|
+
return this.element.dataset.season;
|
|
167
|
+
}
|
|
168
|
+
if (this.element.hasAttribute('season')) {
|
|
169
|
+
return this.element.getAttribute('season') || undefined;
|
|
170
|
+
}
|
|
171
|
+
return undefined;
|
|
172
|
+
}
|
|
173
|
+
getMediaVolume() {
|
|
174
|
+
return this.element.volume;
|
|
175
|
+
}
|
|
176
|
+
getMediaMuted() {
|
|
177
|
+
return this.element.muted;
|
|
178
|
+
}
|
|
179
|
+
getMediaPlaybackRate() {
|
|
180
|
+
return this.element.playbackRate;
|
|
181
|
+
}
|
|
182
|
+
getMediaFullscreen() {
|
|
183
|
+
return document.fullscreenElement === this.element;
|
|
184
|
+
}
|
|
185
|
+
getMediaError() {
|
|
186
|
+
if (!this.element.error)
|
|
187
|
+
return undefined;
|
|
188
|
+
return {
|
|
189
|
+
type: this.element.error.constructor.name,
|
|
190
|
+
code: this.element.error.code,
|
|
191
|
+
message: this.element.error.message,
|
|
192
|
+
};
|
|
193
|
+
}
|
|
194
|
+
getMediaBitrate() {
|
|
195
|
+
if (this.element.dataset.mediaBitrate) {
|
|
196
|
+
return parseInt(this.element.dataset.mediaBitrate);
|
|
197
|
+
}
|
|
198
|
+
if (this.element.dataset.bitrate) {
|
|
199
|
+
return parseInt(this.element.dataset.bitrate);
|
|
200
|
+
}
|
|
201
|
+
return this.bitrateCalculator?.getBitrate();
|
|
202
|
+
}
|
|
203
|
+
getMediaFramerate() {
|
|
204
|
+
return this.frameRateCalculator?.getFrameRate();
|
|
205
|
+
}
|
|
206
|
+
getMediaLoadedTime() {
|
|
207
|
+
return this.loadedTimeCalculator?.getLoadedTime();
|
|
208
|
+
}
|
|
209
|
+
getPlayerWidth() {
|
|
210
|
+
return this.element.clientWidth;
|
|
211
|
+
}
|
|
212
|
+
getPlayerHeight() {
|
|
213
|
+
return this.element.clientHeight;
|
|
214
|
+
}
|
|
215
|
+
getMediaMeta1() {
|
|
216
|
+
return this.element.dataset.mediaMeta1 ?? this.element.dataset.meta1;
|
|
217
|
+
}
|
|
218
|
+
getMediaMeta2() {
|
|
219
|
+
return this.element.dataset.mediaMeta2 ?? this.element.dataset.meta2;
|
|
220
|
+
}
|
|
221
|
+
getMediaMeta3() {
|
|
222
|
+
return this.element.dataset.mediaMeta3 ?? this.element.dataset.meta3;
|
|
223
|
+
}
|
|
224
|
+
getMediaMeta4() {
|
|
225
|
+
return this.element.dataset.mediaMeta4 ?? this.element.dataset.meta4;
|
|
226
|
+
}
|
|
227
|
+
getMediaMeta5() {
|
|
228
|
+
return this.element.dataset.mediaMeta5 ?? this.element.dataset.meta5;
|
|
229
|
+
}
|
|
230
|
+
}
|
|
231
|
+
exports.HTMLMediaPlayer = HTMLMediaPlayer;
|
|
232
|
+
//# sourceMappingURL=html.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"html.js","sourceRoot":"","sources":["../../../../src/media/players/html.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.VideoJsPlayer = exports.HTMLMediaPlayer = void 0;
|
|
4
|
+
var html_js_1 = require("./html.js");
|
|
5
|
+
Object.defineProperty(exports, "HTMLMediaPlayer", { enumerable: true, get: function () { return html_js_1.HTMLMediaPlayer; } });
|
|
6
|
+
var videojs_js_1 = require("./videojs.js");
|
|
7
|
+
Object.defineProperty(exports, "VideoJsPlayer", { enumerable: true, get: function () { return videojs_js_1.VideoJsPlayer; } });
|
|
8
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/media/players/index.ts"],"names":[],"mappings":";;;AAAA,qCAA4C;AAAnC,0GAAA,eAAe,OAAA;AACxB,2CAA6C;AAApC,2GAAA,aAAa,OAAA"}
|
|
@@ -0,0 +1,72 @@
|
|
|
1
|
+
import { ErrorInfo } from '../../lib/event.js';
|
|
2
|
+
import { HTMLMediaPlayer } from './html.js';
|
|
3
|
+
declare global {
|
|
4
|
+
interface Window {
|
|
5
|
+
videojs?: {
|
|
6
|
+
VERSION?: string;
|
|
7
|
+
};
|
|
8
|
+
}
|
|
9
|
+
}
|
|
10
|
+
declare type VjsVhsObject = {
|
|
11
|
+
playlists?: {
|
|
12
|
+
media?: () => {
|
|
13
|
+
attributes?: {
|
|
14
|
+
BANDWIDTH?: number;
|
|
15
|
+
RESOLUTION?: {
|
|
16
|
+
width: number;
|
|
17
|
+
height: number;
|
|
18
|
+
};
|
|
19
|
+
};
|
|
20
|
+
};
|
|
21
|
+
};
|
|
22
|
+
};
|
|
23
|
+
declare type VjsPlayer = {
|
|
24
|
+
on: (event: string, callback: (event: Event) => void) => void;
|
|
25
|
+
off: (event: string, callback: (event: Event) => void) => void;
|
|
26
|
+
duration(): number;
|
|
27
|
+
currentTime(): number;
|
|
28
|
+
volume(): number;
|
|
29
|
+
videoWidth(): number;
|
|
30
|
+
videoHeight(): number;
|
|
31
|
+
src(): string;
|
|
32
|
+
poster(): string;
|
|
33
|
+
isFullscreen(): boolean;
|
|
34
|
+
el(): HTMLElement;
|
|
35
|
+
error(): Error | undefined;
|
|
36
|
+
ima?: {
|
|
37
|
+
on: (event: string, callback: (event: Event) => void) => void;
|
|
38
|
+
addEventListener: (event: string, callback: (event: Event) => void) => void;
|
|
39
|
+
removeEventListener: (event: string, callback: (event: Event) => void) => void;
|
|
40
|
+
};
|
|
41
|
+
vhs?: VjsVhsObject;
|
|
42
|
+
hls?: VjsVhsObject;
|
|
43
|
+
dash?: {
|
|
44
|
+
shakaPlayer?: {
|
|
45
|
+
getStats?: () => {
|
|
46
|
+
streamBandwidth?: number;
|
|
47
|
+
};
|
|
48
|
+
};
|
|
49
|
+
};
|
|
50
|
+
tech: (bool: boolean) => VjsPlayer;
|
|
51
|
+
};
|
|
52
|
+
export declare class VideoJsPlayer extends HTMLMediaPlayer {
|
|
53
|
+
name: string;
|
|
54
|
+
version: string;
|
|
55
|
+
private vjsPlayer;
|
|
56
|
+
constructor(vjsPlayer: VjsPlayer);
|
|
57
|
+
dispose(): void;
|
|
58
|
+
private addImaAdEventsListener;
|
|
59
|
+
private removeImaAdEventsListener;
|
|
60
|
+
private onImaAdsReady;
|
|
61
|
+
getMediaSrc(): string | undefined;
|
|
62
|
+
getMediaPoster(): string | undefined;
|
|
63
|
+
getMediaVolume(): number;
|
|
64
|
+
getMediaDuration(): number;
|
|
65
|
+
getMediaCurrentTime(): number;
|
|
66
|
+
getMediaWidth(): number;
|
|
67
|
+
getMediaHeight(): number;
|
|
68
|
+
getMediaFullscreen(): boolean;
|
|
69
|
+
getMediaError(): ErrorInfo | undefined;
|
|
70
|
+
getMediaBitrate(): number | undefined;
|
|
71
|
+
}
|
|
72
|
+
export {};
|