fix: typo

docs/API.md

@@ -19,7 +19,7 @@
  - [`Hls.DefaultConfig get/set`](#hlsdefaultconfig-getset)
  - [`capLevelToPlayerSize`](#capleveltoplayersize)
  - [`capLevelOnFPSDrop`](#caplevelonfpsdrop)
- - ['ignoreDevicePixelRatio'](#ignoreDevicePixelRatio)
+ - [`ignoreDevicePixelRatio`](#ignoreDevicePixelRatio)
  - [`debug`](#debug)
  - [`autoStartLoad`](#autostartload)
  - [`startPosition`](#startposition)

docs/design.md

@@ -224,6 +224,7 @@ design idea is pretty simple :
 [src/controller/subtitle-stream-controller.ts]: ../src/controller/subtitle-stream-controller.ts
 [src/controller/subtitle-track-controller.ts]: ../src/controller/subtitle-track-controller.ts
 [src/controller/timeline-controller.ts]: ../src/controller/timeline-controller.ts
+[src/controller/gap-controller.ts]: ../src/controller/gap-controller.ts
 [src/crypt/aes.ts]: ../src/crypt/aes.ts
 [src/crypt/aes128-decrypter.ts]: ../src/crypt/aes128-decrypter.ts
 [src/crypt/aes-decrypter.ts]: ..src/crypt/aes-decrypter.ts

src/controller/cap-level-controller.ts

@@ -252,7 +252,7 @@ class CapLevelController implements ComponentAPI {
 
  // Levels can have the same dimensions but differing bandwidths - since levels are ordered, we can look to the next
  // to determine whether we've chosen the greatest bandwidth for the media's dimensions
- const atGreatestBandiwdth = (curLevel, nextLevel) => {
+ const atGreatestBandwidth = (curLevel, nextLevel) => {
  if (!nextLevel) {
  return true;
  }
@@ -271,7 +271,7 @@ class CapLevelController implements ComponentAPI {
  const level = levels[i];
  if (
  (level.width >= width || level.height >= height) &&
- atGreatestBandiwdth(level, levels[i + 1])
+ atGreatestBandwidth(level, levels[i + 1])
  ) {
  maxLevelIndex = i;
  break;

src/events.ts

@@ -58,7 +58,7 @@ export enum Events {
  MEDIA_ATTACHING = 'hlsMediaAttaching',
  // Fired when MediaSource has been successfully attached to media element
  MEDIA_ATTACHED = 'hlsMediaAttached',
- // Fired before deatching MediaSource from media element
+ // Fired before detaching MediaSource from media element
  MEDIA_DETACHING = 'hlsMediaDetaching',
  // Fired when MediaSource has been detached from media element
  MEDIA_DETACHED = 'hlsMediaDetached',
@@ -150,9 +150,9 @@ export enum Events {
  FRAG_BUFFERED = 'hlsFragBuffered',
  // fired when fragment matching with current media position is changing - data : { id : demuxer id, frag : fragment object }
  FRAG_CHANGED = 'hlsFragChanged',
- // Identifier for a FPS drop event - data: { curentDropped, currentDecoded, totalDroppedFrames }
+ // Identifier for a FPS drop event - data: { currentDropped, currentDecoded, totalDroppedFrames }
  FPS_DROP = 'hlsFpsDrop',
- // triggered when FPS drop triggers auto level capping - data: { level, droppedlevel }
+ // triggered when FPS drop triggers auto level capping - data: { level, droppedLevel }
  FPS_DROP_LEVEL_CAPPING = 'hlsFpsDropLevelCapping',
  // Identifier for an error event - data: { type : error type, details : error details, fatal : if true, hls.js cannot/will not try to recover, if false, hls.js will try to recover,other error specific data }
  ERROR = 'hlsError',

src/utils/discontinuities.ts

@@ -210,7 +210,7 @@ export function alignMediaPlaylistByPDT(
  const refPDT = refDetails.fragments[0].programDateTime!; // hasProgramDateTime check above makes this safe.
  const refStart = refDetails.fragments[0].start;
  // Use the delta between the reference details' presentation timeline's start time and its PDT
- // to align the other rendtion's timeline.
+ // to align the other rendition's timeline.
  const delta = refPDT - refStart * 1000;
  // Per spec: "If any Media Playlist in a Master Playlist contains an EXT-X-PROGRAM-DATE-TIME tag, then all
  // Media Playlists in that Master Playlist MUST contain EXT-X-PROGRAM-DATE-TIME tags with consistent mappings