hls.js 1.5.7 → 1.5.8-0.canary.10044

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 (72) hide show
  1. package/README.md +2 -1
  2. package/dist/hls-demo.js +10 -0
  3. package/dist/hls-demo.js.map +1 -1
  4. package/dist/hls.js +2314 -1298
  5. package/dist/hls.js.d.ts +97 -84
  6. package/dist/hls.js.map +1 -1
  7. package/dist/hls.light.js +1486 -1075
  8. package/dist/hls.light.js.map +1 -1
  9. package/dist/hls.light.min.js +1 -1
  10. package/dist/hls.light.min.js.map +1 -1
  11. package/dist/hls.light.mjs +1195 -789
  12. package/dist/hls.light.mjs.map +1 -1
  13. package/dist/hls.min.js +1 -1
  14. package/dist/hls.min.js.map +1 -1
  15. package/dist/hls.mjs +1979 -982
  16. package/dist/hls.mjs.map +1 -1
  17. package/dist/hls.worker.js +1 -1
  18. package/dist/hls.worker.js.map +1 -1
  19. package/package.json +22 -22
  20. package/src/config.ts +3 -2
  21. package/src/controller/abr-controller.ts +24 -20
  22. package/src/controller/audio-stream-controller.ts +68 -74
  23. package/src/controller/audio-track-controller.ts +1 -1
  24. package/src/controller/base-playlist-controller.ts +20 -8
  25. package/src/controller/base-stream-controller.ts +157 -36
  26. package/src/controller/buffer-controller.ts +203 -67
  27. package/src/controller/buffer-operation-queue.ts +16 -19
  28. package/src/controller/cap-level-controller.ts +2 -2
  29. package/src/controller/cmcd-controller.ts +27 -6
  30. package/src/controller/content-steering-controller.ts +8 -6
  31. package/src/controller/eme-controller.ts +9 -22
  32. package/src/controller/error-controller.ts +6 -8
  33. package/src/controller/fps-controller.ts +2 -3
  34. package/src/controller/fragment-tracker.ts +15 -11
  35. package/src/controller/gap-controller.ts +43 -16
  36. package/src/controller/latency-controller.ts +9 -11
  37. package/src/controller/level-controller.ts +12 -18
  38. package/src/controller/stream-controller.ts +36 -31
  39. package/src/controller/subtitle-stream-controller.ts +28 -40
  40. package/src/controller/subtitle-track-controller.ts +5 -3
  41. package/src/controller/timeline-controller.ts +23 -30
  42. package/src/crypt/aes-crypto.ts +21 -2
  43. package/src/crypt/decrypter-aes-mode.ts +4 -0
  44. package/src/crypt/decrypter.ts +32 -18
  45. package/src/crypt/fast-aes-key.ts +24 -5
  46. package/src/demux/audio/adts.ts +9 -4
  47. package/src/demux/sample-aes.ts +2 -0
  48. package/src/demux/transmuxer-interface.ts +4 -12
  49. package/src/demux/transmuxer-worker.ts +4 -4
  50. package/src/demux/transmuxer.ts +16 -3
  51. package/src/demux/tsdemuxer.ts +71 -37
  52. package/src/demux/video/avc-video-parser.ts +208 -119
  53. package/src/demux/video/base-video-parser.ts +134 -2
  54. package/src/demux/video/exp-golomb.ts +0 -208
  55. package/src/demux/video/hevc-video-parser.ts +746 -0
  56. package/src/events.ts +7 -0
  57. package/src/hls.ts +49 -37
  58. package/src/loader/fragment-loader.ts +9 -2
  59. package/src/loader/key-loader.ts +2 -0
  60. package/src/loader/level-key.ts +10 -9
  61. package/src/loader/playlist-loader.ts +4 -5
  62. package/src/remux/mp4-generator.ts +196 -1
  63. package/src/remux/mp4-remuxer.ts +23 -7
  64. package/src/task-loop.ts +5 -2
  65. package/src/types/component-api.ts +2 -0
  66. package/src/types/demuxer.ts +3 -0
  67. package/src/types/events.ts +4 -0
  68. package/src/utils/buffer-helper.ts +12 -31
  69. package/src/utils/codecs.ts +34 -5
  70. package/src/utils/encryption-methods-util.ts +21 -0
  71. package/src/utils/logger.ts +54 -24
  72. package/src/utils/mp4-tools.ts +4 -2
@@ -5,7 +5,7 @@
5
5
  */
6
6
  import { Events } from '../events';
