@banou/media-player 0.5.0 → 0.6.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.
Files changed (21) hide show
  1. package/README.md +3 -0
  2. package/build/components/playback-slider.d.ts +2 -0
  3. package/build/index.js +1244 -1072
  4. package/build/state-machines/index.d.ts +2503 -1838
  5. package/build/state-machines/media.d.ts +218 -51
  6. package/build/state-machines/subtitles.d.ts +3 -0
  7. package/build/utils/use-local-storage.d.ts +1 -1
  8. package/package.json +2 -2
  9. package/src/components/control-bar.tsx +8 -2
  10. package/src/components/overlay.tsx +15 -6
  11. package/src/components/playback-slider.tsx +174 -0
  12. package/src/components/settings.tsx +106 -53
  13. package/src/components/tooltip-display.tsx +1 -1
  14. package/src/index.tsx +2 -2
  15. package/src/main.tsx +2 -2
  16. package/src/state-machines/media-properties.ts +7 -3
  17. package/src/state-machines/media-source.ts +1 -1
  18. package/src/state-machines/media.ts +5 -2
  19. package/src/state-machines/subtitles.ts +16 -0
  20. package/src/utils/fonts.ts +4 -0
  21. package/src/utils/use-local-storage.ts +1 -1
package/build/state-machines/media.d.ts CHANGED
@@ -103,7 +103,7 @@ declare const _default: import("xstate").StateMachine<{
103
103
  subtitlesStreams: SubtitleStream[];
104
104
  } | {
105
105
  type: "SELECT_SUBTITLE_STREAM";
106
- streamIndex: number;
106
+ streamIndex: number | undefined;
107
107
  } | {
108
108
  type: "NEW_THUMBNAIL";
109
109
  thumbnail: Thumbnail;
@@ -236,6 +236,9 @@ declare const _default: import("xstate").StateMachine<{
236
236
  } | {
237
237
  type: "SELECT_SUBTITLE_STREAM";
238
238
  streamIndex: number;
239
+ } | {
240
+ type: "TIME_UPDATE";
241
+ currentTime: number;
239
242
  }, {
240
243
  publicPath: string;
241
244
  videoElement: HTMLVideoElement;
@@ -396,6 +399,9 @@ declare const _default: import("xstate").StateMachine<{
396
399
  } | {
397
400
  type: "SELECT_SUBTITLE_STREAM";
398
401
  streamIndex: number;
402
+ } | {
403
+ type: "TIME_UPDATE";
404
+ currentTime: number;
399
405
  }, {
400
406
  publicPath: string;
401
407
  videoElement: HTMLVideoElement;
@@ -542,7 +548,7 @@ declare const _default: import("xstate").StateMachine<{
542
548
  subtitlesStreams: SubtitleStream[];
543
549
  } | {
544
550
  type: "SELECT_SUBTITLE_STREAM";
545
- streamIndex: number;
551
+ streamIndex: number | undefined;
546
552
  } | {
547
553
  type: "NEW_THUMBNAIL";
548
554
  thumbnail: Thumbnail;
@@ -697,6 +703,9 @@ declare const _default: import("xstate").StateMachine<{
697
703
  } | {
698
704
  type: "SELECT_SUBTITLE_STREAM";
699
705
  streamIndex: number;
706
+ } | {
707
+ type: "TIME_UPDATE";
708
+ currentTime: number;
700
709
  }, {
701
710
  publicPath: string;
702
711
  videoElement: HTMLVideoElement;
@@ -819,7 +828,7 @@ declare const _default: import("xstate").StateMachine<{
819
828
  subtitlesStreams: SubtitleStream[];
820
829
  } | {
821
830
  type: "SELECT_SUBTITLE_STREAM";
822
- streamIndex: number;
831
+ streamIndex: number | undefined;
823
832
  } | {
824
833
  type: "NEW_THUMBNAIL";
825
834
  thumbnail: Thumbnail;
@@ -974,6 +983,9 @@ declare const _default: import("xstate").StateMachine<{
974
983
  } | {
975
984
  type: "SELECT_SUBTITLE_STREAM";
976
985
  streamIndex: number;
986
+ } | {
987
+ type: "TIME_UPDATE";
988
+ currentTime: number;
977
989
  }, {
978
990
  publicPath: string;
979
991
  videoElement: HTMLVideoElement;
@@ -1096,7 +1108,7 @@ declare const _default: import("xstate").StateMachine<{
1096
1108
  subtitlesStreams: SubtitleStream[];
1097
1109
  } | {
1098
1110
  type: "SELECT_SUBTITLE_STREAM";
1099
- streamIndex: number;
1111
+ streamIndex: number | undefined;
1100
1112
  } | {
1101
1113
  type: "NEW_THUMBNAIL";
1102
1114
  thumbnail: Thumbnail;
@@ -1251,6 +1263,9 @@ declare const _default: import("xstate").StateMachine<{
1251
1263
  } | {
1252
1264
  type: "SELECT_SUBTITLE_STREAM";
1253
1265
  streamIndex: number;
1266
+ } | {
1267
+ type: "TIME_UPDATE";
1268
+ currentTime: number;
1254
1269
  }, {
1255
1270
  publicPath: string;
1256
1271
  videoElement: HTMLVideoElement;
@@ -1375,7 +1390,7 @@ declare const _default: import("xstate").StateMachine<{
1375
1390
  subtitlesStreams: SubtitleStream[];
1376
1391
  } | {
1377
1392
  type: "SELECT_SUBTITLE_STREAM";
1378
- streamIndex: number;
1393
+ streamIndex: number | undefined;
1379
1394
  } | {
1380
1395
  type: "NEW_THUMBNAIL";
1381
1396
  thumbnail: Thumbnail;
@@ -1530,6 +1545,9 @@ declare const _default: import("xstate").StateMachine<{
1530
1545
  } | {
1531
1546
  type: "SELECT_SUBTITLE_STREAM";
1532
1547
  streamIndex: number;
1548
+ } | {
1549
+ type: "TIME_UPDATE";
1550
+ currentTime: number;
1533
1551
  }, {
1534
1552
  publicPath: string;
1535
1553
  videoElement: HTMLVideoElement;
@@ -1652,7 +1670,7 @@ declare const _default: import("xstate").StateMachine<{
1652
1670
  subtitlesStreams: SubtitleStream[];
1653
1671
  } | {
1654
1672
  type: "SELECT_SUBTITLE_STREAM";
1655
- streamIndex: number;
1673
+ streamIndex: number | undefined;
1656
1674
  } | {
1657
1675
  type: "NEW_THUMBNAIL";
1658
1676
  thumbnail: Thumbnail;
@@ -1807,6 +1825,9 @@ declare const _default: import("xstate").StateMachine<{
1807
1825
  } | {
1808
1826
  type: "SELECT_SUBTITLE_STREAM";
1809
1827
  streamIndex: number;
1828
+ } | {
1829
+ type: "TIME_UPDATE";
1830
+ currentTime: number;
1810
1831
  }, {
1811
1832
  publicPath: string;
1812
1833
  videoElement: HTMLVideoElement;
@@ -1929,7 +1950,7 @@ declare const _default: import("xstate").StateMachine<{
1929
1950
  subtitlesStreams: SubtitleStream[];
1930
1951
  } | {
1931
1952
  type: "SELECT_SUBTITLE_STREAM";
1932
- streamIndex: number;
1953
+ streamIndex: number | undefined;
1933
1954
  } | {
1934
1955
  type: "NEW_THUMBNAIL";
1935
1956
  thumbnail: Thumbnail;
@@ -2084,6 +2105,9 @@ declare const _default: import("xstate").StateMachine<{
2084
2105
  } | {
2085
2106
  type: "SELECT_SUBTITLE_STREAM";
2086
2107
  streamIndex: number;
2108
+ } | {
2109
+ type: "TIME_UPDATE";
2110
+ currentTime: number;
2087
2111
  }, {
2088
2112
  publicPath: string;
2089
2113
  videoElement: HTMLVideoElement;
@@ -2211,7 +2235,7 @@ declare const _default: import("xstate").StateMachine<{
2211
2235
  subtitlesStreams: SubtitleStream[];
2212
2236
  } | {
2213
2237
  type: "SELECT_SUBTITLE_STREAM";
2214
- streamIndex: number;
2238
+ streamIndex: number | undefined;
2215
2239
  } | {
2216
2240
  type: "NEW_THUMBNAIL";
2217
2241
  thumbnail: Thumbnail;
@@ -2319,7 +2343,7 @@ declare const _default: import("xstate").StateMachine<{
2319
2343
  subtitlesStreams: SubtitleStream[];
2320
2344
  } | {
2321
2345
  type: "SELECT_SUBTITLE_STREAM";
2322
- streamIndex: number;
2346
+ streamIndex: number | undefined;
2323
2347
  } | {
2324
2348
  type: "NEW_THUMBNAIL";
2325
2349
  thumbnail: Thumbnail;
@@ -2405,7 +2429,7 @@ declare const _default: import("xstate").StateMachine<{
2405
2429
  subtitlesStreams: SubtitleStream[];
2406
2430
  } | {
2407
2431
  type: "SELECT_SUBTITLE_STREAM";
2408
- streamIndex: number;
2432
+ streamIndex: number | undefined;
2409
2433
  } | {
2410
2434
  type: "NEW_THUMBNAIL";
2411
2435
  thumbnail: Thumbnail;
@@ -2522,7 +2546,7 @@ declare const _default: import("xstate").StateMachine<{
2522
2546
  subtitlesStreams: SubtitleStream[];
2523
2547
  } | {
2524
2548
  type: "SELECT_SUBTITLE_STREAM";
2525
- streamIndex: number;
2549
+ streamIndex: number | undefined;
2526
2550
  } | {
2527
2551
  type: "NEW_THUMBNAIL";
2528
2552
  thumbnail: Thumbnail;
@@ -2630,7 +2654,7 @@ declare const _default: import("xstate").StateMachine<{
2630
2654
  subtitlesStreams: SubtitleStream[];
2631
2655
  } | {
2632
2656
  type: "SELECT_SUBTITLE_STREAM";
2633
- streamIndex: number;
2657
+ streamIndex: number | undefined;
2634
2658
  } | {
2635
2659
  type: "NEW_THUMBNAIL";
2636
2660
  thumbnail: Thumbnail;
@@ -2716,7 +2740,7 @@ declare const _default: import("xstate").StateMachine<{
2716
2740
  subtitlesStreams: SubtitleStream[];
2717
2741
  } | {
2718
2742
  type: "SELECT_SUBTITLE_STREAM";
2719
- streamIndex: number;
2743
+ streamIndex: number | undefined;
2720
2744
  } | {
2721
2745
  type: "NEW_THUMBNAIL";
2722
2746
  thumbnail: Thumbnail;
@@ -2833,7 +2857,7 @@ declare const _default: import("xstate").StateMachine<{
2833
2857
  subtitlesStreams: SubtitleStream[];
2834
2858
  } | {
2835
2859
  type: "SELECT_SUBTITLE_STREAM";
2836
- streamIndex: number;
2860
+ streamIndex: number | undefined;
2837
2861
  } | {
2838
2862
  type: "NEW_THUMBNAIL";
2839
2863
  thumbnail: Thumbnail;
@@ -2941,7 +2965,7 @@ declare const _default: import("xstate").StateMachine<{
2941
2965
  subtitlesStreams: SubtitleStream[];
2942
2966
  } | {
2943
2967
  type: "SELECT_SUBTITLE_STREAM";
2944
- streamIndex: number;
2968
+ streamIndex: number | undefined;
2945
2969
  } | {
2946
2970
  type: "NEW_THUMBNAIL";
2947
2971
  thumbnail: Thumbnail;
@@ -3027,7 +3051,7 @@ declare const _default: import("xstate").StateMachine<{
3027
3051
  subtitlesStreams: SubtitleStream[];
3028
3052
  } | {
3029
3053
  type: "SELECT_SUBTITLE_STREAM";
3030
- streamIndex: number;
3054
+ streamIndex: number | undefined;
3031
3055
  } | {
3032
3056
  type: "NEW_THUMBNAIL";
3033
3057
  thumbnail: Thumbnail;
@@ -3143,7 +3167,7 @@ declare const _default: import("xstate").StateMachine<{
3143
3167
  subtitlesStreams: SubtitleStream[];
3144
3168
  } | {
3145
3169
  type: "SELECT_SUBTITLE_STREAM";
3146
- streamIndex: number;
3170
+ streamIndex: number | undefined;
3147
3171
  } | {
3148
3172
  type: "NEW_THUMBNAIL";
3149
3173
  thumbnail: Thumbnail;
@@ -3251,7 +3275,7 @@ declare const _default: import("xstate").StateMachine<{
3251
3275
  subtitlesStreams: SubtitleStream[];
3252
3276
  } | {
3253
3277
  type: "SELECT_SUBTITLE_STREAM";
3254
- streamIndex: number;
3278
+ streamIndex: number | undefined;
3255
3279
  } | {
3256
3280
  type: "NEW_THUMBNAIL";
3257
3281
  thumbnail: Thumbnail;
@@ -3337,7 +3361,7 @@ declare const _default: import("xstate").StateMachine<{
3337
3361
  subtitlesStreams: SubtitleStream[];
3338
3362
  } | {
3339
3363
  type: "SELECT_SUBTITLE_STREAM";
3340
- streamIndex: number;
3364
+ streamIndex: number | undefined;
3341
3365
  } | {
3342
3366
  type: "NEW_THUMBNAIL";
3343
3367
  thumbnail: Thumbnail;
@@ -3453,7 +3477,7 @@ declare const _default: import("xstate").StateMachine<{
3453
3477
  subtitlesStreams: SubtitleStream[];
3454
3478
  } | {
3455
3479
  type: "SELECT_SUBTITLE_STREAM";
3456
- streamIndex: number;
3480
+ streamIndex: number | undefined;
3457
3481
  } | {
3458
3482
  type: "NEW_THUMBNAIL";
3459
3483
  thumbnail: Thumbnail;
@@ -3561,7 +3585,7 @@ declare const _default: import("xstate").StateMachine<{
3561
3585
  subtitlesStreams: SubtitleStream[];
3562
3586
  } | {
3563
3587
  type: "SELECT_SUBTITLE_STREAM";
3564
- streamIndex: number;
3588
+ streamIndex: number | undefined;
3565
3589
  } | {
3566
3590
  type: "NEW_THUMBNAIL";
3567
3591
  thumbnail: Thumbnail;
@@ -3647,7 +3671,7 @@ declare const _default: import("xstate").StateMachine<{
3647
3671
  subtitlesStreams: SubtitleStream[];
3648
3672
  } | {
3649
3673
  type: "SELECT_SUBTITLE_STREAM";
3650
- streamIndex: number;
3674
+ streamIndex: number | undefined;
3651
3675
  } | {
3652
3676
  type: "NEW_THUMBNAIL";
3653
3677
  thumbnail: Thumbnail;
@@ -3766,7 +3790,7 @@ declare const _default: import("xstate").StateMachine<{
3766
3790
  subtitlesStreams: SubtitleStream[];
3767
3791
  } | {
3768
3792
  type: "SELECT_SUBTITLE_STREAM";
3769
- streamIndex: number;
3793
+ streamIndex: number | undefined;
3770
3794
  } | {
3771
3795
  type: "NEW_THUMBNAIL";
3772
3796
  thumbnail: Thumbnail;
@@ -3878,7 +3902,7 @@ declare const _default: import("xstate").StateMachine<{
3878
3902
  subtitlesStreams: SubtitleStream[];
3879
3903
  } | {
3880
3904
  type: "SELECT_SUBTITLE_STREAM";
3881
- streamIndex: number;
3905
+ streamIndex: number | undefined;
3882
3906
  } | {
3883
3907
  type: "NEW_THUMBNAIL";
3884
3908
  thumbnail: Thumbnail;
@@ -3991,7 +4015,7 @@ declare const _default: import("xstate").StateMachine<{
3991
4015
  subtitlesStreams: SubtitleStream[];
3992
4016
  } | {
3993
4017
  type: "SELECT_SUBTITLE_STREAM";
3994
- streamIndex: number;
4018
+ streamIndex: number | undefined;
3995
4019
  } | {
3996
4020
  type: "NEW_THUMBNAIL";
3997
4021
  thumbnail: Thumbnail;
@@ -4104,7 +4128,7 @@ declare const _default: import("xstate").StateMachine<{
4104
4128
  subtitlesStreams: SubtitleStream[];
4105
4129
  } | {
4106
4130
  type: "SELECT_SUBTITLE_STREAM";
4107
- streamIndex: number;
4131
+ streamIndex: number | undefined;
4108
4132
  } | {
4109
4133
  type: "NEW_THUMBNAIL";
4110
4134
  thumbnail: Thumbnail;
@@ -4216,7 +4240,7 @@ declare const _default: import("xstate").StateMachine<{
4216
4240
  subtitlesStreams: SubtitleStream[];
4217
4241
  } | {
4218
4242
  type: "SELECT_SUBTITLE_STREAM";
4219
- streamIndex: number;
4243
+ streamIndex: number | undefined;
4220
4244
  } | {
4221
4245
  type: "NEW_THUMBNAIL";
4222
4246
  thumbnail: Thumbnail;
@@ -4371,6 +4395,9 @@ declare const _default: import("xstate").StateMachine<{
4371
4395
  } | {
4372
4396
  type: "SELECT_SUBTITLE_STREAM";
4373
4397
  streamIndex: number;
4398
+ } | {
4399
+ type: "TIME_UPDATE";
4400
+ currentTime: number;
4374
4401
  }, {
4375
4402
  publicPath: string;
4376
4403
  videoElement: HTMLVideoElement;
@@ -4490,7 +4517,7 @@ declare const _default: import("xstate").StateMachine<{
4490
4517
  subtitlesStreams: SubtitleStream[];
4491
4518
  } | {
4492
4519
  type: "SELECT_SUBTITLE_STREAM";
4493
- streamIndex: number;
4520
+ streamIndex: number | undefined;
4494
4521
  } | {
4495
4522
  type: "NEW_THUMBNAIL";
4496
4523
  thumbnail: Thumbnail;
@@ -4645,6 +4672,9 @@ declare const _default: import("xstate").StateMachine<{
4645
4672
  } | {
4646
4673
  type: "SELECT_SUBTITLE_STREAM";
4647
4674
  streamIndex: number;
4675
+ } | {
4676
+ type: "TIME_UPDATE";
4677
+ currentTime: number;
4648
4678
  }, {
4649
4679
  publicPath: string;
4650
4680
  videoElement: HTMLVideoElement;
@@ -4764,7 +4794,7 @@ declare const _default: import("xstate").StateMachine<{
4764
4794
  subtitlesStreams: SubtitleStream[];
4765
4795
  } | {
4766
4796
  type: "SELECT_SUBTITLE_STREAM";
4767
- streamIndex: number;
4797
+ streamIndex: number | undefined;
4768
4798
  } | {
4769
4799
  type: "NEW_THUMBNAIL";
4770
4800
  thumbnail: Thumbnail;
@@ -4919,6 +4949,9 @@ declare const _default: import("xstate").StateMachine<{
4919
4949
  } | {
4920
4950
  type: "SELECT_SUBTITLE_STREAM";
4921
4951
  streamIndex: number;
4952
+ } | {
4953
+ type: "TIME_UPDATE";
4954
+ currentTime: number;
4922
4955
  }, {
4923
4956
  publicPath: string;
4924
4957
  videoElement: HTMLVideoElement;
@@ -4938,7 +4971,7 @@ declare const _default: import("xstate").StateMachine<{
4938
4971
  }>, never, never, never, never>;
4939
4972
  };
4940
4973
  readonly TIME_UPDATE: {
4941
- readonly actions: import("xstate").ActionFunction<{
4974
+ readonly actions: readonly [import("xstate").ActionFunction<{
4942
4975
  mediaSourceOptions: MediaSourceOptions | undefined;
4943
4976
  subtitlesRendererOptions: Omit<JassubOptions, "video" | "canvas"> | undefined;
4944
4977
  remuxerOptions: Parameters<typeof makeRemuxer>[0] | undefined;
@@ -5039,7 +5072,7 @@ declare const _default: import("xstate").StateMachine<{
5039
5072
  subtitlesStreams: SubtitleStream[];
5040
5073
  } | {
5041
5074
  type: "SELECT_SUBTITLE_STREAM";
5042
- streamIndex: number;
5075
+ streamIndex: number | undefined;
5043
5076
  } | {
5044
5077
  type: "NEW_THUMBNAIL";
5045
5078
  thumbnail: Thumbnail;
@@ -5194,6 +5227,9 @@ declare const _default: import("xstate").StateMachine<{
5194
5227
  } | {
5195
5228
  type: "SELECT_SUBTITLE_STREAM";
5196
5229
  streamIndex: number;
5230
+ } | {
5231
+ type: "TIME_UPDATE";
5232
+ currentTime: number;
5197
5233
  }, {
5198
5234
  publicPath: string;
5199
5235
  videoElement: HTMLVideoElement;
@@ -5210,7 +5246,117 @@ declare const _default: import("xstate").StateMachine<{
5210
5246
  }>;
5211
5247
  id: string | undefined;
5212
5248
  };
5213
- }>, never, never, never, never>;
5249
+ }>, never, never, never, never>, import("xstate").ActionFunction<{
5250
+ mediaSourceOptions: MediaSourceOptions | undefined;
5251
+ subtitlesRendererOptions: Omit<JassubOptions, "video" | "canvas"> | undefined;
5252
+ remuxerOptions: Parameters<typeof makeRemuxer>[0] | undefined;
5253
+ videoElement: HTMLVideoElement | undefined;
5254
+ canvasElement: HTMLCanvasElement | undefined;
5255
+ media: {
5256
+ duration?: number;
5257
+ paused: boolean;
5258
+ currentTime: number;
5259
+ volume: number;
5260
+ muted: boolean;
5261
+ playbackRate: number;
5262
+ };
5263
+ attachments: Attachment[];
5264
+ subtitleFragments: SubtitleFragment[];
5265
+ subtitleStreams: SubtitleStream[];
5266
+ selectedSubtitleStreamIndex: number | undefined;
5267
+ indexes: Index[];
5268
+ thumbnails: Thumbnail[];
5269
+ isReady: boolean;
5270
+ }, {
5271
+ type: "TIME_UPDATE";
5272
+ currentTime: number;
5273
+ }, {
5274
+ type: "MEDIA_SOURCE_OPTIONS";
5275
+ mediaSourceOptions: MediaSourceOptions;
5276
+ } | {
5277
+ type: "SUBTITLES_RENDERER_OPTIONS";
5278
+ subtitlesRendererOptions: Omit<JassubOptions, "video" | "canvas">;
5279
+ } | {
5280
+ type: "REMUXER_OPTIONS";
5281
+ remuxerOptions: Parameters<typeof makeRemuxer>[0];
5282
+ } | {
5283
+ type: "SET_VIDEO_ELEMENT";
5284
+ videoElement: HTMLVideoElement;
5285
+ } | {
5286
+ type: "SET_CANVAS_ELEMENT";
5287
+ canvasElement: HTMLCanvasElement;
5288
+ } | {
5289
+ type: "IS_READY";
5290
+ } | {
5291
+ type: "PLAY";
5292
+ } | {
5293
+ type: "PAUSE";
5294
+ } | {
5295
+ type: "SET_TIME";
5296
+ value: number;
5297
+ } | {
5298
+ type: "PLAYING";
5299
+ } | {
5300
+ type: "PAUSED";
5301
+ } | {
5302
+ type: "ENDED";
5303
+ } | {
5304
+ type: "TIME_UPDATE";
5305
+ currentTime: number;
5306
+ } | {
5307
+ type: "VOLUME_UPDATE";
5308
+ muted: boolean;
5309
+ volume: number;
5310
+ } | {
5311
+ type: "PLAYBACK_RATE_UPDATE";
5312
+ playbackRate: number;
5313
+ } | {
5314
+ type: "DURATION_UPDATE";
5315
+ duration: number;
5316
+ } | {
5317
+ type: "SET_VOLUME";
5318
+ muted: boolean;
5319
+ volume: number;
5320
+ } | {
5321
+ type: "SET_PLAYBACK_RATE";
5322
+ playbackRate: number;
5323
+ } | {
5324
+ type: "SEEKING";
5325
+ currentTime: number;
5326
+ } | {
5327
+ type: "NEED_DATA";
5328
+ } | {
5329
+ type: "METADATA";
5330
+ mimeType: string;
5331
+ duration: number;
5332
+ data: ArrayBuffer;
5333
+ } | {
5334
+ type: "DATA";
5335
+ data: ArrayBuffer;
5336
+ } | {
5337
+ type: "TIMESTAMP_OFFSET";
5338
+ timestampOffset: number;
5339
+ } | {
5340
+ type: "NEW_ATTACHMENTS";
5341
+ attachments: Attachment[];
5342
+ } | {
5343
+ type: "NEW_SUBTITLE_FRAGMENTS";
5344
+ subtitles: SubtitleFragment[];
5345
+ } | {
5346
+ type: "SUBTITLE_STREAMS_UPDATED";
5347
+ subtitlesStreams: SubtitleStream[];
5348
+ } | {
5349
+ type: "SELECT_SUBTITLE_STREAM";
5350
+ streamIndex: number | undefined;
5351
+ } | {
5352
+ type: "NEW_THUMBNAIL";
5353
+ thumbnail: Thumbnail;
5354
+ } | {
5355
+ type: "DOWNLOADED_RANGES_UPDATED";
5356
+ downloadedRanges: DownloadedRange[];
5357
+ } | {
5358
+ type: "DESTROY";
5359
+ }, undefined, never, never, never, never, never>];
5214
5360
  };
5215
5361
  readonly VOLUME_UPDATE: {
5216
5362
  readonly actions: import("xstate").ActionFunction<{
@@ -5315,7 +5461,7 @@ declare const _default: import("xstate").StateMachine<{
5315
5461
  subtitlesStreams: SubtitleStream[];
5316
5462
  } | {
5317
5463
  type: "SELECT_SUBTITLE_STREAM";
5318
- streamIndex: number;
5464
+ streamIndex: number | undefined;
5319
5465
  } | {
5320
5466
  type: "NEW_THUMBNAIL";
5321
5467
  thumbnail: Thumbnail;
@@ -5470,6 +5616,9 @@ declare const _default: import("xstate").StateMachine<{
5470
5616
  } | {
5471
5617
  type: "SELECT_SUBTITLE_STREAM";
5472
5618
  streamIndex: number;
5619
+ } | {
5620
+ type: "TIME_UPDATE";
5621
+ currentTime: number;
5473
5622
  }, {
5474
5623
  publicPath: string;
5475
5624
  videoElement: HTMLVideoElement;
@@ -5591,7 +5740,7 @@ declare const _default: import("xstate").StateMachine<{
5591
5740
  subtitlesStreams: SubtitleStream[];
5592
5741
  } | {
5593
5742
  type: "SELECT_SUBTITLE_STREAM";
5594
- streamIndex: number;
5743
+ streamIndex: number | undefined;
5595
5744
  } | {
5596
5745
  type: "NEW_THUMBNAIL";
5597
5746
  thumbnail: Thumbnail;
@@ -5704,7 +5853,7 @@ declare const _default: import("xstate").StateMachine<{
5704
5853
  subtitlesStreams: SubtitleStream[];
5705
5854
  } | {
5706
5855
  type: "SELECT_SUBTITLE_STREAM";
5707
- streamIndex: number;
5856
+ streamIndex: number | undefined;
5708
5857
  } | {
5709
5858
  type: "NEW_THUMBNAIL";
5710
5859
  thumbnail: Thumbnail;
@@ -5859,6 +6008,9 @@ declare const _default: import("xstate").StateMachine<{
5859
6008
  } | {
5860
6009
  type: "SELECT_SUBTITLE_STREAM";
5861
6010
  streamIndex: number;
6011
+ } | {
6012
+ type: "TIME_UPDATE";
6013
+ currentTime: number;
5862
6014
  }, {
5863
6015
  publicPath: string;
5864
6016
  videoElement: HTMLVideoElement;
@@ -5979,7 +6131,7 @@ declare const _default: import("xstate").StateMachine<{
5979
6131
  subtitlesStreams: SubtitleStream[];
5980
6132
  } | {
5981
6133
  type: "SELECT_SUBTITLE_STREAM";
5982
- streamIndex: number;
6134
+ streamIndex: number | undefined;
5983
6135
  } | {
5984
6136
  type: "NEW_THUMBNAIL";
5985
6137
  thumbnail: Thumbnail;
@@ -6134,6 +6286,9 @@ declare const _default: import("xstate").StateMachine<{
6134
6286
  } | {
6135
6287
  type: "SELECT_SUBTITLE_STREAM";
6136
6288
  streamIndex: number;
6289
+ } | {
6290
+ type: "TIME_UPDATE";
6291
+ currentTime: number;
6137
6292
  }, {
6138
6293
  publicPath: string;
6139
6294
  videoElement: HTMLVideoElement;
@@ -6253,7 +6408,7 @@ declare const _default: import("xstate").StateMachine<{
6253
6408
  subtitlesStreams: SubtitleStream[];
6254
6409
  } | {
6255
6410
  type: "SELECT_SUBTITLE_STREAM";
6256
- streamIndex: number;
6411
+ streamIndex: number | undefined;
6257
6412
  } | {
6258
6413
  type: "NEW_THUMBNAIL";
6259
6414
  thumbnail: Thumbnail;
@@ -6368,7 +6523,7 @@ declare const _default: import("xstate").StateMachine<{
6368
6523
  subtitlesStreams: SubtitleStream[];
6369
6524
  } | {
6370
6525
  type: "SELECT_SUBTITLE_STREAM";
6371
- streamIndex: number;
6526
+ streamIndex: number | undefined;
6372
6527
  } | {
6373
6528
  type: "NEW_THUMBNAIL";
6374
6529
  thumbnail: Thumbnail;
@@ -6481,7 +6636,7 @@ declare const _default: import("xstate").StateMachine<{
6481
6636
  subtitlesStreams: SubtitleStream[];
6482
6637
  } | {
6483
6638
  type: "SELECT_SUBTITLE_STREAM";
6484
- streamIndex: number;
6639
+ streamIndex: number | undefined;
6485
6640
  } | {
6486
6641
  type: "NEW_THUMBNAIL";
6487
6642
  thumbnail: Thumbnail;
@@ -6594,7 +6749,7 @@ declare const _default: import("xstate").StateMachine<{
6594
6749
  subtitlesStreams: SubtitleStream[];
6595
6750
  } | {
6596
6751
  type: "SELECT_SUBTITLE_STREAM";
6597
- streamIndex: number;
6752
+ streamIndex: number | undefined;
6598
6753
  } | {
6599
6754
  type: "NEW_THUMBNAIL";
6600
6755
  thumbnail: Thumbnail;
@@ -6707,7 +6862,7 @@ declare const _default: import("xstate").StateMachine<{
6707
6862
  subtitlesStreams: SubtitleStream[];
6708
6863
  } | {
6709
6864
  type: "SELECT_SUBTITLE_STREAM";
6710
- streamIndex: number;
6865
+ streamIndex: number | undefined;
6711
6866
  } | {
6712
6867
  type: "NEW_THUMBNAIL";
6713
6868
  thumbnail: Thumbnail;
@@ -6820,7 +6975,7 @@ declare const _default: import("xstate").StateMachine<{
6820
6975
  subtitlesStreams: SubtitleStream[];
6821
6976
  } | {
6822
6977
  type: "SELECT_SUBTITLE_STREAM";
6823
- streamIndex: number;
6978
+ streamIndex: number | undefined;
6824
6979
  } | {
6825
6980
  type: "NEW_THUMBNAIL";
6826
6981
  thumbnail: Thumbnail;
@@ -6975,6 +7130,9 @@ declare const _default: import("xstate").StateMachine<{
6975
7130
  } | {
6976
7131
  type: "SELECT_SUBTITLE_STREAM";
6977
7132
  streamIndex: number;
7133
+ } | {
7134
+ type: "TIME_UPDATE";
7135
+ currentTime: number;
6978
7136
  }, {
6979
7137
  publicPath: string;
6980
7138
  videoElement: HTMLVideoElement;
@@ -7095,7 +7253,7 @@ declare const _default: import("xstate").StateMachine<{
7095
7253
  subtitlesStreams: SubtitleStream[];
7096
7254
  } | {
7097
7255
  type: "SELECT_SUBTITLE_STREAM";
7098
- streamIndex: number;
7256
+ streamIndex: number | undefined;
7099
7257
  } | {
7100
7258
  type: "NEW_THUMBNAIL";
7101
7259
  thumbnail: Thumbnail;
@@ -7211,7 +7369,7 @@ declare const _default: import("xstate").StateMachine<{
7211
7369
  subtitlesStreams: SubtitleStream[];
7212
7370
  } | {
7213
7371
  type: "SELECT_SUBTITLE_STREAM";
7214
- streamIndex: number;
7372
+ streamIndex: number | undefined;
7215
7373
  } | {
7216
7374
  type: "NEW_THUMBNAIL";
7217
7375
  thumbnail: Thumbnail;
@@ -7366,6 +7524,9 @@ declare const _default: import("xstate").StateMachine<{
7366
7524
  } | {
7367
7525
  type: "SELECT_SUBTITLE_STREAM";
7368
7526
  streamIndex: number;
7527
+ } | {
7528
+ type: "TIME_UPDATE";
7529
+ currentTime: number;
7369
7530
  }, {
7370
7531
  publicPath: string;
7371
7532
  videoElement: HTMLVideoElement;
@@ -7483,7 +7644,7 @@ declare const _default: import("xstate").StateMachine<{
7483
7644
  subtitlesStreams: SubtitleStream[];
7484
7645
  } | {
7485
7646
  type: "SELECT_SUBTITLE_STREAM";
7486
- streamIndex: number;
7647
+ streamIndex: number | undefined;
7487
7648
  } | {
7488
7649
  type: "NEW_THUMBNAIL";
7489
7650
  thumbnail: Thumbnail;
@@ -7596,7 +7757,7 @@ declare const _default: import("xstate").StateMachine<{
7596
7757
  subtitlesStreams: SubtitleStream[];
7597
7758
  } | {
7598
7759
  type: "SELECT_SUBTITLE_STREAM";
7599
- streamIndex: number;
7760
+ streamIndex: number | undefined;
7600
7761
  } | {
7601
7762
  type: "NEW_THUMBNAIL";
7602
7763
  thumbnail: Thumbnail;
@@ -7751,6 +7912,9 @@ declare const _default: import("xstate").StateMachine<{
7751
7912
  } | {
7752
7913
  type: "SELECT_SUBTITLE_STREAM";
7753
7914
  streamIndex: number;
7915
+ } | {
7916
+ type: "TIME_UPDATE";
7917
+ currentTime: number;
7754
7918
  }, {
7755
7919
  publicPath: string;
7756
7920
  videoElement: HTMLVideoElement;
@@ -7868,7 +8032,7 @@ declare const _default: import("xstate").StateMachine<{
7868
8032
  subtitlesStreams: SubtitleStream[];
7869
8033
  } | {
7870
8034
  type: "SELECT_SUBTITLE_STREAM";
7871
- streamIndex: number;
8035
+ streamIndex: number | undefined;
7872
8036
  } | {
7873
8037
  type: "NEW_THUMBNAIL";
7874
8038
  thumbnail: Thumbnail;
@@ -7981,7 +8145,7 @@ declare const _default: import("xstate").StateMachine<{
7981
8145
  subtitlesStreams: SubtitleStream[];
7982
8146
  } | {
7983
8147
  type: "SELECT_SUBTITLE_STREAM";
7984
- streamIndex: number;
8148
+ streamIndex: number | undefined;
7985
8149
  } | {
7986
8150
  type: "NEW_THUMBNAIL";
7987
8151
  thumbnail: Thumbnail;
@@ -8136,6 +8300,9 @@ declare const _default: import("xstate").StateMachine<{
8136
8300
  } | {
8137
8301
  type: "SELECT_SUBTITLE_STREAM";
8138
8302
  streamIndex: number;
8303
+ } | {
8304
+ type: "TIME_UPDATE";
8305
+ currentTime: number;
8139
8306
  }, {
8140
8307
  publicPath: string;
8141
8308
  videoElement: HTMLVideoElement;
@@ -8253,7 +8420,7 @@ declare const _default: import("xstate").StateMachine<{
8253
8420
  subtitlesStreams: SubtitleStream[];
8254
8421
  } | {
8255
8422
  type: "SELECT_SUBTITLE_STREAM";
8256
- streamIndex: number;
8423
+ streamIndex: number | undefined;
8257
8424
  } | {
8258
8425
  type: "NEW_THUMBNAIL";
8259
8426
  thumbnail: Thumbnail;
@@ -8288,7 +8455,7 @@ declare const _default: import("xstate").StateMachine<{
8288
8455
  isReady: boolean;
8289
8456
  }, {
8290
8457
  type: "SELECT_SUBTITLE_STREAM";
8291
- streamIndex: number;
8458
+ streamIndex: number | undefined;
8292
8459
  }, {
8293
8460
  type: "MEDIA_SOURCE_OPTIONS";
8294
8461
  mediaSourceOptions: MediaSourceOptions;
@@ -8366,7 +8533,7 @@ declare const _default: import("xstate").StateMachine<{
8366
8533
  subtitlesStreams: SubtitleStream[];
8367
8534
  } | {
8368
8535
  type: "SELECT_SUBTITLE_STREAM";
8369
- streamIndex: number;
8536
+ streamIndex: number | undefined;
8370
8537
  } | {
8371
8538
  type: "NEW_THUMBNAIL";
8372
8539
  thumbnail: Thumbnail;