7
7
  import { ErrorTypes, ErrorDetails } from '../errors';
8
- import { logger } from '../utils/logger';
8
+ import { Logger } from '../utils/logger';
9
9
  import {
10
10
  getKeySystemsForConfig,
11
11
  getSupportedMediaKeySystemConfigurations,
@@ -41,9 +41,6 @@ import type {
41
41
  LoaderConfiguration,
42
42
  LoaderContext,
43
43
  } from '../types/loader';
44
-
45
- const LOGGER_PREFIX = '[eme]';
46
-
47
44
  interface KeySystemAccessPromises {
48
45
  keySystemAccess: Promise<MediaKeySystemAccess>;
49
46
  mediaKeys?: Promise<MediaKeys>;
@@ -68,7 +65,7 @@ export interface MediaKeySessionContext {
68
65
  * @class
69
66
  * @constructor
70
67
  */
71
- class EMEController implements ComponentAPI {
68
+ class EMEController extends Logger implements ComponentAPI {
72
69
  public static CDMCleanupPromise: Promise<void> | void;
73
70
 
74
71
  private readonly hls: Hls;
@@ -90,15 +87,9 @@ class EMEController implements ComponentAPI {
90
87
  private setMediaKeysQueue: Promise<void>[] = EMEController.CDMCleanupPromise
91
88
  ? [EMEController.CDMCleanupPromise]
92
89
  : [];
93
- private onMediaEncrypted = this._onMediaEncrypted.bind(this);
94
- private onWaitingForKey = this._onWaitingForKey.bind(this);
95
-
96
- private debug: (msg: any) => void = logger.debug.bind(logger, LOGGER_PREFIX);
97
- private log: (msg: any) => void = logger.log.bind(logger, LOGGER_PREFIX);
98
- private warn: (msg: any) => void = logger.warn.bind(logger, LOGGER_PREFIX);
99
- private error: (msg: any) => void = logger.error.bind(logger, LOGGER_PREFIX);
100
90
 
101
91
  constructor(hls: Hls) {
92
+ super('eme', hls.logger);
102
93
  this.hls = hls;
103
94
  this.config = hls.config;
104
95
  this.registerListeners();
@@ -113,13 +104,9 @@ class EMEController implements ComponentAPI {
113
104
  config.licenseXhrSetup = config.licenseResponseCallback = undefined;
114
105
  config.drmSystems = config.drmSystemOptions = {};
115
106
  // @ts-ignore
116
- this.hls =
117
- this.onMediaEncrypted =
118
- this.onWaitingForKey =
119
- this.keyIdToKeySessionPromise =
120
- null as any;
107
+ this.hls = this.config = this.keyIdToKeySessionPromise = null;
121
108
  // @ts-ignore
122
- this.config = null;
109
+ this.onMediaEncrypted = this.onWaitingForKey = null;
123
110
  }
124
111
 
125
112
  private registerListeners() {
@@ -523,7 +510,7 @@ class EMEController implements ComponentAPI {
523
510
  return this.attemptKeySystemAccess(keySystemsToAttempt);
524
511
  }
525
512
 
526
- private _onMediaEncrypted(event: MediaEncryptedEvent) {
513
+ private onMediaEncrypted = (event: MediaEncryptedEvent) => {
527
514
  const { initDataType, initData } = event;
528
515
  this.debug(`"${event.type}" event: init data type: "${initDataType}"`);
529
516
 
@@ -639,11 +626,11 @@ class EMEController implements ComponentAPI {
639
626
  );
640
627
  }
641
628
  keySessionContextPromise.catch((error) => this.handleError(error));
642
- }
629
+ };
643
630
 
644
- private _onWaitingForKey(event: Event) {
631
+ private onWaitingForKey = (event: Event) => {
645
632
  this.log(`"${event.type}" event`);
646
- }
633
+ };
647
634
 
648
635
  private attemptSetMediaKeys(
649
636
  keySystem: KeySystems,
@@ -8,7 +8,7 @@ import {
8
8
  } from '../utils/error-helper';
9
9
  import { findFragmentByPTS } from './fragment-finders';
10
10
  import { HdcpLevel, HdcpLevels } from '../types/level';
11
- import { logger } from '../utils/logger';
11
+ import { Logger } from '../utils/logger';
12
12
  import type Hls from '../hls';
13
13
  import type { RetryConfig } from '../config';
14
14
  import type { NetworkComponentAPI } from '../types/component-api';
@@ -50,19 +50,17 @@ type PenalizedRendition = {
50
50
 
51
51
  type PenalizedRenditions = { [key: number]: PenalizedRendition };
52
52
 
53
- export default class ErrorController implements NetworkComponentAPI {
53
+ export default class ErrorController
54
+ extends Logger
55
+ implements NetworkComponentAPI
56
+ {
54
57
  private readonly hls: Hls;
55
58
  private playlistError: number = 0;
56
59
  private penalizedRenditions: PenalizedRenditions = {};
57
- private log: (msg: any) => void;
58
- private warn: (msg: any) => void;
59
- private error: (msg: any) => void;
60
60
 
61
61
  constructor(hls: Hls) {
62
+ super('error-controller', hls.logger);
62
63
  this.hls = hls;
63
- this.log = logger.log.bind(logger, `[info]:`);
64
- this.warn = logger.warn.bind(logger, `[warning]:`);
65
- this.error = logger.error.bind(logger, `[error]:`);
66
64
  this.registerListeners();
67
65
  }
68
66
 
@@ -1,5 +1,4 @@
1
1
  import { Events } from '../events';
2
- import { logger } from '../utils/logger';
3
2
  import type { ComponentAPI } from '../types/component-api';
4
3
  import type Hls from '../hls';
5
4
  import type { MediaAttachingData } from '../types/events';
@@ -84,13 +83,13 @@ class FPSController implements ComponentAPI {
84
83
  totalDroppedFrames: droppedFrames,
85
84
  });
86
85
  if (droppedFPS > 0) {
87
- // logger.log('checkFPS : droppedFPS/decodedFPS:' + droppedFPS/(1000 * currentDecoded / currentPeriod));
86
+ // hls.logger.log('checkFPS : droppedFPS/decodedFPS:' + droppedFPS/(1000 * currentDecoded / currentPeriod));
88
87
  if (
89
88
  currentDropped >
90
89
  hls.config.fpsDroppedMonitoringThreshold * currentDecoded
91
90
  ) {
92
91
  let currentLevel = hls.currentLevel;
93
- logger.warn(
92
+ hls.logger.warn(
94
93
  'drop FPS ratio greater than max allowed value for currentLevel: ' +
95
94
  currentLevel,
96
95
  );
@@ -107,12 +107,23 @@ export class FragmentTracker implements ComponentAPI {
107
107
  public getBufferedFrag(
108
108
  position: number,
109
109
  levelType: PlaylistLevelType,
110
+ ): Fragment | null {
111
+ return this.getFragAtPos(position, levelType, true);
112
+ }
113
+
114
+ public getFragAtPos(
115
+ position: number,
116
+ levelType: PlaylistLevelType,
117
+ buffered?: boolean,
110
118
  ): Fragment | null {
111
119
  const { fragments } = this;
112
120
  const keys = Object.keys(fragments);
113
121
  for (let i = keys.length; i--; ) {
114
122
  const fragmentEntity = fragments[keys[i]];
115
- if (fragmentEntity?.body.type === levelType && fragmentEntity.buffered) {
123
+ if (
124
+ fragmentEntity?.body.type === levelType &&
125
+ (!buffered || fragmentEntity.buffered)
126
+ ) {
116
127
  const frag = fragmentEntity.body;
117
128
  if (frag.start <= position && position <= frag.end) {
118
129
  return frag;
@@ -401,7 +412,7 @@ export class FragmentTracker implements ComponentAPI {
401
412
  event: Events.BUFFER_APPENDED,
402
413
  data: BufferAppendedData,
403
414
  ) {
404
- const { frag, part, timeRanges } = data;
415
+ const { frag, part, timeRanges, type } = data;
405
416
  if (frag.sn === 'initSegment') {
406
417
  return;
407
418
  }
@@ -415,15 +426,8 @@ export class FragmentTracker implements ComponentAPI {
415
426
  }
416
427
  // Store the latest timeRanges loaded in the buffer
417
428
  this.timeRanges = timeRanges;
418
- Object.keys(timeRanges).forEach((elementaryStream: SourceBufferName) => {
419
- const timeRange = timeRanges[elementaryStream] as TimeRanges;
420
- this.detectEvictedFragments(
421
- elementaryStream,
422
- timeRange,
423
- playlistType,
424
- part,
425
- );
426
- });
429
+ const timeRange = timeRanges[type] as TimeRanges;
430
+ this.detectEvictedFragments(type, timeRange, playlistType, part);
427
431
  }
428
432
 
429
433
  private onFragBuffered(event: Events.FRAG_BUFFERED, data: FragBufferedData) {
@@ -1,20 +1,22 @@
1
- import type { BufferInfo } from '../utils/buffer-helper';
1
+ import { State } from './base-stream-controller';
2
2
  import { BufferHelper } from '../utils/buffer-helper';
3
3
  import { ErrorTypes, ErrorDetails } from '../errors';
4
4
  import { PlaylistLevelType } from '../types/loader';
5
5
  import { Events } from '../events';
6
- import { logger } from '../utils/logger';
6
+ import { Logger } from '../utils/logger';
7
7
  import type Hls from '../hls';
8
+ import type { BufferInfo } from '../utils/buffer-helper';
8
9
  import type { HlsConfig } from '../config';
9
10
  import type { Fragment } from '../loader/fragment';
10
11
  import type { FragmentTracker } from './fragment-tracker';
12
+ import type { LevelDetails } from '../loader/level-details';
11
13
 
12
14
  export const STALL_MINIMUM_DURATION_MS = 250;
13
15
  export const MAX_START_GAP_JUMP = 2.0;
14
16
  export const SKIP_BUFFER_HOLE_STEP_SECONDS = 0.1;
15
17
  export const SKIP_BUFFER_RANGE_START = 0.05;
16
18
 
17
- export default class GapController {
19
+ export default class GapController extends Logger {
18
20
  private config: HlsConfig;
19
21
  private media: HTMLMediaElement | null = null;
20
22
  private fragmentTracker: FragmentTracker;
@@ -24,8 +26,15 @@ export default class GapController {
24
26
  private stalled: number | null = null;
25
27
  private moved: boolean = false;
26
28
  private seeking: boolean = false;
29
+ private ended: number = 0;
27
30
 
28
- constructor(config, media, fragmentTracker, hls) {
31
+ constructor(
32
+ config: HlsConfig,
33
+ media: HTMLMediaElement,
34
+ fragmentTracker: FragmentTracker,
35
+ hls: Hls,
36
+ ) {
37
+ super('gap-controller', hls.logger);
29
38
  this.config = config;
30
39
  this.media = media;
31
40
  this.fragmentTracker = fragmentTracker;
@@ -44,7 +53,12 @@ export default class GapController {
44
53
  *
45
54
  * @param lastCurrentTime - Previously read playhead position
46
55
  */
47
- public poll(lastCurrentTime: number, activeFrag: Fragment | null) {
56
+ public poll(
57
+ lastCurrentTime: number,
58
+ activeFrag: Fragment | null,
59
+ levelDetails: LevelDetails | undefined,
60
+ state: string,
61
+ ) {
48
62
  const { config, media, stalled } = this;
49
63
  if (media === null) {
50
64
  return;
@@ -57,6 +71,7 @@ export default class GapController {
57
71
 
58
72
  // The playhead is moving, no-op
59
73
  if (currentTime !== lastCurrentTime) {
74
+ this.ended = 0;
60
75
  this.moved = true;
61
76
  if (!seeking) {
62
77
  this.nudgeRetry = 0;
@@ -65,7 +80,7 @@ export default class GapController {
65
80
  // The playhead is now moving, but was previously stalled
66
81
  if (this.stallReported) {
67
82
  const stalledDuration = self.performance.now() - stalled;
68
- logger.warn(
83
+ this.warn(
69
84
  `playback not stuck anymore @${currentTime}, after ${Math.round(
70
85
  stalledDuration,
71
86
  )}ms`,
@@ -128,12 +143,9 @@ export default class GapController {
128
143
  // When joining a live stream with audio tracks, account for live playlist window sliding by allowing
129
144
  // a larger jump over start gaps caused by the audio-stream-controller buffering a start fragment
130
145
  // that begins over 1 target duration after the video start position.
131
- const level = this.hls.levels
132
- ? this.hls.levels[this.hls.currentLevel]
133
- : null;
134
- const isLive = level?.details?.live;
146
+ const isLive = !!levelDetails?.live;
135
147
  const maxStartGapJump = isLive
136
- ? level!.details!.targetduration * 2
148
+ ? levelDetails!.targetduration * 2
137
149
  : MAX_START_GAP_JUMP;
138
150
  const partialOrGap = this.fragmentTracker.getPartialFragment(currentTime);
139
151
  if (startJump > 0 && (startJump <= maxStartGapJump || partialOrGap)) {
@@ -153,6 +165,21 @@ export default class GapController {
153
165
 
154
166
  const stalledDuration = tnow - stalled;
155
167
  if (!seeking && stalledDuration >= STALL_MINIMUM_DURATION_MS) {
168
+ // Dispatch MEDIA_ENDED when media.ended/ended event is not signalled at end of stream
169
+ if (
170
+ state === State.ENDED &&
171
+ !(levelDetails && levelDetails.live) &&
172
+ Math.abs(currentTime - (levelDetails?.edge || 0)) < 1
173
+ ) {
174
+ if (stalledDuration < 1000 || this.ended) {
175
+ return;
176
+ }
177
+ this.ended = currentTime;
178
+ this.hls.trigger(Events.MEDIA_ENDED, {
179
+ stalled: true,
180
+ });
181
+ return;
182
+ }
156
183
  // Report stalling after trying to fix
157
184
  this._reportStall(bufferInfo);
158
185
  if (!this.media) {
@@ -206,7 +233,7 @@ export default class GapController {
206
233
  bufferInfo.nextStart - currentTime < config.maxBufferHole)) &&
207
234
  stalledDurationMs > config.highBufferWatchdogPeriod * 1000
208
235
  ) {
209
- logger.warn('Trying to nudge playhead over buffer-hole');
236
+ this.warn('Trying to nudge playhead over buffer-hole');
210
237
  // Try to nudge currentTime over a buffer hole if we've been stalling for the configured amount of seconds
211
238
  // We only try to jump the hole if it's under the configured size
212
239
  // Reset stalled so to rearm watchdog timer
@@ -230,7 +257,7 @@ export default class GapController {
230
257
  media.currentTime
231
258
  } due to low buffer (${JSON.stringify(bufferInfo)})`,
232
259
  );
233
- logger.warn(error.message);
260
+ this.warn(error.message);
234
261
  hls.trigger(Events.ERROR, {
235
262
  type: ErrorTypes.MEDIA_ERROR,
236
263
  details: ErrorDetails.BUFFER_STALLED_ERROR,
@@ -305,7 +332,7 @@ export default class GapController {
305
332
  startTime + SKIP_BUFFER_RANGE_START,
306
333
  currentTime + SKIP_BUFFER_HOLE_STEP_SECONDS,
307
334
  );
308
- logger.warn(
335
+ this.warn(
309
336
  `skipping hole, adjusting currentTime from ${currentTime} to ${targetTime}`,
310
337
  );
311
338
  this.moved = true;
@@ -348,7 +375,7 @@ export default class GapController {
348
375
  const error = new Error(
349
376
  `Nudging 'currentTime' from ${currentTime} to ${targetTime}`,
350
377
  );
351
- logger.warn(error.message);
378
+ this.warn(error.message);
352
379
  media.currentTime = targetTime;
353
380
  hls.trigger(Events.ERROR, {
354
381
  type: ErrorTypes.MEDIA_ERROR,
@@ -360,7 +387,7 @@ export default class GapController {
360
387
  const error = new Error(
361
388
  `Playhead still not moving while enough data buffered @${currentTime} after ${config.nudgeMaxRetry} nudges`,
362
389
  );
363
- logger.error(error.message);
390
+ this.error(error.message);
364
391
  hls.trigger(Events.ERROR, {
365
392
  type: ErrorTypes.MEDIA_ERROR,
366
393
  details: ErrorDetails.BUFFER_STALLED_ERROR,
@@ -6,7 +6,6 @@ import type {
6
6
  LevelUpdatedData,
7
7
  MediaAttachingData,
8
8
  } from '../types/events';
9
- import { logger } from '../utils/logger';
10
9
  import type { ComponentAPI } from '../types/component-api';
11
10
  import type Hls from '../hls';
12
11
  import type { HlsConfig } from '../config';
@@ -19,7 +18,6 @@ export default class LatencyController implements ComponentAPI {
19
18
  private currentTime: number = 0;
20
19
  private stallCount: number = 0;
21
20
  private _latency: number | null = null;
22
- private timeupdateHandler = () => this.timeupdate();
23
21
 
24
22
  constructor(hls: Hls) {
25
23
  this.hls = hls;
@@ -126,7 +124,7 @@ export default class LatencyController implements ComponentAPI {
126
124
  this.onMediaDetaching();
127
125
  this.levelDetails = null;
128
126
  // @ts-ignore
129
- this.hls = this.timeupdateHandler = null;
127
+ this.hls = null;
130
128
  }
131
129
 
132
130
  private registerListeners() {
@@ -150,12 +148,12 @@ export default class LatencyController implements ComponentAPI {
150
148
  data: MediaAttachingData,
151
149
  ) {
152
150
  this.media = data.media;
153
- this.media.addEventListener('timeupdate', this.timeupdateHandler);
151
+ this.media.addEventListener('timeupdate', this.onTimeupdate);
154
152
  }
155
153
 
156
154
  private onMediaDetaching() {
157
155
  if (this.media) {
158
- this.media.removeEventListener('timeupdate', this.timeupdateHandler);
156
+ this.media.removeEventListener('timeupdate', this.onTimeupdate);
159
157
  this.media = null;
160
158
  }
161
159
  }
@@ -172,10 +170,10 @@ export default class LatencyController implements ComponentAPI {
172
170
  ) {
173
171
  this.levelDetails = details;
174
172
  if (details.advanced) {
175
- this.timeupdate();
173
+ this.onTimeupdate();
176
174
  }
177
175
  if (!details.live && this.media) {
178
- this.media.removeEventListener('timeupdate', this.timeupdateHandler);
176
+ this.media.removeEventListener('timeupdate', this.onTimeupdate);
179
177
  }
180
178
  }
181
179
 
@@ -185,13 +183,13 @@ export default class LatencyController implements ComponentAPI {
185
183
  }
186
184
  this.stallCount++;
187
185
  if (this.levelDetails?.live) {
188
- logger.warn(
189
- '[playback-rate-controller]: Stall detected, adjusting target latency',
186
+ this.hls.logger.warn(
187
+ '[latency-controller]: Stall detected, adjusting target latency',
190
188
  );
191
189
  }
192
190
  }
193
191
 
194
- private timeupdate() {
192
+ private onTimeupdate = () => {
195
193
  const { media, levelDetails } = this;
196
194
  if (!media || !levelDetails) {
197
195
  return;
@@ -242,7 +240,7 @@ export default class LatencyController implements ComponentAPI {
242
240
  } else if (media.playbackRate !== 1 && media.playbackRate !== 0) {
243
241
  media.playbackRate = 1;
244
242
  }
245
- }
243
+ };
246
244
 
247
245
  private estimateLiveEdge(): number | null {
248
246
  const { levelDetails } = this;
@@ -27,8 +27,6 @@ import type Hls from '../hls';
27
27
  import type { HlsUrlParameters, LevelParsed } from '../types/level';
28
28
  import type { MediaPlaylist } from '../types/media-playlist';
29
29
 
30
- let chromeOrFirefox: boolean;
31
-
32
30
  export default class LevelController extends BasePlaylistController {
33
31
  private _levels: Level[] = [];
34
32
  private _firstLevel: number = -1;
@@ -45,7 +43,7 @@ export default class LevelController extends BasePlaylistController {
45
43
  hls: Hls,
46
44
  contentSteeringController: ContentSteeringController | null,
47
45
  ) {
48
- super(hls, '[level-controller]');
46
+ super(hls, 'level-controller');
49
47
  this.steering = contentSteeringController;
50
48
  this._registerListeners();
51
49
  }
@@ -119,22 +117,12 @@ export default class LevelController extends BasePlaylistController {
119
117
 
120
118
  data.levels.forEach((levelParsed: LevelParsed) => {
121
119
  const attributes = levelParsed.attrs;
122
-
123
- // erase audio codec info if browser does not support mp4a.40.34.
124
- // demuxer will autodetect codec and fallback to mpeg/audio
125
120
  let { audioCodec, videoCodec } = levelParsed;
126
- if (audioCodec?.indexOf('mp4a.40.34') !== -1) {
127
- chromeOrFirefox ||= /chrome|firefox/i.test(navigator.userAgent);
128
- if (chromeOrFirefox) {
129
- levelParsed.audioCodec = audioCodec = undefined;
130
- }
131
- }
132
-
133
121
  if (audioCodec) {
134
- levelParsed.audioCodec = audioCodec = getCodecCompatibleName(
135
- audioCodec,
136
- preferManagedMediaSource,
137
- );
122
+ // Returns empty and set to undefined for 'mp4a.40.34' with fallback to 'audio/mpeg' SourceBuffer
123
+ levelParsed.audioCodec = audioCodec =
124
+ getCodecCompatibleName(audioCodec, preferManagedMediaSource) ||
125
+ undefined;
138
126
  }
139
127
 
140
128
  if (videoCodec?.indexOf('avc1') === 0) {
@@ -568,7 +556,13 @@ export default class LevelController extends BasePlaylistController {
568
556
  if (curLevel.fragmentError === 0) {
569
557
  curLevel.loadError = 0;
570
558
  }
571
- this.playlistLoaded(level, data, curLevel.details);
559
+ // Ignore matching details populated by loading a Media Playlist directly
560
+ let previousDetails = curLevel.details;
561
+ if (previousDetails === data.details && previousDetails.advanced) {
562
+ previousDetails = undefined;
563
+ }
564
+
565
+ this.playlistLoaded(level, data, previousDetails);
572
566
  } else if (data.deliveryDirectives?.skip) {
573
567
  // received a delta playlist update that cannot be merged
574
568
  details.deltaUpdateFailed = true;
@@ -49,8 +49,6 @@ export default class StreamController
49
49
  private altAudio: boolean = false;
50
50
  private audioOnly: boolean = false;
51
51
  private fragPlaying: Fragment | null = null;
52
- private onvplaying: EventListener | null = null;
53
- private onvseeked: EventListener | null = null;
54
52
  private fragLastKbps: number = 0;
55
53
  private couldBacktrack: boolean = false;
56
54
  private backtrackFragment: Fragment | null = null;
@@ -66,17 +64,15 @@ export default class StreamController
66
64
  hls,
67
65
  fragmentTracker,
68
66
  keyLoader,
69
- '[stream-controller]',
67
+ 'stream-controller',
70
68
  PlaylistLevelType.MAIN,
71
69
  );
72
- this._registerListeners();
70
+ this.registerListeners();
73
71
  }
74
72
 
75
- private _registerListeners() {
73
+ protected registerListeners() {
74
+ super.registerListeners();
76
75
  const { hls } = this;
77
- hls.on(Events.MEDIA_ATTACHED, this.onMediaAttached, this);
78
- hls.on(Events.MEDIA_DETACHING, this.onMediaDetaching, this);
79
- hls.on(Events.MANIFEST_LOADING, this.onManifestLoading, this);
80
76
  hls.on(Events.MANIFEST_PARSED, this.onManifestParsed, this);
81
77
  hls.on(Events.LEVEL_LOADING, this.onLevelLoading, this);
82
78
  hls.on(Events.LEVEL_LOADED, this.onLevelLoaded, this);
@@ -85,7 +81,6 @@ export default class StreamController
85
81
  this.onFragLoadEmergencyAborted,
86
82
  this,
87
83
  );
88
- hls.on(Events.ERROR, this.onError, this);
89
84
  hls.on(Events.AUDIO_TRACK_SWITCHING, this.onAudioTrackSwitching, this);
90
85
  hls.on(Events.AUDIO_TRACK_SWITCHED, this.onAudioTrackSwitched, this);
91
86
  hls.on(Events.BUFFER_CREATED, this.onBufferCreated, this);
@@ -94,11 +89,9 @@ export default class StreamController
94
89
  hls.on(Events.FRAG_BUFFERED, this.onFragBuffered, this);
95
90
  }
96
91
 
97
- protected _unregisterListeners() {
92
+ protected unregisterListeners() {
93
+ super.unregisterListeners();
98
94
  const { hls } = this;
99
- hls.off(Events.MEDIA_ATTACHED, this.onMediaAttached, this);
100
- hls.off(Events.MEDIA_DETACHING, this.onMediaDetaching, this);
101
- hls.off(Events.MANIFEST_LOADING, this.onManifestLoading, this);
102
95
  hls.off(Events.MANIFEST_PARSED, this.onManifestParsed, this);
103
96
  hls.off(Events.LEVEL_LOADED, this.onLevelLoaded, this);
104
97
  hls.off(
@@ -106,7 +99,6 @@ export default class StreamController
106
99
  this.onFragLoadEmergencyAborted,
107
100
  this,
108
101
  );
109
- hls.off(Events.ERROR, this.onError, this);
110
102
  hls.off(Events.AUDIO_TRACK_SWITCHING, this.onAudioTrackSwitching, this);
111
103
  hls.off(Events.AUDIO_TRACK_SWITCHED, this.onAudioTrackSwitched, this);
112
104
  hls.off(Events.BUFFER_CREATED, this.onBufferCreated, this);
@@ -116,7 +108,9 @@ export default class StreamController
116
108
  }
117
109
 
118
110
  protected onHandlerDestroying() {
119
- this._unregisterListeners();
111
+ // @ts-ignore
112
+ this.onMediaPlaying = this.onMediaSeeked = null;
113
+ this.unregisterListeners();
120
114
  super.onHandlerDestroying();
121
115
  }
122
116
 
@@ -220,6 +214,9 @@ export default class StreamController
220
214
  }
221
215
 
222
216
  private doTickIdle() {
217
+ if (!this.buffering) {
218
+ return;
219
+ }
223
220
  const { hls, levelLastLoaded, levels, media } = this;
224
221
 
225
222
  // if start level not parsed yet OR
@@ -516,10 +513,8 @@ export default class StreamController
516
513
  ) {
517
514
  super.onMediaAttached(event, data);
518
515
  const media = data.media;
519
- this.onvplaying = this.onMediaPlaying.bind(this);
520
- this.onvseeked = this.onMediaSeeked.bind(this);
521
- media.addEventListener('playing', this.onvplaying as EventListener);
522
- media.addEventListener('seeked', this.onvseeked as EventListener);
516
+ media.addEventListener('playing', this.onMediaPlaying);
517
+ media.addEventListener('seeked', this.onMediaSeeked);
523
518
  this.gapController = new GapController(
524
519
  this.config,
525
520
  media,
@@ -530,10 +525,9 @@ export default class StreamController
530
525
 
531
526
  protected onMediaDetaching() {
532
527
  const { media } = this;
533
- if (media && this.onvplaying && this.onvseeked) {
534
- media.removeEventListener('playing', this.onvplaying);
535
- media.removeEventListener('seeked', this.onvseeked);
536
- this.onvplaying = this.onvseeked = null;
528
+ if (media) {
529
+ media.removeEventListener('playing', this.onMediaPlaying);
530
+ media.removeEventListener('seeked', this.onMediaSeeked);
537
531
  this.videoBuffer = null;
538
532
  }
539
533
  this.fragPlaying = null;
@@ -544,12 +538,12 @@ export default class StreamController
544
538
  super.onMediaDetaching();
545
539
  }
546
540
 
547
- private onMediaPlaying() {
541
+ private onMediaPlaying = () => {
548
542
  // tick to speed up FRAG_CHANGED triggering
549
543
  this.tick();
550
- }
544
+ };
551
545
 
552
- private onMediaSeeked() {
546
+ private onMediaSeeked = () => {
553
547
  const media = this.media;
554
548
  const currentTime = media ? media.currentTime : null;
555
549
  if (Number.isFinite(currentTime)) {
@@ -569,9 +563,9 @@ export default class StreamController
569
563
 
570
564
  // tick to speed up FRAG_CHANGED triggering
571
565
  this.tick();
572
- }
566
+ };
573
567
 
574
- private onManifestLoading() {
568
+ protected onManifestLoading() {
575
569
  // reset buffer on manifest loading
576
570
  this.log('Trigger BUFFER_RESET');
577
571
  this.hls.trigger(Events.BUFFER_RESET, undefined);
@@ -884,7 +878,7 @@ export default class StreamController
884
878
  this.fragBufferedComplete(frag, part);
885
879
  }
886
880
 
887
- private onError(event: Events.ERROR, data: ErrorData) {
881
+ protected onError(event: Events.ERROR, data: ErrorData) {
888
882
  if (data.fatal) {
889
883
  this.state = State.ERROR;
890
884
  return;
@@ -942,8 +936,10 @@ export default class StreamController
942
936
 
943
937
  if (this.loadedmetadata || !BufferHelper.getBuffered(media).length) {
944
938
  // Resolve gaps using the main buffer, whose ranges are the intersections of the A/V sourcebuffers
945
- const activeFrag = this.state !== State.IDLE ? this.fragCurrent : null;
946
- gapController.poll(this.lastCurrentTime, activeFrag);
939
+ const state = this.state;
940
+ const activeFrag = state !== State.IDLE ? this.fragCurrent : null;
941
+ const levelDetails = this.getLevelDetails();
942
+ gapController.poll(this.lastCurrentTime, activeFrag, levelDetails, state);
947
943
  }
948
944
 
949
945
  this.lastCurrentTime = media.currentTime;
@@ -1345,6 +1341,15 @@ export default class StreamController
1345
1341
  );
1346
1342
  }
1347
1343
 
1344
+ public get maxBufferLength(): number {
1345
+ const { levels, level } = this;
1346
+ const levelInfo = levels?.[level];
1347
+ if (!levelInfo) {
1348
+ return this.config.maxBufferLength;
1349
+ }
1350
+ return this.getMaxBufferLength(levelInfo.maxBitrate);
1351
+ }
1352
+
1348
1353
  private backtrack(frag: Fragment) {
1349
1354
  this.couldBacktrack = true;
1350
1355
  // Causes findFragments to backtrack through fragments to find the keyframe