@volcengine/veplayer 2.0.0-rc.1 → 2.1.0-rc.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 (38) hide show
  1. package/README.md +14 -1
  2. package/esm/index.d.ts +2055 -285
  3. package/esm/veplayer.biz.live.development.js +206 -46
  4. package/esm/veplayer.biz.live.production.js +1 -1
  5. package/esm/veplayer.d.ts +4468 -791
  6. package/esm/veplayer.development.css +1 -1
  7. package/esm/veplayer.development.js +884 -288
  8. package/esm/veplayer.live.d.ts +4534 -858
  9. package/esm/veplayer.live.development.css +1 -1
  10. package/esm/veplayer.live.development.js +884 -288
  11. package/esm/veplayer.live.production.css +1 -1
  12. package/esm/veplayer.live.production.js +4 -4
  13. package/esm/veplayer.production.css +1 -1
  14. package/esm/veplayer.production.js +4 -4
  15. package/esm/veplayer.vod.d.ts +2055 -285
  16. package/esm/veplayer.vod.development.css +1 -1
  17. package/esm/veplayer.vod.development.js +653 -213
  18. package/esm/veplayer.vod.production.css +1 -1
  19. package/esm/veplayer.vod.production.js +4 -4
  20. package/package.json +2 -1
  21. package/umd/index.d.ts +2055 -285
  22. package/umd/veplayer.biz.live.development.js +206 -46
  23. package/umd/veplayer.biz.live.production.js +1 -1
  24. package/umd/veplayer.d.ts +4468 -791
  25. package/umd/veplayer.development.css +1 -1
  26. package/umd/veplayer.development.js +884 -288
  27. package/umd/veplayer.live.d.ts +4534 -858
  28. package/umd/veplayer.live.development.css +1 -1
  29. package/umd/veplayer.live.development.js +882 -286
  30. package/umd/veplayer.live.production.css +1 -1
  31. package/umd/veplayer.live.production.js +1 -1
  32. package/umd/veplayer.production.css +1 -1
  33. package/umd/veplayer.production.js +1 -1
  34. package/umd/veplayer.vod.d.ts +2055 -285
  35. package/umd/veplayer.vod.development.css +1 -1
  36. package/umd/veplayer.vod.development.js +653 -213
  37. package/umd/veplayer.vod.production.css +1 -1
  38. package/umd/veplayer.vod.production.js +1 -1
package/esm/index.d.ts CHANGED
@@ -1,16 +1,15 @@
1
- import { default as XGPlayer } from "xgplayer/es/player";
2
- import { IPlayerOptions as PlayerOptions } from "xgplayer/es/player";
3
1
  import Player from "xgplayer";
4
- import { IXGI18nText, IPluginOptions, Plugin } from "xgplayer";
2
+ import { IXGI18nText, Plugin, IPluginOptions } from "xgplayer";
3
+ import { IPlayerOptions as PlayerOptions } from "xgplayer";
5
4
  import { IDefinition as XGDefinition } from "xgplayer";
6
- import { IError as XGError } from "xgplayer";
7
5
  import { default as Player$0 } from "xgplayer";
6
+ import { IError as XGError } from "xgplayer";
7
+ import { IBasePluginOptions as XGPluginOptions } from "xgplayer";
8
8
  import { IXGI18n } from "xgplayer/es/lang/i18n";
9
9
  import XG_EN from "xgplayer/es/lang/en";
10
10
  import XG_ZH_CN from "xgplayer/es/lang/zh-cn";
11
11
  import OptionList from "xgplayer/es/plugins/common/optionList";
12
- import { FlvOption } from "xgplayer-flv/es/flv/options";
13
- import { HlsOption } from "xgplayer-hls/es/hls/config";
12
+ import { default as XGPlayer } from "xgplayer/es/player";
14
13
  declare const EN: {
15
14
  DEFINITION_FALLBACK_TOAST: string;
16
15
  DEFINITION_SWITCHING: string;
@@ -80,7 +79,7 @@ declare class VeI18n<T extends string = TextKey> {
80
79
  texts?: Record<Lang, Record<string, string>>;
81
80
  };
82
81
  });
83
- static get langKeys(): any;
82
+ static get langKeys(): string[];
84
83
  static isLangValid(lang: Lang): boolean;
85
84
  static extend(i18nTextList: Array<IXGI18nText>, i18nLangs?: IXGI18n): void;
86
85
  setLang(lang: string): void;
@@ -107,17 +106,64 @@ declare class Definition implements XGDefinition {
107
106
  fallbackUrls?: string[];
108
107
  });
109
108
  get url(): string;
109
+ set url(url: string);
110
110
  next(): DefinitionUrl;
111
111
  }
112
+ /**
113
+ * @list option
114
+ * @kind property
115
+ * @id Definition
116
+ * @name Definition
117
+ *
118
+ */
112
119
  interface ExposedDefinition {
120
+ /** {zh}
121
+ * @brief 播放地址。
122
+ * @default 无
123
+ */
113
124
  url: string;
125
+ /** {zh}
126
+ * @brief 清晰度(唯一值)。
127
+ * @default 无
128
+ *
129
+ */
114
130
  definition: string;
131
+ /** {zh}
132
+ * @brief 清晰度展示名称。可设置多语言 `{text: {'zh-cn': '高清', 'en': 'HD'}}`。
133
+ * @default 无
134
+ */
115
135
  text?: Record<Lang, string> | string;
136
+ /** {zh}
137
+ * @brief 为当前清晰度地址设置备路拉流地址,支持设置多个备路拉流地址。当前清晰度地址拉流失败时,会在当前清晰度地址和备路直播地址之间循环拉流,直到拉流成功。
138
+ * @default 无
139
+ *
140
+ */
116
141
  fallbackUrls?: string[];
117
142
  }
143
+ /**
144
+ * @list option
145
+ * @brief 线路数据配置。一个线路包含当前线路的 name ,展示名称,及线路下的清晰度列表。
146
+ * @kind property
147
+ * @id Source
148
+ * @name Source
149
+ */
118
150
  interface ExposedSource {
151
+ /** {zh}
152
+ * @brief 线路name(唯一值)。
153
+ * @default 无
154
+ */
119
155
  name?: string;
156
+ /** {zh}
157
+ * @brief 线路展示名称。可设置多语言 `{text: {'zh-cn': '线路一', 'en': 'LineOne'}}`。
158
+ * @default 无
159
+ *
160
+ */
120
161
  text?: Record<Lang, string> | string;
162
+ /** {zh}
163
+ * @brief 该线路下清晰度列表。
164
+ * @default 无
165
+ *
166
+ */
121
167
  definitions: Array<ExposedDefinition | string>;
122
168
  }
123
169
  interface CompoundSources {
@@ -139,12 +185,8 @@ declare class Source {
139
185
  private static normalizeUrl;
140
186
  add(definition: Definition): void;
141
187
  }
142
- declare enum TOP_RIGHT_POSITIONS {
143
- ROOT_TOP_RIGHT = "rootTopRight",
144
- ROOT_TOP_RIGHT_COLLAPSE = "rootTopRightCollapse"
145
- }
146
188
  interface Config {
147
- listType: ListTypeOption;
189
+ listType: ListType;
148
190
  isAutoChange?: boolean;
149
191
  onItemClick?: (e: Event, data: CallbackData) => void;
150
192
  onOptionClick?: (e: Event, data: CallbackData) => void;
@@ -171,12 +213,12 @@ declare class MobilePlayerPanel {
171
213
  private _delegates?;
172
214
  private _listType?;
173
215
  constructor(args: Options);
174
- changeMode(listType: ListTypeOption): void;
216
+ changeMode(listType: ListType): void;
175
217
  // 渲染选择列表
176
218
  renderItemList(data?: ListItem[]): HTMLElement;
177
219
  // 渲染panel的标题
178
220
  renderTitle(): HTMLElement | undefined;
179
- updatePanel(listType: ListTypeOption): void;
221
+ updatePanel(listType: ListType): void;
180
222
  // 渲染panel
181
223
  renderPanel(): void;
182
224
  show(): void;
@@ -197,13 +239,29 @@ declare module MobilePlayerPanelWrapper {
197
239
  export { MobilePlayerPanel };
198
240
  }
199
241
  import MobilePanel = MobilePlayerPanelWrapper.MobilePlayerPanel;
200
- declare const ListType: {
201
- readonly Middle: "middle";
202
- readonly Bottom: "bottom";
203
- readonly Fullscreen: "fullscreen";
204
- readonly Inner: "inner";
205
- };
206
- type ListTypeOption = (typeof ListType)[keyof typeof ListType];
242
+ /**
243
+ * @detail option
244
+ * @brief **清晰度选择**或**线路选择**时的**选择面板样式**,仅在移动端有效。
245
+ */
246
+ declare enum ListType {
247
+ /** {zh}
248
+ * @brief 全屏布局
249
+ * @hidden
250
+ */
251
+ Middle = "middle",
252
+ /** {zh}
253
+ * @brief 底部抽屉
254
+ */
255
+ Bottom = "bottom",
256
+ /** {zh}
257
+ * @brief 右侧抽屉,常用于全屏时展示
258
+ */
259
+ Fullscreen = "fullscreen",
260
+ /** {zh}
261
+ * @brief 窗口蒙层展示
262
+ */
263
+ Inner = "inner"
264
+ }
207
265
  interface ListItem {
208
266
  [key: string]: any;
209
267
  selected?: boolean;
@@ -234,7 +292,7 @@ type Config$0<T> = {
234
292
  // 【xg】是否展示已选择的
235
293
  isShowIcon?: boolean;
236
294
  // 【xg 扩展】列表渲染样式类型
237
- listType?: ListTypeOption;
295
+ listType?: ListType;
238
296
  // 已选择的展示类型(文案 or icon)
239
297
  renderType?: RenderType;
240
298
  // 列表数据只有一个是否展示
@@ -248,50 +306,743 @@ type Config$0<T> = {
248
306
  title?: string | Record<Lang, string>;
249
307
  };
250
308
  };
251
- declare enum Codec {
252
- H265 = "h265",
253
- H264 = "h264"
309
+ // 源自packages/xgplayer/src/plugins/common/optionsIcon.js
310
+ // 自定义了几种选择类型
311
+ declare class OptionsIcon extends Plugin {
312
+ icons: Record<string, any>;
313
+ config: Config$0<ListItem>;
314
+ optionsList?: MobilePanel | OptionList;
315
+ private _isIcon?;
316
+ private _isActive?;
317
+ private _curIndex;
318
+ private activeEvent?;
319
+ constructor(args: IPluginOptions);
320
+ static get pluginName(): string;
321
+ static get defaultConfig(): Config$0<ListItem>;
322
+ updateLang(): void;
323
+ afterCreate(): void;
324
+ initIcons(): void;
325
+ // eslint-disable-next-line @typescript-eslint/ban-ts-comment
326
+ // @ts-ignore
327
+ show(): void;
328
+ hide(): void;
329
+ onEnter: (e: Event) => void;
330
+ onLeave: (e: Event) => void;
331
+ // 状态切换
332
+ toggle(isActive: boolean): void;
333
+ // 列表选择回调
334
+ onItemClick(e: Event, data: CallbackData): void;
335
+ // 列表点击回调
336
+ onOptionClick(e: Event, _data: CallbackData): void;
337
+ // 已选择 option 的文案
338
+ changeCurrentText(): void;
339
+ renderItemList(itemList: ListItem[], curIndex?: number): void;
340
+ destroy(): void;
341
+ render(): string;
342
+ private _getListType;
254
343
  }
255
- declare enum Degradation {
256
- SoftFirst = "soft-first",
257
- H264First = "h264-first"
344
+ /**
345
+ * @detail error
346
+ */
347
+ declare enum Level {
348
+ /**
349
+ * @brief 严重
350
+ *
351
+ */
352
+ Fatal = "Fatal",
353
+ /**
354
+ * @brief 报错
355
+ */
356
+ Error = "Error"
258
357
  }
259
- declare enum DecodeType {
260
- Software = "software",
261
- Hardware = "hardware"
358
+ declare enum ErrorCode {
359
+ /**
360
+ * @brief 视频解析错误
361
+ * @solution 请联系[技术支持](https://console.volcengine.com/workorder/create?step=2&SubProductID=P00000076)。
362
+ */
363
+ MANIFEST_HLS_ERROR = 1100,
364
+ /**
365
+ * @brief 视频解析错误
366
+ * @solution 请联系[技术支持](https://console.volcengine.com/workorder/create?step=2&SubProductID=P00000076)。
367
+ */
368
+ MANIFEST_DASH_ERROR = 1200,
369
+ /**
370
+ * @brief 网络错误
371
+ * @solution 请检查当前网络环境或播放地址是否合法。
372
+ */
373
+ NETWORK = 2100,
374
+ /**
375
+ * @brief 网络请求超时
376
+ * @solution 请检查拉流地址是否合法。
377
+ */
378
+ NETWORK_TIMEOUT = 2101,
379
+ /**
380
+ * @brief 网络请求 403
381
+ * @solution 请检查拉流地址鉴权信息。
382
+ */
383
+ NETWORK_FORBIDDEN = 2103,
384
+ /**
385
+ * @brief 网络请求 404
386
+ * @solution 请检查拉流地址是否合法。
387
+ */
388
+ NETWORK_NOTFOUND = 2104,
389
+ /**
390
+ * @brief 网络请求 206
391
+ * @solution 请检查拉流地址是否合法。
392
+ */
393
+ NETWORK_RANGE_NOT_SATISFIABLE = 2116,
394
+ /**
395
+ * @brief 视频解析错误
396
+ * @solution 请检查拉流地址是否合法或联系[技术支持](https://console.volcengine.com/workorder/create?step=2&SubProductID=P00000076)。
397
+ */
398
+ DEMUX_FLV_ERROR = 3100,
399
+ /**
400
+ * @brief 视频解析错误
401
+ * @solution 请检查拉流地址是否合法或联系[技术支持](https://console.volcengine.com/workorder/create?step=2&SubProductID=P00000076)。
402
+ */
403
+ DEMUX_HLS_ERROR = 3200,
404
+ /**
405
+ * @brief 视频解析错误
406
+ * @solution 请检查拉流地址是否合法或联系[技术支持](https://console.volcengine.com/workorder/create?step=2&SubProductID=P00000076)。
407
+ *
408
+ */
409
+ DEMUX_MP4_ERROR = 3300,
410
+ /**
411
+ * @brief 视频解析错误
412
+ * @solution 请检查拉流地址是否合法或联系[技术支持](https://console.volcengine.com/workorder/create?step=2&SubProductID=P00000076)。
413
+ *
414
+ */
415
+ DEMUX_FMP4_ERROR = 3400,
416
+ /**
417
+ * @brief 视频解析错误
418
+ * @solution 请检查拉流地址是否合法或联系[技术支持](https://console.volcengine.com/workorder/create?step=2&SubProductID=P00000076)。
419
+ *
420
+ */
421
+ DEMUX_SIDX_ERROR = 3410,
422
+ /**
423
+ * @brief 视频解析错误
424
+ * @solution 请检查拉流地址是否合法或联系[技术支持](https://console.volcengine.com/workorder/create?step=2&SubProductID=P00000076)。
425
+ *
426
+ */
427
+ REMUX_FMP4_ERROR = 4100,
428
+ /**
429
+ * @brief 视频解析错误
430
+ * @solution 请检查拉流地址是否合法或联系[技术支持](https://console.volcengine.com/workorder/create?step=2&SubProductID=P00000076)。
431
+ *
432
+ */
433
+ REMUX_MP4_ERROR = 4200,
434
+ /**
435
+ * @brief 获取数据过程被中止
436
+ * @solution 请检查浏览器网络请求是否正常,再尝试重新拉流。
437
+ */
438
+ MEDIA_ERR_ABORTED = 5101,
439
+ /**
440
+ * @brief 网络发生错误,无法成功获取媒体文件
441
+ * @solution 请检查浏览器网络请求是否正常,再尝试重新拉流。
442
+ */
443
+ MEDIA_ERR_NETWORK = 5102,
444
+ /**
445
+ * @brief 浏览器在解码媒体资源时发生错误
446
+ * @solution
447
+ * 1. 请检查原始视频是否正常;
448
+ * 2. 重新进行转码和播放;
449
+ * 3. 如仍未解决请联系[技术支持](https://console.volcengine.com/workorder/create?step=2&SubProductID=P00000076)。
450
+ */
451
+ MEDIA_ERR_DECODE = 5103,
452
+ /**
453
+ * @brief 因视频格式不支持、服务器或网络的问题造成视频无法加载
454
+ * @solution
455
+ * 1. 检查浏览器视频数据请求是否正常;
456
+ * 2. 检查浏览器和页面环境是否支持要播放的视频格式;
457
+ * 3. 如仍未解决请联系[技术支持](https://console.volcengine.com/workorder/create?step=2&SubProductID=P00000076)。
458
+ */
459
+ MEDIA_ERR_SRC_NOT_SUPPORTED = 5104,
460
+ /**
461
+ * @brief 当前浏览器不支持视频解码
462
+ * @solution
463
+ * 1. 检查浏览器视频数据请求是否正常;
464
+ * 2. 检查浏览器和页面环境是否支持要播放的视频格式;
465
+ * 3. 如仍未解决请联系[技术支持](https://console.volcengine.com/workorder/create?step=2&SubProductID=P00000076)。
466
+ */
467
+ MEDIA_ERR_CODEC_NOT_SUPPORTED = 5105,
468
+ /**
469
+ * @brief 当前播放地址为空
470
+ * @solution 请检查必要参数 `url` 或 `playlist` 是否传入。
471
+ */
472
+ MEDIA_ERR_URL_EMPTY = 5106,
473
+ /**
474
+ * @brief 播放异常
475
+ * @solution 请检查播放源或联系[技术支持](https://console.volcengine.com/workorder/create?step=2&SubProductID=P00000076)。
476
+ */
477
+ MEDIA_MSE_ADD_SB = 5200,
478
+ /**
479
+ * @brief 播放异常
480
+ * @solution 请检查播放源或联系[技术支持](https://console.volcengine.com/workorder/create?step=2&SubProductID=P00000076)。
481
+ */
482
+ MEDIA_MSE_APPEND_BUFFER = 5201,
483
+ /**
484
+ * @brief 播放异常
485
+ * @solution 请检查播放源或联系[技术支持](https://console.volcengine.com/workorder/create?step=2&SubProductID=P00000076)。
486
+ */
487
+ MEDIA_MSE_OTHER = 5202,
488
+ /**
489
+ * @brief 播放异常
490
+ * @solution 请检查播放源或联系[技术支持](https://console.volcengine.com/workorder/create?step=2&SubProductID=P00000076)。
491
+ */
492
+ MEDIA_MSE_FULL = 5203,
493
+ /**
494
+ * @brief 播放异常
495
+ * @solution 请检查播放源或联系[技术支持](https://console.volcengine.com/workorder/create?step=2&SubProductID=P00000076)。
496
+ */
497
+ MEDIA_MSE_HIJACK = 5204,
498
+ /**
499
+ * @brief 播放异常
500
+ * @solution 请检查播放源或联系[技术支持](https://console.volcengine.com/workorder/create?step=2&SubProductID=P00000076)。
501
+ */
502
+ MEDIA_EME_HIJACK = 5301,
503
+ /**
504
+ * @brief DRM 权限校验失败
505
+ * @hidden
506
+ */
507
+ DRM_LICENSE = 7100,
508
+ /**
509
+ * @brief DRM 权限校验失败
510
+ * @hidden
511
+ */
512
+ DRM_CUSTOM_LICENSE = 7200,
513
+ /**
514
+ * @brief 播放异常
515
+ * @solution 请检查播放源或联系[技术支持](https://console.volcengine.com/workorder/create?step=2&SubProductID=P00000076)。
516
+ */
517
+ OTHER = 8000,
518
+ /**
519
+ * @brief 播放异常
520
+ * @solution 请检查播放源或联系[技术支持](https://console.volcengine.com/workorder/create?step=2&SubProductID=P00000076)。
521
+ */
522
+ RUNTIME_NO_CANPLAY_ERROR = 9001,
523
+ /**
524
+ * @brief 播放异常
525
+ * @solution 请检查播放源或联系[技术支持](https://console.volcengine.com/workorder/create?step=2&SubProductID=P00000076)。
526
+ */
527
+ RUNTIME_BUFFERBREAK_ERROR = 9002,
528
+ /**
529
+ * @brief 播放异常
530
+ * @solution 请检查播放源或联系[技术支持](https://console.volcengine.com/workorder/create?step=2&SubProductID=P00000076)。
531
+ */
532
+ RUNTIME_BWAITING_TIMEOUT_ERROR = 9002,
533
+ // veplayer 报错
534
+ /**
535
+ * @brief CDN 异步获取失败
536
+ * @solution 请刷新重试或者检查网络环境。
537
+ *
538
+ */
539
+ MODULE_LOAD_ERROR = 110,
540
+ /**
541
+ * @hidden
542
+ */
543
+ UNKNOWN = "UNKNOWN"
262
544
  }
263
- type PrepareResult = {
264
- options?: Partial<VePlayerBaseOptions>;
265
- plugins?: any[];
545
+ declare enum ErrorType {
546
+ MANIFEST = "manifest",
547
+ NETWORK = "network",
548
+ DEMUX = "demux",
549
+ REMUX = "remux",
550
+ MEDIA = "media",
551
+ DRM = "drm",
552
+ OTHER = "other",
553
+ RUNTIME = "runtime"
554
+ }
555
+ interface ErrorInfo<T = TextKey> {
556
+ errorCode?: ErrorCode;
557
+ message?: string;
558
+ messageTextKey?: T;
559
+ level?: Level;
560
+ // eslint-disable-next-line @typescript-eslint/no-explicit-any
561
+ ext?: any;
562
+ error?: Error;
563
+ }
564
+ /**
565
+ * @detail error
566
+ * @name 错误对象
567
+ * @id 错误对象
568
+ */
569
+ declare class VeError<T extends string = TextKey> extends Error {
570
+ /**
571
+ * @brief 错误码,对应[错误码字典](#错误码)。
572
+ */
573
+ readonly errorCode: ErrorCode;
574
+ /**
575
+ * @brief 错误等级。
576
+ */
577
+ readonly level?: Level;
578
+ /**
579
+ * @brief 错误信息。
580
+ */
581
+ message: string;
582
+ /**
583
+ * @brief 其他错误信息。
584
+ */
585
+ readonly ext?: any;
586
+ /**
587
+ * @hidden
588
+ * @param error
589
+ * @param i18n
590
+ */
591
+ constructor(error?: string | ErrorInfo<T>, i18n?: VeI18n<T>);
592
+ }
593
+ /**
594
+ * @list option
595
+ * @kind property
596
+ */
597
+ type ErrorConfig = {
598
+ /** {zh}
599
+ * @brief 是否展示报错图片。
600
+ * @default true
601
+ */
602
+ showErrorImg?: boolean;
603
+ /** {zh}
604
+ * @brief 是否展示报错提示。
605
+ * @default true
606
+ */
607
+ showErrorTip?: boolean;
608
+ /** {zh}
609
+ * @brief 是否展示刷新按钮。
610
+ * @default true
611
+ */
612
+ showRefresh?: boolean;
613
+ /** {zh}
614
+ * @brief 自定义报错显示。
615
+ * @default 无
616
+ */
617
+ errorTipsText?: string | Record<Lang, string>;
618
+ /** {zh}
619
+ * @brief 更多提示信息。
620
+ * @default 无
621
+ */
622
+ extraTips?: {
623
+ label: string | Record<Lang, string>;
624
+ value: string | Record<Lang, string>;
625
+ }[];
266
626
  };
267
- type PreparePlugins = (url: string) => Promise<PrepareResult> | undefined;
268
- type Constructor<T> = new (...args: any[]) => T;
627
+ declare class Error extends Plugin {
628
+ player: Player$0;
629
+ icons: {
630
+ error: HTMLElement;
631
+ };
632
+ langText: {
633
+ refresh: string;
634
+ errorTip: string;
635
+ };
636
+ config: ErrorConfig;
637
+ private _error?;
638
+ static get pluginName(): string;
639
+ static get defaultConfig(): {
640
+ showErrorImg: boolean;
641
+ showErrorTip: boolean;
642
+ showRefresh: boolean;
643
+ errorTipsText: string;
644
+ extraTips: never[];
645
+ position: string;
646
+ };
647
+ get _errorTip(): string;
648
+ afterCreate(): void;
649
+ registerIcons(): {
650
+ error: {
651
+ icon: any;
652
+ class: string;
653
+ };
654
+ };
655
+ updateLang(): void;
656
+ showError(error: VeError | XGError): void;
657
+ hideError(): void;
658
+ destroy(): void;
659
+ render(): string;
660
+ private _focus;
661
+ private _initIcons;
662
+ private _initEvents;
663
+ private _renderText;
664
+ private _renderExtraTips;
665
+ private _handleRefresh;
666
+ private _renderRefresh;
667
+ }
668
+ /**
669
+ * @list option
670
+ * @kind property
671
+ */
672
+ interface DefinitionConfig {
673
+ /** {zh}
674
+ * @brief 等待超时的时间阈值,单位为 ms。等待超过该值,会抛出 `DEFINITION_FALLBACK` 事件,如果 `needFallback` 为 `true` 则会提示清晰度降级。
675
+ * @default 5000
676
+ */
677
+ longWaitingTime?: number;
678
+ /** {zh}
679
+ * @brief 是否开启清晰度降级。
680
+ * @default false
681
+ */
682
+ needFallback?: boolean;
683
+ /** {zh}
684
+ * @brief 降级顺序,按照数组顺序依次降级,数组中的元素与 playlist 中的 definition 相对应。
685
+ * @default "['uhd', 'hd', 'sd', 'ld', 'ao']"
686
+ */
687
+ demotePriority?: string[];
688
+ }
269
689
  interface VePlayerBaseOptions extends Omit<PlayerOptions, "autoplay" | "i18n"> {
270
- url?: string;
690
+ /** {zh}
691
+ * @brief 指定播放器容器 ID,VePlayer 将被插入在该容器中。id 和 el 需至少传入 1 个。如果同时传入,则优先将播放器插入 id 容器中。
692
+ * @default 'veplayer'
693
+ */
271
694
  id?: string;
695
+ /** {zh}
696
+ * @brief 指定播放器容器元素,VePlayer 将被插入在该容器中。id 和 el 需至少传入 1 个。如果同时传入,则优先将播放器插入 id 容器中。
697
+ * @default 无
698
+ */
272
699
  el?: HTMLElement;
273
- codec?: Codec;
700
+ /** {zh}
701
+ * @brief 设置播放器宽度,传入 number 类型参数则播放器内部默认添加单位px,传入 string 类型参数则直接赋值给播放器容器 width 样式属性。
702
+ * @default '100%'
703
+ */
704
+ width?: number | string;
705
+ /** {zh}
706
+ * @brief 设置播放器高度,传入 number 类型参数则播放器内部默认添加单位px,传入 string 类型参数则直接赋值给播放器容器 height 样式属性。
707
+ * @default '100%'
708
+ */
709
+ height?: number | string;
710
+ /** {zh}
711
+ * @brief 为播放器配置直播拉流地址。您可手动拼接或使用地址生成器生成拉流地址,生成方法请参见[生成直播地址](https://www.volcengine.com/docs/6469/107759)。url 和 playList 需至少传入 1 个。
712
+ * @default 无
713
+ */
714
+ url?: string;
715
+ /** {zh}
716
+ * @brief 为播放器配置直播拉流地址列表。url 和 playlist 需至少传入 1 个。
717
+ * @default 无
718
+ */
719
+ playlist?: ExposedSource[];
720
+ /** {zh}
721
+ * @brief 当存在多个直播线路时,为播放器设置默认直播线路,不传则默认列表第一个。
722
+ * @default 无
723
+ */
724
+ defaultSource?: string;
725
+ /** {zh}
726
+ * @brief 为播放器设置默认直播清晰度,不传则默认列表第一个。
727
+ * @default 无
728
+ */
729
+ defaultDefinition?: string;
730
+ /** {zh}
731
+ * @brief 为播放器设置备路拉流地址,支持设置多个备路拉流地址,在 `maxFallbackRound` 大于 `0` 时有效。当您使用配置的直播拉流地址拉流失败时,会在直播地址和备路直播地址之间循环拉流,直到拉流成功。
732
+ * @default 无
733
+ */
274
734
  fallbackUrls?: string[];
735
+ /** {zh}
736
+ * @brief 为播放器设置拉流失败时循环拉流的最大次数。
737
+ * @default 0
738
+ */
275
739
  maxFallbackRound?: number;
276
- degradation?: Degradation | boolean;
740
+ /** {zh}
741
+ * @brief 为播放器设置解码方式。
742
+ * @listtip
743
+ * 开启软解后,播放器会使用浏览器的软件解码器来解码视频流。软解模式具有较高的兼容性,适用于各种设备和浏览器,但依赖设备 CPU,在高分辨率或高码率视频播放时会出现卡顿或延迟。建议在以下场景开启软解:
744
+ * 1. 部分安卓浏览器中播放器被劫持,部分功能将不可见,可开启软解;
745
+ * 2. 移动端浏览器不支持 flv 格式,如果需要播放该格式的视频,可开启软解;
746
+ * 3. 部分浏览器不支持 H.265 编码格式,如果需要播放该编码格式的视频,请开启软解。
747
+ * @default 'hardware'
748
+ */
277
749
  decodeType?: DecodeType;
750
+ /** {zh}
751
+ * @brief 为播放器设置视频的实际编码格式。如果您在degradation 设置了 `soft-first` 属性(即硬解不支持时降级软解),建议您传入该参数,省去探测实际编码格式的操作。
752
+ * @default 'h264'
753
+ */
754
+ codec?: Codec;
755
+ /** {zh}
756
+ * @brief 为播放器设置是否开启 H.265 兼容模式。在 H.265 兼容模式下,播放器会优先使用硬解来解码 H.265 直播流。如果设备或浏览器不支持 H.265 硬解,则自动降级为 H.265 软解。
757
+ * @default 'soft-first'
758
+ */
759
+ degradation?: Degradation | boolean;
760
+ /** {zh}
761
+ * @brief 为播放器设置封面图 URL。
762
+ * @default 无
763
+ */
278
764
  poster?: string;
279
- defaultSource?: string;
280
- defaultDefinition?: string;
281
- preparePlugins?: PreparePlugins;
765
+ /** {zh}
766
+ * @brief 为播放器设置初始显示语言,语言包不存在的情况下默认显示 'en' 语言包 。默认值为 `document.documentElement.getAttribute('lang') || navigator.language || 'zh-cn'`
767
+ * @default -
768
+ */
769
+ lang?: Lang;
770
+ /** {zh}
771
+ * @brief 为播放器设置自定义的多语言词典,可设置每个语种的词典,格式为 { texts: { [key: string]: Object; } }。<br>
772
+ * 例如,{ texts: { 'zh-cn': { PIP: '画中画' }, en: { PIP: 'pip' } }} ,格式请参考[默认词典](https://www.volcengine.com/docs/6469/127529)。
773
+ * @default 无
774
+ */
775
+ i18n?: {
776
+ texts: Record<Lang, Record<string, string>>;
777
+ };
778
+ /** {zh}
779
+ * @brief 为播放器设置是否自动播放, `muted` 设置为 `true` 为静音自动播放。
780
+ * @default { muted: true }
781
+ * @type {{ muted: boolean } | boolean}
782
+ */
282
783
  autoplay?: {
283
- muted: boolean;
784
+ muted?: boolean;
284
785
  } | boolean;
285
- playlist?: ExposedSource[];
286
- listType?: ListTypeOption;
287
- flv?: Partial<FlvOption>;
288
- hls?: Partial<HlsOption> & {
289
- enableMSE?: boolean;
786
+ /** {zh}
787
+ * @brief 为播放器设置默认音量,取值范围 [0,1]。
788
+ * @default 0.6
789
+ */
790
+ volume?: number;
791
+ /** {zh}
792
+ * @brief 为播放器设置是否显示画中画功能按钮。
793
+ * - `true`:显示;
794
+ * - `false`:不显示。
795
+ * @default false
796
+ */
797
+ pip?: boolean;
798
+ /**{zh}
799
+ * @brief 为播放器设置是否显示全屏功能按钮,并进行全屏功能设置。
800
+ * - `true`:显示;
801
+ * - `false`:不显示。
802
+ * @default -
803
+ */
804
+ fullscreen?: boolean | Fullscreen;
805
+ /** {zh}
806
+ * @brief 为播放器设置报错信息,支持配置播放异常时,播放器显示的异常文案、图片,以及是否提供刷新按钮等。
807
+ * @default -
808
+ */
809
+ error?: ErrorConfig;
810
+ /** {zh}
811
+ * @brief 为播放器设置清晰度的相关配置。
812
+ * @default -
813
+ */
814
+ definition?: DefinitionConfig;
815
+ /** {zh}
816
+ * @brief 为播放器设置是否显示控制栏。
817
+ * - `true`: 显示;
818
+ * - `false`: 不显示
819
+ * @default true
820
+ */
821
+ controls?: boolean | {
822
+ [propName: string]: any;
290
823
  };
291
- i18n?: {
292
- texts: Record<Lang, Record<string, string>>;
824
+ /** {zh}
825
+ * @brief 为播放器设置**清晰度选择**或**线路选择**时的**选择面板样式**,仅在移动端有效。
826
+ * @default 'bottom'
827
+ */
828
+ listType?: ListType;
829
+ /** {zh}
830
+ * @brief 为播放器设置是否启用内联播放模式。playsinline 属性是 HTML5 视频标签的一个属性,用于指定视频是否应在页面文档内播放。
831
+ * - `true`:启用,表示视频将在页面文档内播放;
832
+ * - `false`:停用,默认浏览器播放行为。
833
+ * 该配置项只在移动端生效,当取值为 true 的时候,会在初始化 video 或 audio 对象的时候,将 playsinline、webkit-playsinline、x5-playsinline 三个属性设置为 true,请参考 [New Policies for iOS](https://webkit.org/blog/6784/new-video-policies-for-ios/) 了解内联模式相关知识。
834
+ * @listtip
835
+ * iOS 10 及以上系统 Safari 浏览器支持配置内联播放模式;</br>
836
+ * iOS 10 以下系统 Safari 浏览器不支持配置内联播放模式 ,默认播放即进入系统全屏。
837
+ * @default true
838
+ */
839
+ playsinline?: boolean;
840
+ /** {zh}
841
+ * @brief 为播放器设置 video 标签扩展属性,初始化时会设置在 videoElement 或 audioElement 对象上,请参考 [HTMLMediaElement](https://developer.mozilla.org/en-US/docs/Web/API/HTMLMediaElement#properties) 查看其支持的属性配置。
842
+ * @default 无
843
+ */
844
+ videoAttributes?: {
845
+ [propName: string]: any;
293
846
  };
847
+ /** {zh}
848
+ * @brief 为播放器设置是否启用流式布局,启用流式布局后播放器会根据屏幕的宽度进行调整,保持在不同屏幕尺寸上都有良好的显示效果。
849
+ * - `true`:启用
850
+ * - `false`:停用
851
+ * @listtip
852
+ * 启用流式布局时:
853
+ * 如果 `width` 和 `height` 是 `Number` 类型,则按照其数值计算播放器宽高比;
854
+ * 如果 `width` 和 `height` 不是 `Number` 类型,默认使用 16:9 比例。
855
+ * @default false
856
+ */
857
+ fluid?: boolean;
858
+ /** {zh}
859
+ * @brief 为播放器设置尺寸适配方式,在视频资源初始化之后,根据获取到的 videoWidth 和 videoHeight 值对播放器容器宽高比例进行调整,可选项有:
860
+ * - `fixed`: 保持容器宽/高,不做适配;
861
+ * - `fixWidth`: 保持容器宽度,适配高度;
862
+ * - `fixHeight`: 保持容器高度,适配宽度。
863
+ *
864
+ * @default 'fixed'
865
+ */
866
+ fitVideoSize?: "fixWidth" | "fixHeight" | "fixed";
867
+ /** {zh}
868
+ * @brief 为播放器设置视频画面填充模式,可选项有:
869
+ * - `fillwidth`: 填充宽度,高度溢出则裁剪高度;
870
+ * - `fillHeight`: 填充高度,宽度溢出则裁剪宽度;
871
+ * - `fill`: 拉伸视频以填充容器;
872
+ * - `cover`: 保持其宽高比的同时填充元素的整个内容框;
873
+ * - `auto`: 使用浏览器默认的视频画面填充模式。
874
+ * @default 'auto'
875
+ */
876
+ videoFillMode?: "auto" | "fillHeight" | "fillWidth" | "fill" | "cover";
877
+ /** {zh}
878
+ * @brief 是否开启画面和控制栏分离模式。设置为开启时,控制栏将会常驻,与视频画面不重叠。
879
+ * - `true`:开启
880
+ * - `false`:关闭
881
+ * @default false
882
+ */
883
+ marginControls?: boolean;
884
+ /** {zh}
885
+ * @brief 启用微信同层播放。
886
+ * @default 无
887
+ */
888
+ "x5-video-player-type"?: string;
889
+ /** {zh}
890
+ * @brief 是否启用微信全屏播放模式。
891
+ * - `true`:启用
892
+ * - `false`:停用
893
+ * @default 无
894
+ */
895
+ "x5-video-player-fullscreen"?: boolean;
896
+ /** {zh}
897
+ * @brief 微信横竖屏控制,支持如下取值:
898
+ * - `landscape`:横屏
899
+ * - `portrait`:竖屏
900
+ * - `landscape|portrait`:跟随手机自动旋转
901
+ * @default 无
902
+ */
903
+ "x5-video-orientation"?: "landscape" | "portrait" | "landscape|portrait";
904
+ /** {zh}
905
+ * @brief 为播放器配置关键点样式。
906
+ * @default 无
907
+ * @hidden 直播目前没用到
908
+ */
909
+ commonStyle?: CommonStyle;
910
+ /** {zh}
911
+ * @brief 自定义插件列表。
912
+ * @default 无
913
+ */
914
+ // eslint-disable-next-line @typescript-eslint/no-explicit-any
915
+ plugins?: any[];
916
+ /** {zh}
917
+ * @hidden
918
+ */
919
+ preparePlugins?: PreparePlugins;
920
+ }
921
+ /**
922
+ * @list option
923
+ * @kind property
924
+ */
925
+ interface Fullscreen {
926
+ /** {zh}
927
+ * @brief 切换全屏时,是否旋转为横屏播放,通常在移动端使用。如果开启横屏播放,切换全屏时,将在竖屏状态下把播放器旋转 90 度,实现横屏效果。该配置优先级高于 useCssFullscreen。
928
+ * `true`:使用旋转横屏;
929
+ * `false`:不使用旋转横屏。
930
+ * @default false
931
+ */
932
+ rotateFullscreen?: boolean;
933
+ /** {zh}
934
+ * @brief 是否使用页面全屏代替系统全屏功能。
935
+ * `true`:页面全屏;
936
+ * `false`:系统全屏。
937
+ * @default false
938
+ */
939
+ useCssFullscreen?: boolean;
940
+ /**{zh}
941
+ * 全屏的时候是否显示右上角返回按钮,通常在移动端开启。
942
+ * `true`:显示;
943
+ * `false`:不显示。
944
+ * @default false
945
+ */
946
+ needBackIcon?: boolean;
294
947
  }
948
+ /**
949
+ * @list option
950
+ * @kind property
951
+ * @hidden
952
+ */
953
+ interface CommonStyle {
954
+ /** {zh}
955
+ * @brief 进度条底色
956
+ * @default 无
957
+ */
958
+ progressColor?: string;
959
+ /** {zh}
960
+ * @brief 播放完成部分进度条底色
961
+ * @default 无
962
+ */
963
+ playedColor?: string;
964
+ /** {zh}
965
+ * @brief 缓存部分进度条底色
966
+ * @default 无
967
+ */
968
+ cachedColor?: string;
969
+ /** {zh}
970
+ * @brief 进度条滑块样式
971
+ * @default 无
972
+ */
973
+ sliderBtnStyle?: {
974
+ // eslint-disable-next-line @typescript-eslint/no-explicit-any
975
+ [propName: string]: any;
976
+ };
977
+ /** {zh}
978
+ * @brief 音量颜色
979
+ * @default 无
980
+ */
981
+ volumeColor?: string;
982
+ }
983
+ type PrepareResult = {
984
+ options?: Partial<VePlayerBaseOptions>;
985
+ // eslint-disable-next-line @typescript-eslint/no-explicit-any
986
+ plugins?: any[];
987
+ };
988
+ type PreparePlugins = (url: string) => Promise<PrepareResult> | undefined;
989
+ /**
990
+ * @detail option
991
+ * @brief 视频的实际编码格式。如果您在degradation 设置了 SoftFirst 属性(即硬解不支持降级软解),建议您传入该参数,省去探测实际编码格式的操作。
992
+ */
993
+ declare enum Codec {
994
+ /** {zh}
995
+ * @brief h265 编码格式
996
+ */
997
+ H265 = "h265",
998
+ /** {zh}
999
+ * @brief h264 编码格式
1000
+ */
1001
+ H264 = "h264"
1002
+ }
1003
+ /**
1004
+ * @detail option
1005
+ * @brief 是否开启 H.265 兼容模式。在 H.265 兼容模式下,播放器会优先使用硬解来解码 H.265 直播流。如果设备或浏览器不支持 H.265 硬解,则自动降级为 H.265 软解。
1006
+ */
1007
+ declare enum Degradation {
1008
+ /** {zh}
1009
+ * @brief 硬解不支持降级到软解
1010
+ */
1011
+ SoftFirst = "soft-first",
1012
+ /** {zh}
1013
+ * @brief 硬解不支持降级到h264
1014
+ * @hidden
1015
+ */
1016
+ H264First = "h264-first"
1017
+ }
1018
+ /**
1019
+ * @detail option
1020
+ * @brief 解码方式。
1021
+ * @example
1022
+ * ```js
1023
+ * VePlayer.createLivePlayer({
1024
+ * height: 360,
1025
+ * url: options.url,
1026
+ * }).then(function (veplayer) {
1027
+ * veplayer.on(VePlayer.live.Events.CANPLAY, function () {
1028
+ * console.log('监听到 canplay 事件')
1029
+ * });
1030
+ * }).catch(error => {
1031
+ * console.log('创建播放器失败,报错信息:', error);
1032
+ * });;
1033
+ * ```
1034
+ */
1035
+ declare enum DecodeType {
1036
+ /** {zh}
1037
+ * @brief 软解
1038
+ */
1039
+ Software = "software",
1040
+ /** {zh}
1041
+ * @brief 硬解
1042
+ */
1043
+ Hardware = "hardware"
1044
+ }
1045
+ type Constructor<T> = new (...args: any[]) => T;
295
1046
  declare class VePlayerBase {
296
1047
  protected readonly _player: XGPlayer;
297
1048
  private readonly _sourceManager;
@@ -300,83 +1051,315 @@ declare class VePlayerBase {
300
1051
  private _i18nManager;
301
1052
  private _events;
302
1053
  private _errorCallback;
1054
+ /**
1055
+ * @hidden
1056
+ */
303
1057
  constructor(options?: VePlayerBaseOptions);
1058
+ /**
1059
+ * @brief 获取视频的就绪状态,其状态枚举值、枚举名称和说明如下:
1060
+ * - `0`:HAVE_NOTHING,没有关于媒体资源的可用信息
1061
+ * - `1`:HAVE_METADATA,已检索到足够多的媒体资源来初始化元数据, 快进/快退不会引发异常
1062
+ * - `2`:HAVE_CURRENT_DATA,当前播放位置的数据可用,但不足以播放下一帧
1063
+ * - `3`:HAVE_FUTURE_DATA,当前播放位置以及未来至少一小段时间的数据是可用的(至少有两帧以上的数据)
1064
+ * - `4`:HAVE_ENOUGH_DATA,有足够的数据可用,并且下载速率足够,媒体可以不间断地播放到最后
1065
+ */
304
1066
  get readyState(): 0 | 2 | 1 | 4 | 3;
1067
+ /**
1068
+ * @brief 获取当前已缓冲的时间范围。
1069
+ */
305
1070
  get buffered(): TimeRanges;
1071
+ /**
1072
+ * @brief 获取已经播放的音频/视频的时间范围。
1073
+ */
306
1074
  get played(): TimeRanges;
1075
+ /**
1076
+ * @brief 设置/获取视频当前的播放时间, 单位为 s。
1077
+ */
307
1078
  get cumulateTime(): number;
1079
+ /**
1080
+ * @brief 获取是否处于焦点状态,处于焦点状态会显示控制栏。
1081
+ */
308
1082
  get isFocused(): boolean;
1083
+ /**
1084
+ * @brief 获取播放器是否处于全屏状态。
1085
+ */
309
1086
  get isFullscreen(): boolean;
1087
+ /**
1088
+ * @brief 获取播放器是否处于网页全屏状态。
1089
+ */
310
1090
  get isCssFullscreen(): boolean;
1091
+ /**
1092
+ * @brief 获取视频的网络状态,其状态枚举值、枚举名称和说明如下:
1093
+ * - `0`:NETWORK_EMPTY,目前还没有数据,readyState 的值是 HAVE_NOTHING
1094
+ * - `1`:NETWORK_IDLE,HTMLMediaElement 处于活动状态并已选择资源,但未使用网络
1095
+ * - `2`:NETWORK_LOADING,浏览器正在下载 HTMLMediaElement 数据
1096
+ * - `3`:NETWORK_NO_SOURCE,未找到 HTMLMediaElement src。
1097
+ */
311
1098
  get networkState(): 0 | 2 | 1 | 3;
1099
+ /**
1100
+ * @brief 获取当前视频是否处于暂停状态。
1101
+ */
312
1102
  get paused(): boolean;
1103
+ /**
1104
+ * @brief 获取当前视频是否播放结束。
1105
+ */
313
1106
  get ended(): boolean;
1107
+ /**
1108
+ * @brief 获取播放器当前所处的状态,其状态枚举值、枚举名称和说明如下:
1109
+ * - `0`:ERROR,播放出现错误
1110
+ * - `1`:INITIAL,初始化
1111
+ * - `2`:READY,配置/事件/插件等均已经初始化/绑定/实例化完成
1112
+ * - `3`:ATTACHING,进入媒体对象挂载阶段
1113
+ * - `4`:ATTACHED,媒体对象已经挂载到了 DOM 中
1114
+ * - `5`:NOTALLOW,播放被阻止
1115
+ * - `6`:RUNNING,已经成功起播进入播放流程
1116
+ * - `7`:ENDED,播放结束
1117
+ * - `8`:DESTROYED,播放器实例处于已被销毁
1118
+ */
314
1119
  get state(): number;
315
- get url(): any;
1120
+ /**
1121
+ * 获取当前播放视频的拉流地址。
1122
+ */
1123
+ get url(): string | undefined;
1124
+ /**
1125
+ * @brief 获取当播放视频的线路名称唯一标识(name)。
1126
+ */
316
1127
  get source(): string | undefined;
1128
+ /**
1129
+ * @brief 获取当前播放视频的清晰度唯一标识(definition)。
1130
+ */
317
1131
  get definition(): string;
1132
+ /**
1133
+ * @brief 获取和设置播放器的跨域配置信息,更多信息参考 [crossorigin](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/crossorigin) 属性介绍。
1134
+ */
318
1135
  get crossOrigin(): string;
1136
+ /**
1137
+ * @brief 获取和设置播放器的跨域配置信息,更多信息参考 [crossorigin](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/crossorigin) 属性介绍。
1138
+ */
319
1139
  set crossOrigin(crossOrigin: string);
1140
+ /**
1141
+ * @brief 获取和设置视频的音量,取值范围为 [0,1]。
1142
+ */
320
1143
  // eslint-disable-next-line @typescript-eslint/member-ordering
321
1144
  get volume(): number;
1145
+ /**
1146
+ * @brief 获取和设置视频的音量,取值范围为 [0,1]。
1147
+ */
322
1148
  set volume(volume: number);
1149
+ /**
1150
+ * @brief 获取和设置视频静音状态。
1151
+ * - `true`:静音
1152
+ * - `false`:非静音
1153
+ */
323
1154
  // eslint-disable-next-line @typescript-eslint/member-ordering
324
1155
  get muted(): boolean;
1156
+ /**
1157
+ * @brief 获取和设置视频静音状态。
1158
+ * - `true`:静音
1159
+ * - `false`:非静音
1160
+ */
325
1161
  set muted(isMuted: boolean);
1162
+ /**
1163
+ * @brief 获取和设置当前语言。
1164
+ */
326
1165
  // eslint-disable-next-line @typescript-eslint/member-ordering
327
- get lang(): Lang;
328
- set lang(lang: Lang);
1166
+ get lang(): "zh-cn" | "en" | string;
1167
+ /**
1168
+ * @brief 获取和设置当前语言。
1169
+ */
1170
+ set lang(lang: "zh-cn" | "en" | string);
329
1171
  // eslint-disable-next-line @typescript-eslint/member-ordering
330
1172
  protected get _src(): string;
1173
+ /**
1174
+ * @hidden
1175
+ */
331
1176
  static create<T extends VePlayerBase>(options?: VePlayerBaseOptions, Constructor?: Constructor<T>): Promise<T>;
1177
+ /**
1178
+ * @brief 调用此方法切换拉流地址、线路、清晰度。
1179
+ * @param target 目标地址,可以是播放地址,也可以是线路和清晰度
1180
+ * @param options 更多配置信息
1181
+ */
332
1182
  switch(target: string | {
1183
+ /**
1184
+ * @brief 清晰度的唯一标识。
1185
+ * @default 无
1186
+ */
333
1187
  definition?: string;
1188
+ /**
1189
+ * @brief 线路的唯一标识。
1190
+ * @default 无
1191
+ */
334
1192
  source?: string;
335
1193
  }, options?: {
1194
+ /**
1195
+ * @brief 清晰度 definition 配置无效时,是否降级到播放列表第一个清晰度地址。
1196
+ * @default false
1197
+ *
1198
+ */
336
1199
  fallbackToFirstDefinition?: boolean;
337
- }): Promise<Definition>;
1200
+ }): Promise<ExposedDefinition>;
1201
+ /**
1202
+ * @brief 调用此方法更新拉流地址列表。
1203
+ * @param playlist 要更新的播放列表。
1204
+ * @param target 更新后默认播放的资源。
1205
+ */
338
1206
  updatePlaylist(playlist: ExposedSource[] | string, target?: string | {
1207
+ /**
1208
+ * @brief 清晰度唯一标识。
1209
+ * @default 无
1210
+ *
1211
+ */
339
1212
  definition?: string;
1213
+ /**
1214
+ * @brief 线路的唯一标识。
1215
+ * @default 无
1216
+ *
1217
+ */
340
1218
  source?: string;
341
1219
  }): Promise<void>;
342
1220
  // TODO: 等西瓜播放器完善错误码后增加函数重载以提供更好的类型
343
- once(event: string, callback: (data?: any) => any, ...args: any[]): void;
344
- off(event: string, callback: (data?: any) => any, ...args: any[]): void;
345
- emit(event: string, data?: any, ...args: any[]): void;
1221
+ /**
1222
+ * @brief 调用此方法监听指定事件,事件处理函数只执行一次。
1223
+ * @param event 表示事件的名称。
1224
+ * @param callback 表示事件的名称。
1225
+ */
1226
+ once(event: string, callback: (data?: any) => any): void;
1227
+ /**
1228
+ * @brief 调用此方法解绑或移除指定事件的事件监听。
1229
+ * @param event 表示事件的名称。
1230
+ * @param callback 表示事件的名称。
1231
+ */
1232
+ off(event: string, callback: (data?: any) => any): void;
1233
+ /**
1234
+ * @brief 调用此方法触发指定事件。
1235
+ * @param event 表示事件的名称。
1236
+ * @param data 事件信息。
1237
+ */
1238
+ emit(event: string, data?: any): void;
1239
+ /**
1240
+ * @brief 调用此方法解绑或移除指定事件的所有事件监听。
1241
+ */
346
1242
  offAll(): void;
347
- on(event: string, callback: (data?: any) => any, ...args: any[]): void;
1243
+ /**
1244
+ * @brief 调用此方法监听指定事件。
1245
+ * @param event 事件。
1246
+ * @param callback 事件回调。
1247
+ */
1248
+ on(event: string, callback: (data?: any) => any): void;
1249
+ /**
1250
+ * @brief 调用此方法开始播放 。
1251
+ */
348
1252
  play(): any;
1253
+ /**
1254
+ * @brief 调用此方法暂停播放。
1255
+ */
349
1256
  pause(): void;
1257
+ /**
1258
+ * @brief 调用此方法打开画中画。
1259
+ */
350
1260
  requestPIP(): void;
1261
+ /**
1262
+ * @brief 调用此方法关闭画中画。
1263
+ */
351
1264
  exitPIP(): void;
1265
+ /**
1266
+ * @brief 调用此方法重新拉流。
1267
+ */
352
1268
  retry(): void;
1269
+ /**
1270
+ * @brief 播放器获取焦点,调用该方法 `veplayer.isFocused` 将会变为 `true`,并触发 `PLAYER_FOCUS` 事件。
1271
+ * @param data 播放器获取焦点配置信息。
1272
+ */
353
1273
  focus(data?: {
1274
+ /**
1275
+ * @brief 是否需要自动失焦,默认为 true,即经过 delay 时长之后,会自动调用 blur() 进行失焦。
1276
+ * @default true
1277
+ */
354
1278
  autoHide?: boolean;
1279
+ /**
1280
+ * @brief 自动失焦延迟时长,单位ms,autoHide 为 true 时生效。
1281
+ * @default 3000
1282
+ */
355
1283
  delay?: number;
356
1284
  }): void;
1285
+ /**
1286
+ * @brief 播放器失去焦点,调用该方法 `veplayer.isFocused` 将会变为 `false`,并触发 `PLAYER_BLUR` 事件。
1287
+ * @param data 播放器失去焦点配置信息。
1288
+ */
357
1289
  blur(data?: {
1290
+ /**
1291
+ * @brief 播放器失焦是否忽略暂停状态,默认值是 true,即默认暂停的时候不取消播放器焦点状态。
1292
+ * @default false
1293
+ */
358
1294
  ignorePaused?: boolean;
359
1295
  }): void;
360
- getFullscreen(el?: HTMLElement): Promise<void>;
1296
+ /**
1297
+ * @brief 调用此方法进入系统全屏状态。如果该方法调用的时候处于网页全屏状态会自动退出网页全屏,下发事件 `Events.FULLSCREEN_CHANGE`。
1298
+ * @param el 全屏作用的 DOM 节点。
1299
+ */
1300
+ requestFullscreen(el?: HTMLElement): Promise<void>;
1301
+ /**
1302
+ * @brief 调用此方法退出系统全屏状态,调用该方法 `veplayer.isFullscreen` 将会变为 `false`,并触发 `Events.FULLSCREEN_CHANGE` 事件。
1303
+ * @param el 全屏作用的 DOM 节点。
1304
+ */
361
1305
  exitFullscreen(el?: HTMLElement): Promise<void>;
362
- getCssFullscreen(el?: HTMLElement): void;
1306
+ /**
1307
+ * @brief 调用此方法进入网页样式全屏状态,播放器进入网页全屏,利用 CSS 模拟实现全屏效果。如果该接口调用的时候处于全屏状态,会自动退出全屏,下发事件 `Events.CSS_FULLSCREEN_CHANGE`。
1308
+ * @param el 全屏作用的 DOM 节点。
1309
+ */
1310
+ requestCssFullscreen(el?: HTMLElement): void;
1311
+ /**
1312
+ * @brief 调用此方法退出网页样式全屏状态。 调用该方法 `veplayer.isFullscreen` 将会变为 `false`,并触发 `Events.CSS_FULLSCREEN_CHANGE` 事件。
1313
+ */
363
1314
  exitCssFullscreen(): void;
1315
+ /**
1316
+ * @brief 调用此方法在当前播放器上注册指定插件。
1317
+ * @param plugin 插件构造函数。
1318
+ * @param config 插件的配置列表。
1319
+ */
364
1320
  registerPlugin(plugin:
365
1321
  // eslint-disable-next-line @typescript-eslint/ban-types
366
1322
  Function | {
1323
+ /**
1324
+ * @brief 插件构造函数。
1325
+ * @default 无
1326
+ */
367
1327
  // eslint-disable-next-line @typescript-eslint/ban-types
368
1328
  plugin: Function;
1329
+ /**
1330
+ * @brief 插件配置参数。
1331
+ * @default 无
1332
+ */
369
1333
  options: object;
370
1334
  }, config?: {
371
1335
  [propName: string]: any;
372
1336
  }): any;
373
- unRegisterPlugin(plugin: any, removedFromConfig?: boolean): void;
374
- // 显示插件
1337
+ /**
1338
+ * @brief 调用此方法在当前播放器上销毁/注销指定插件。
1339
+ * @param plugin 插件实例或者插件名称。
1340
+ */
1341
+ unRegisterPlugin(plugin: any): void;
1342
+ /**
1343
+ * @brief 调用此接口显示指定插件图标。
1344
+ * @param pluginNames 插件名称
1345
+ */
375
1346
  showIcon(pluginNames: string[]): void;
376
- // 隐藏插件显示
1347
+ /**
1348
+ * @brief 调用此接口隐藏指定插件图标。
1349
+ * @param pluginNames 插件名称
1350
+ */
377
1351
  hideIcon(pluginNames: string[]): void;
1352
+ /**
1353
+ * @brief 调用此方法销毁播放器实例。
1354
+ */
378
1355
  destroy(): void;
379
- prepare(url: string): Promise<any[]>;
1356
+ /**
1357
+ * @hidden
1358
+ */
1359
+ prepare(url: string): Promise<{
1360
+ plugins: any[];
1361
+ options: Partial<VePlayerBaseOptions> | undefined;
1362
+ }>;
380
1363
  private _handleFallback;
381
1364
  // eslint-disable-next-line @typescript-eslint/no-explicit-any
382
1365
  private _transformEvent;
@@ -563,7 +1546,7 @@ declare namespace strategy {
563
1546
  texts?: Record<Lang, Record<string, string>>;
564
1547
  };
565
1548
  });
566
- static get langKeys(): any;
1549
+ static get langKeys(): string[];
567
1550
  static isLangValid(lang: Lang): boolean;
568
1551
  static extend(i18nTextList: Array<IXGI18nText>, i18nLangs?: IXGI18n): void;
569
1552
  setLang(lang: string): void;
@@ -591,17 +1574,64 @@ declare namespace strategy {
591
1574
  fallbackUrls?: string[];
592
1575
  });
593
1576
  get url(): string;
1577
+ set url(url: string);
594
1578
  next(): DefinitionUrl;
595
1579
  }
1580
+ /**
1581
+ * @list option
1582
+ * @kind property
1583
+ * @id Definition
1584
+ * @name Definition
1585
+ *
1586
+ */
596
1587
  interface ExposedDefinition {
1588
+ /** {zh}
1589
+ * @brief 播放地址。
1590
+ * @default 无
1591
+ */
597
1592
  url: string;
1593
+ /** {zh}
1594
+ * @brief 清晰度(唯一值)。
1595
+ * @default 无
1596
+ *
1597
+ */
598
1598
  definition: string;
1599
+ /** {zh}
1600
+ * @brief 清晰度展示名称。可设置多语言 `{text: {'zh-cn': '高清', 'en': 'HD'}}`。
1601
+ * @default 无
1602
+ */
599
1603
  text?: Record<Lang, string> | string;
1604
+ /** {zh}
1605
+ * @brief 为当前清晰度地址设置备路拉流地址,支持设置多个备路拉流地址。当前清晰度地址拉流失败时,会在当前清晰度地址和备路直播地址之间循环拉流,直到拉流成功。
1606
+ * @default 无
1607
+ *
1608
+ */
600
1609
  fallbackUrls?: string[];
601
1610
  }
1611
+ /**
1612
+ * @list option
1613
+ * @brief 线路数据配置。一个线路包含当前线路的 name ,展示名称,及线路下的清晰度列表。
1614
+ * @kind property
1615
+ * @id Source
1616
+ * @name Source
1617
+ */
602
1618
  interface ExposedSource {
1619
+ /** {zh}
1620
+ * @brief 线路name(唯一值)。
1621
+ * @default 无
1622
+ */
603
1623
  name?: string;
1624
+ /** {zh}
1625
+ * @brief 线路展示名称。可设置多语言 `{text: {'zh-cn': '线路一', 'en': 'LineOne'}}`。
1626
+ * @default 无
1627
+ *
1628
+ */
604
1629
  text?: Record<Lang, string> | string;
1630
+ /** {zh}
1631
+ * @brief 该线路下清晰度列表。
1632
+ * @default 无
1633
+ *
1634
+ */
605
1635
  definitions: Array<ExposedDefinition | string>;
606
1636
  }
607
1637
  interface CompoundSources {
@@ -623,32 +1653,8 @@ declare namespace strategy {
623
1653
  private static normalizeUrl;
624
1654
  add(definition: Definition): void;
625
1655
  }
626
- enum TOP_RIGHT_POSITIONS {
627
- ROOT_TOP_RIGHT = "rootTopRight",
628
- ROOT_TOP_RIGHT_COLLAPSE = "rootTopRightCollapse"
629
- }
630
- class TopRightBar extends Plugin {
631
- static get pluginName(): string;
632
- static get defaultConfig(): {
633
- position: string;
634
- plugins: never[];
635
- };
636
- static isTopRightPlugin(plugin: any, options: VePlayerBaseOptions): boolean;
637
- registerIcons(): {
638
- more: {
639
- icon: any;
640
- class: string;
641
- };
642
- };
643
- children(): Record<string, {
644
- plugin: Partial<Plugin>;
645
- options: IPluginOptions["config"];
646
- }>;
647
- render(): string;
648
- private _getPlugins;
649
- }
650
1656
  interface Config {
651
- listType: ListTypeOption;
1657
+ listType: ListType;
652
1658
  isAutoChange?: boolean;
653
1659
  onItemClick?: (e: Event, data: CallbackData) => void;
654
1660
  onOptionClick?: (e: Event, data: CallbackData) => void;
@@ -662,7 +1668,7 @@ declare namespace strategy {
662
1668
  interface Options {
663
1669
  config: Config;
664
1670
  root: HTMLElement | null;
665
- player: Player;
1671
+ player: Player$0;
666
1672
  }
667
1673
  class MobilePlayerPanel {
668
1674
  private _root?;
@@ -675,12 +1681,12 @@ declare namespace strategy {
675
1681
  private _delegates?;
676
1682
  private _listType?;
677
1683
  constructor(args: Options);
678
- changeMode(listType: ListTypeOption): void;
1684
+ changeMode(listType: ListType): void;
679
1685
  // 渲染选择列表
680
1686
  renderItemList(data?: ListItem[]): HTMLElement;
681
1687
  // 渲染panel的标题
682
1688
  renderTitle(): HTMLElement | undefined;
683
- updatePanel(listType: ListTypeOption): void;
1689
+ updatePanel(listType: ListType): void;
684
1690
  // 渲染panel
685
1691
  renderPanel(): void;
686
1692
  show(): void;
@@ -698,13 +1704,29 @@ declare namespace strategy {
698
1704
  private _handleHide;
699
1705
  }
700
1706
  import MobilePanel = MobilePlayerPanelWrapper.MobilePlayerPanel;
701
- const ListType: {
702
- readonly Middle: "middle";
703
- readonly Bottom: "bottom";
704
- readonly Fullscreen: "fullscreen";
705
- readonly Inner: "inner";
706
- };
707
- type ListTypeOption = (typeof ListType)[keyof typeof ListType];
1707
+ /**
1708
+ * @detail option
1709
+ * @brief **清晰度选择**或**线路选择**时的**选择面板样式**,仅在移动端有效。
1710
+ */
1711
+ enum ListType {
1712
+ /** {zh}
1713
+ * @brief 全屏布局
1714
+ * @hidden
1715
+ */
1716
+ Middle = "middle",
1717
+ /** {zh}
1718
+ * @brief 底部抽屉
1719
+ */
1720
+ Bottom = "bottom",
1721
+ /** {zh}
1722
+ * @brief 右侧抽屉,常用于全屏时展示
1723
+ */
1724
+ Fullscreen = "fullscreen",
1725
+ /** {zh}
1726
+ * @brief 窗口蒙层展示
1727
+ */
1728
+ Inner = "inner"
1729
+ }
708
1730
  interface ListItem {
709
1731
  [key: string]: any;
710
1732
  selected?: boolean;
@@ -735,7 +1757,7 @@ declare namespace strategy {
735
1757
  // 【xg】是否展示已选择的
736
1758
  isShowIcon?: boolean;
737
1759
  // 【xg 扩展】列表渲染样式类型
738
- listType?: ListTypeOption;
1760
+ listType?: ListType;
739
1761
  // 已选择的展示类型(文案 or icon)
740
1762
  renderType?: RenderType;
741
1763
  // 列表数据只有一个是否展示
@@ -784,157 +1806,769 @@ declare namespace strategy {
784
1806
  render(): string;
785
1807
  private _getListType;
786
1808
  }
787
- enum Codec {
788
- H265 = "h265",
789
- H264 = "h264"
1809
+ /**
1810
+ * @detail error
1811
+ */
1812
+ enum Level {
1813
+ /**
1814
+ * @brief 严重
1815
+ *
1816
+ */
1817
+ Fatal = "Fatal",
1818
+ /**
1819
+ * @brief 报错
1820
+ */
1821
+ Error = "Error"
790
1822
  }
791
- enum Degradation {
792
- SoftFirst = "soft-first",
793
- H264First = "h264-first"
1823
+ enum ErrorCode {
1824
+ /**
1825
+ * @brief 视频解析错误
1826
+ * @solution 请联系[技术支持](https://console.volcengine.com/workorder/create?step=2&SubProductID=P00000076)。
1827
+ */
1828
+ MANIFEST_HLS_ERROR = 1100,
1829
+ /**
1830
+ * @brief 视频解析错误
1831
+ * @solution 请联系[技术支持](https://console.volcengine.com/workorder/create?step=2&SubProductID=P00000076)。
1832
+ */
1833
+ MANIFEST_DASH_ERROR = 1200,
1834
+ /**
1835
+ * @brief 网络错误
1836
+ * @solution 请检查当前网络环境或播放地址是否合法。
1837
+ */
1838
+ NETWORK = 2100,
1839
+ /**
1840
+ * @brief 网络请求超时
1841
+ * @solution 请检查拉流地址是否合法。
1842
+ */
1843
+ NETWORK_TIMEOUT = 2101,
1844
+ /**
1845
+ * @brief 网络请求 403
1846
+ * @solution 请检查拉流地址鉴权信息。
1847
+ */
1848
+ NETWORK_FORBIDDEN = 2103,
1849
+ /**
1850
+ * @brief 网络请求 404
1851
+ * @solution 请检查拉流地址是否合法。
1852
+ */
1853
+ NETWORK_NOTFOUND = 2104,
1854
+ /**
1855
+ * @brief 网络请求 206
1856
+ * @solution 请检查拉流地址是否合法。
1857
+ */
1858
+ NETWORK_RANGE_NOT_SATISFIABLE = 2116,
1859
+ /**
1860
+ * @brief 视频解析错误
1861
+ * @solution 请检查拉流地址是否合法或联系[技术支持](https://console.volcengine.com/workorder/create?step=2&SubProductID=P00000076)。
1862
+ */
1863
+ DEMUX_FLV_ERROR = 3100,
1864
+ /**
1865
+ * @brief 视频解析错误
1866
+ * @solution 请检查拉流地址是否合法或联系[技术支持](https://console.volcengine.com/workorder/create?step=2&SubProductID=P00000076)。
1867
+ */
1868
+ DEMUX_HLS_ERROR = 3200,
1869
+ /**
1870
+ * @brief 视频解析错误
1871
+ * @solution 请检查拉流地址是否合法或联系[技术支持](https://console.volcengine.com/workorder/create?step=2&SubProductID=P00000076)。
1872
+ *
1873
+ */
1874
+ DEMUX_MP4_ERROR = 3300,
1875
+ /**
1876
+ * @brief 视频解析错误
1877
+ * @solution 请检查拉流地址是否合法或联系[技术支持](https://console.volcengine.com/workorder/create?step=2&SubProductID=P00000076)。
1878
+ *
1879
+ */
1880
+ DEMUX_FMP4_ERROR = 3400,
1881
+ /**
1882
+ * @brief 视频解析错误
1883
+ * @solution 请检查拉流地址是否合法或联系[技术支持](https://console.volcengine.com/workorder/create?step=2&SubProductID=P00000076)。
1884
+ *
1885
+ */
1886
+ DEMUX_SIDX_ERROR = 3410,
1887
+ /**
1888
+ * @brief 视频解析错误
1889
+ * @solution 请检查拉流地址是否合法或联系[技术支持](https://console.volcengine.com/workorder/create?step=2&SubProductID=P00000076)。
1890
+ *
1891
+ */
1892
+ REMUX_FMP4_ERROR = 4100,
1893
+ /**
1894
+ * @brief 视频解析错误
1895
+ * @solution 请检查拉流地址是否合法或联系[技术支持](https://console.volcengine.com/workorder/create?step=2&SubProductID=P00000076)。
1896
+ *
1897
+ */
1898
+ REMUX_MP4_ERROR = 4200,
1899
+ /**
1900
+ * @brief 获取数据过程被中止
1901
+ * @solution 请检查浏览器网络请求是否正常,再尝试重新拉流。
1902
+ */
1903
+ MEDIA_ERR_ABORTED = 5101,
1904
+ /**
1905
+ * @brief 网络发生错误,无法成功获取媒体文件
1906
+ * @solution 请检查浏览器网络请求是否正常,再尝试重新拉流。
1907
+ */
1908
+ MEDIA_ERR_NETWORK = 5102,
1909
+ /**
1910
+ * @brief 浏览器在解码媒体资源时发生错误
1911
+ * @solution
1912
+ * 1. 请检查原始视频是否正常;
1913
+ * 2. 重新进行转码和播放;
1914
+ * 3. 如仍未解决请联系[技术支持](https://console.volcengine.com/workorder/create?step=2&SubProductID=P00000076)。
1915
+ */
1916
+ MEDIA_ERR_DECODE = 5103,
1917
+ /**
1918
+ * @brief 因视频格式不支持、服务器或网络的问题造成视频无法加载
1919
+ * @solution
1920
+ * 1. 检查浏览器视频数据请求是否正常;
1921
+ * 2. 检查浏览器和页面环境是否支持要播放的视频格式;
1922
+ * 3. 如仍未解决请联系[技术支持](https://console.volcengine.com/workorder/create?step=2&SubProductID=P00000076)。
1923
+ */
1924
+ MEDIA_ERR_SRC_NOT_SUPPORTED = 5104,
1925
+ /**
1926
+ * @brief 当前浏览器不支持视频解码
1927
+ * @solution
1928
+ * 1. 检查浏览器视频数据请求是否正常;
1929
+ * 2. 检查浏览器和页面环境是否支持要播放的视频格式;
1930
+ * 3. 如仍未解决请联系[技术支持](https://console.volcengine.com/workorder/create?step=2&SubProductID=P00000076)。
1931
+ */
1932
+ MEDIA_ERR_CODEC_NOT_SUPPORTED = 5105,
1933
+ /**
1934
+ * @brief 当前播放地址为空
1935
+ * @solution 请检查必要参数 `url` 或 `playlist` 是否传入。
1936
+ */
1937
+ MEDIA_ERR_URL_EMPTY = 5106,
1938
+ /**
1939
+ * @brief 播放异常
1940
+ * @solution 请检查播放源或联系[技术支持](https://console.volcengine.com/workorder/create?step=2&SubProductID=P00000076)。
1941
+ */
1942
+ MEDIA_MSE_ADD_SB = 5200,
1943
+ /**
1944
+ * @brief 播放异常
1945
+ * @solution 请检查播放源或联系[技术支持](https://console.volcengine.com/workorder/create?step=2&SubProductID=P00000076)。
1946
+ */
1947
+ MEDIA_MSE_APPEND_BUFFER = 5201,
1948
+ /**
1949
+ * @brief 播放异常
1950
+ * @solution 请检查播放源或联系[技术支持](https://console.volcengine.com/workorder/create?step=2&SubProductID=P00000076)。
1951
+ */
1952
+ MEDIA_MSE_OTHER = 5202,
1953
+ /**
1954
+ * @brief 播放异常
1955
+ * @solution 请检查播放源或联系[技术支持](https://console.volcengine.com/workorder/create?step=2&SubProductID=P00000076)。
1956
+ */
1957
+ MEDIA_MSE_FULL = 5203,
1958
+ /**
1959
+ * @brief 播放异常
1960
+ * @solution 请检查播放源或联系[技术支持](https://console.volcengine.com/workorder/create?step=2&SubProductID=P00000076)。
1961
+ */
1962
+ MEDIA_MSE_HIJACK = 5204,
1963
+ /**
1964
+ * @brief 播放异常
1965
+ * @solution 请检查播放源或联系[技术支持](https://console.volcengine.com/workorder/create?step=2&SubProductID=P00000076)。
1966
+ */
1967
+ MEDIA_EME_HIJACK = 5301,
1968
+ /**
1969
+ * @brief DRM 权限校验失败
1970
+ * @hidden
1971
+ */
1972
+ DRM_LICENSE = 7100,
1973
+ /**
1974
+ * @brief DRM 权限校验失败
1975
+ * @hidden
1976
+ */
1977
+ DRM_CUSTOM_LICENSE = 7200,
1978
+ /**
1979
+ * @brief 播放异常
1980
+ * @solution 请检查播放源或联系[技术支持](https://console.volcengine.com/workorder/create?step=2&SubProductID=P00000076)。
1981
+ */
1982
+ OTHER = 8000,
1983
+ /**
1984
+ * @brief 播放异常
1985
+ * @solution 请检查播放源或联系[技术支持](https://console.volcengine.com/workorder/create?step=2&SubProductID=P00000076)。
1986
+ */
1987
+ RUNTIME_NO_CANPLAY_ERROR = 9001,
1988
+ /**
1989
+ * @brief 播放异常
1990
+ * @solution 请检查播放源或联系[技术支持](https://console.volcengine.com/workorder/create?step=2&SubProductID=P00000076)。
1991
+ */
1992
+ RUNTIME_BUFFERBREAK_ERROR = 9002,
1993
+ /**
1994
+ * @brief 播放异常
1995
+ * @solution 请检查播放源或联系[技术支持](https://console.volcengine.com/workorder/create?step=2&SubProductID=P00000076)。
1996
+ */
1997
+ RUNTIME_BWAITING_TIMEOUT_ERROR = 9002,
1998
+ // veplayer 报错
1999
+ /**
2000
+ * @brief CDN 异步获取失败
2001
+ * @solution 请刷新重试或者检查网络环境。
2002
+ *
2003
+ */
2004
+ MODULE_LOAD_ERROR = 110,
2005
+ /**
2006
+ * @hidden
2007
+ */
2008
+ UNKNOWN = "UNKNOWN"
794
2009
  }
795
- enum DecodeType {
796
- Software = "software",
797
- Hardware = "hardware"
2010
+ enum ErrorType {
2011
+ MANIFEST = "manifest",
2012
+ NETWORK = "network",
2013
+ DEMUX = "demux",
2014
+ REMUX = "remux",
2015
+ MEDIA = "media",
2016
+ DRM = "drm",
2017
+ OTHER = "other",
2018
+ RUNTIME = "runtime"
798
2019
  }
799
- type PrepareResult = {
800
- options?: Partial<VePlayerBaseOptions>;
801
- plugins?: any[];
802
- };
803
- type PreparePlugins = (url: string) => Promise<PrepareResult> | undefined;
804
- type Constructor<T> = new (...args: any[]) => T;
805
- const POSITIONS: {
806
- ROOT_TOP_RIGHT: TOP_RIGHT_POSITIONS.ROOT_TOP_RIGHT;
807
- ROOT_TOP_RIGHT_COLLAPSE: TOP_RIGHT_POSITIONS.ROOT_TOP_RIGHT_COLLAPSE;
808
- ROOT: string;
809
- ROOT_LEFT: string;
810
- ROOT_RIGHT: string;
811
- ROOT_TOP: string;
812
- CONTROLS_LEFT: string;
813
- CONTROLS_RIGTH: string;
814
- CONTROLS_RIGHT: string;
815
- CONTROLS_CENTER: string;
816
- CONTROLS: string;
2020
+ interface ErrorInfo<T = TextKey> {
2021
+ errorCode?: ErrorCode;
2022
+ message?: string;
2023
+ messageTextKey?: T;
2024
+ level?: Level;
2025
+ // eslint-disable-next-line @typescript-eslint/no-explicit-any
2026
+ ext?: any;
2027
+ error?: Error;
2028
+ }
2029
+ const ERROR_INFO: Partial<Record<ErrorCode, ErrorInfo>>;
2030
+ const ERROR_TYPE_INFO: Record<ErrorType, ErrorInfo>;
2031
+ /**
2032
+ * @detail error
2033
+ * @name 错误对象
2034
+ * @id 错误对象
2035
+ */
2036
+ class VeError<T extends string = TextKey> extends Error {
2037
+ /**
2038
+ * @brief 错误码,对应[错误码字典](#错误码)。
2039
+ */
2040
+ readonly errorCode: ErrorCode;
2041
+ /**
2042
+ * @brief 错误等级。
2043
+ */
2044
+ readonly level?: Level;
2045
+ /**
2046
+ * @brief 错误信息。
2047
+ */
2048
+ message: string;
2049
+ /**
2050
+ * @brief 其他错误信息。
2051
+ */
2052
+ readonly ext?: any;
2053
+ /**
2054
+ * @hidden
2055
+ * @param error
2056
+ * @param i18n
2057
+ */
2058
+ constructor(error?: string | ErrorInfo<T>, i18n?: VeI18n<T>);
2059
+ }
2060
+ function create(errorCode: ErrorCode, info?: ErrorInfo, i18n?: VeI18n): VeError<"DEFINITION_FALLBACK_TOAST" | "DEFINITION_SWITCHING" | "ERROR_REFRESH" | "UNMUTE" | "MANIFEST" | "NETWORK" | "NETWORK_TIMEOUT" | "NETWORK_FORBIDDEN" | "NETWORK_NOTFOUND" | "DEMUX" | "REMUX" | "MEDIA" | "MEDIA_ERR_CODEC_NOT_SUPPORTED" | "MEDIA_ERR_URL_EMPTY" | "DRM" | "OTHER" | "RUNTIME" | "MODULE_LOAD_ERROR" | "UNKNOWN" | "ERROR_TYPES" | "HAVE_NOTHING" | "HAVE_METADATA" | "HAVE_CURRENT_DATA" | "HAVE_FUTURE_DATA" | "HAVE_ENOUGH_DATA" | "NETWORK_EMPTY" | "NETWORK_IDLE" | "NETWORK_LOADING" | "NETWORK_NO_SOURCE" | "MEDIA_ERR_ABORTED" | "MEDIA_ERR_NETWORK" | "MEDIA_ERR_DECODE" | "MEDIA_ERR_SRC_NOT_SUPPORTED" | "REPLAY" | "ERROR" | "PLAY_TIPS" | "PAUSE_TIPS" | "PLAYNEXT_TIPS" | "DOWNLOAD_TIPS" | "ROTATE_TIPS" | "RELOAD_TIPS" | "FULLSCREEN_TIPS" | "EXITFULLSCREEN_TIPS" | "CSSFULLSCREEN_TIPS" | "EXITCSSFULLSCREEN_TIPS" | "TEXTTRACK" | "PIP" | "SCREENSHOT" | "LIVE" | "OFF" | "OPEN" | "MINI_DRAG" | "MINISCREEN" | "REFRESH_TIPS" | "REFRESH" | "FORWARD" | "LIVE_TIP">;
2061
+ function transform(xgErr: XGError, i18n?: VeI18n): VeError<"DEFINITION_FALLBACK_TOAST" | "DEFINITION_SWITCHING" | "ERROR_REFRESH" | "UNMUTE" | "MANIFEST" | "NETWORK" | "NETWORK_TIMEOUT" | "NETWORK_FORBIDDEN" | "NETWORK_NOTFOUND" | "DEMUX" | "REMUX" | "MEDIA" | "MEDIA_ERR_CODEC_NOT_SUPPORTED" | "MEDIA_ERR_URL_EMPTY" | "DRM" | "OTHER" | "RUNTIME" | "MODULE_LOAD_ERROR" | "UNKNOWN" | "ERROR_TYPES" | "HAVE_NOTHING" | "HAVE_METADATA" | "HAVE_CURRENT_DATA" | "HAVE_FUTURE_DATA" | "HAVE_ENOUGH_DATA" | "NETWORK_EMPTY" | "NETWORK_IDLE" | "NETWORK_LOADING" | "NETWORK_NO_SOURCE" | "MEDIA_ERR_ABORTED" | "MEDIA_ERR_NETWORK" | "MEDIA_ERR_DECODE" | "MEDIA_ERR_SRC_NOT_SUPPORTED" | "REPLAY" | "ERROR" | "PLAY_TIPS" | "PAUSE_TIPS" | "PLAYNEXT_TIPS" | "DOWNLOAD_TIPS" | "ROTATE_TIPS" | "RELOAD_TIPS" | "FULLSCREEN_TIPS" | "EXITFULLSCREEN_TIPS" | "CSSFULLSCREEN_TIPS" | "EXITCSSFULLSCREEN_TIPS" | "TEXTTRACK" | "PIP" | "SCREENSHOT" | "LIVE" | "OFF" | "OPEN" | "MINI_DRAG" | "MINISCREEN" | "REFRESH_TIPS" | "REFRESH" | "FORWARD" | "LIVE_TIP">;
2062
+ /**
2063
+ * @list option
2064
+ * @kind property
2065
+ */
2066
+ type ErrorConfig = {
2067
+ /** {zh}
2068
+ * @brief 是否展示报错图片。
2069
+ * @default true
2070
+ */
2071
+ showErrorImg?: boolean;
2072
+ /** {zh}
2073
+ * @brief 是否展示报错提示。
2074
+ * @default true
2075
+ */
2076
+ showErrorTip?: boolean;
2077
+ /** {zh}
2078
+ * @brief 是否展示刷新按钮。
2079
+ * @default true
2080
+ */
2081
+ showRefresh?: boolean;
2082
+ /** {zh}
2083
+ * @brief 自定义报错显示。
2084
+ * @default 无
2085
+ */
2086
+ errorTipsText?: string | Record<Lang, string>;
2087
+ /** {zh}
2088
+ * @brief 更多提示信息。
2089
+ * @default 无
2090
+ */
2091
+ extraTips?: {
2092
+ label: string | Record<Lang, string>;
2093
+ value: string | Record<Lang, string>;
2094
+ }[];
817
2095
  };
2096
+ class Error extends Plugin {
2097
+ player: Player$0;
2098
+ icons: {
2099
+ error: HTMLElement;
2100
+ };
2101
+ langText: {
2102
+ refresh: string;
2103
+ errorTip: string;
2104
+ };
2105
+ config: ErrorConfig;
2106
+ private _error?;
2107
+ static get pluginName(): string;
2108
+ static get defaultConfig(): {
2109
+ showErrorImg: boolean;
2110
+ showErrorTip: boolean;
2111
+ showRefresh: boolean;
2112
+ errorTipsText: string;
2113
+ extraTips: never[];
2114
+ position: string;
2115
+ };
2116
+ get _errorTip(): string;
2117
+ afterCreate(): void;
2118
+ registerIcons(): {
2119
+ error: {
2120
+ icon: any;
2121
+ class: string;
2122
+ };
2123
+ };
2124
+ updateLang(): void;
2125
+ showError(error: VeError | XGError): void;
2126
+ hideError(): void;
2127
+ destroy(): void;
2128
+ render(): string;
2129
+ private _focus;
2130
+ private _initIcons;
2131
+ private _initEvents;
2132
+ private _renderText;
2133
+ private _renderExtraTips;
2134
+ private _handleRefresh;
2135
+ private _renderRefresh;
2136
+ }
2137
+ /**
2138
+ * @list option
2139
+ * @kind property
2140
+ */
2141
+ interface DefinitionConfig {
2142
+ /** {zh}
2143
+ * @brief 等待超时的时间阈值,单位为 ms。等待超过该值,会抛出 `DEFINITION_FALLBACK` 事件,如果 `needFallback` 为 `true` 则会提示清晰度降级。
2144
+ * @default 5000
2145
+ */
2146
+ longWaitingTime?: number;
2147
+ /** {zh}
2148
+ * @brief 是否开启清晰度降级。
2149
+ * @default false
2150
+ */
2151
+ needFallback?: boolean;
2152
+ /** {zh}
2153
+ * @brief 降级顺序,按照数组顺序依次降级,数组中的元素与 playlist 中的 definition 相对应。
2154
+ * @default "['uhd', 'hd', 'sd', 'ld', 'ao']"
2155
+ */
2156
+ demotePriority?: string[];
2157
+ }
2158
+ class DefinitionPlugin extends OptionsIcon {
2159
+ langText: Record<string, string>;
2160
+ private _waitingStartTime;
2161
+ private _timer?;
2162
+ private _toastId?;
2163
+ static get pluginName(): string;
2164
+ static get defaultConfig(): {
2165
+ index: number;
2166
+ list: never[];
2167
+ panel: {
2168
+ title: {
2169
+ jp: string;
2170
+ en: string;
2171
+ "zh-cn": string;
2172
+ "zh-hk": string;
2173
+ };
2174
+ };
2175
+ className: string;
2176
+ hidePortrait: boolean;
2177
+ isShowIcon: boolean;
2178
+ longWaitingTime: number;
2179
+ needFallback: boolean;
2180
+ demotePriority: string[];
2181
+ isItemClickHide?: boolean | undefined;
2182
+ listType?: ListType | undefined;
2183
+ renderType?: RenderType | undefined;
2184
+ hideOnSingleOption?: boolean | undefined;
2185
+ isAutoChange?: boolean | undefined;
2186
+ };
2187
+ static get textTips(): {
2188
+ jp: string;
2189
+ en: string;
2190
+ "zh-cn": string;
2191
+ "zh-hk": string;
2192
+ };
2193
+ updateLang(): void;
2194
+ beforeCreate(args: XGPluginOptions): void;
2195
+ afterCreate(): void;
2196
+ registerIcons(): {
2197
+ source: {
2198
+ icon: any;
2199
+ };
2200
+ };
2201
+ renderItemList(): void;
2202
+ onItemClick(_: never, data: {
2203
+ to: Definition & {
2204
+ showText: string;
2205
+ };
2206
+ }): void;
2207
+ fallback(options?: {
2208
+ toast: boolean;
2209
+ }): Promise<void>;
2210
+ private _waiting;
2211
+ private _clearTimer;
2212
+ private _toast;
2213
+ private _getNextDefinition;
2214
+ private _initTimeUpdateEvent;
2215
+ private _showToast;
2216
+ }
818
2217
  interface VePlayerBaseOptions extends Omit<PlayerOptions, "autoplay" | "i18n"> {
819
- url?: string;
2218
+ /** {zh}
2219
+ * @brief 指定播放器容器 ID,VePlayer 将被插入在该容器中。id 和 el 需至少传入 1 个。如果同时传入,则优先将播放器插入 id 容器中。
2220
+ * @default 'veplayer'
2221
+ */
820
2222
  id?: string;
2223
+ /** {zh}
2224
+ * @brief 指定播放器容器元素,VePlayer 将被插入在该容器中。id 和 el 需至少传入 1 个。如果同时传入,则优先将播放器插入 id 容器中。
2225
+ * @default 无
2226
+ */
821
2227
  el?: HTMLElement;
822
- codec?: Codec;
2228
+ /** {zh}
2229
+ * @brief 设置播放器宽度,传入 number 类型参数则播放器内部默认添加单位px,传入 string 类型参数则直接赋值给播放器容器 width 样式属性。
2230
+ * @default '100%'
2231
+ */
2232
+ width?: number | string;
2233
+ /** {zh}
2234
+ * @brief 设置播放器高度,传入 number 类型参数则播放器内部默认添加单位px,传入 string 类型参数则直接赋值给播放器容器 height 样式属性。
2235
+ * @default '100%'
2236
+ */
2237
+ height?: number | string;
2238
+ /** {zh}
2239
+ * @brief 为播放器配置直播拉流地址。您可手动拼接或使用地址生成器生成拉流地址,生成方法请参见[生成直播地址](https://www.volcengine.com/docs/6469/107759)。url 和 playList 需至少传入 1 个。
2240
+ * @default 无
2241
+ */
2242
+ url?: string;
2243
+ /** {zh}
2244
+ * @brief 为播放器配置直播拉流地址列表。url 和 playlist 需至少传入 1 个。
2245
+ * @default 无
2246
+ */
2247
+ playlist?: ExposedSource[];
2248
+ /** {zh}
2249
+ * @brief 当存在多个直播线路时,为播放器设置默认直播线路,不传则默认列表第一个。
2250
+ * @default 无
2251
+ */
2252
+ defaultSource?: string;
2253
+ /** {zh}
2254
+ * @brief 为播放器设置默认直播清晰度,不传则默认列表第一个。
2255
+ * @default 无
2256
+ */
2257
+ defaultDefinition?: string;
2258
+ /** {zh}
2259
+ * @brief 为播放器设置备路拉流地址,支持设置多个备路拉流地址,在 `maxFallbackRound` 大于 `0` 时有效。当您使用配置的直播拉流地址拉流失败时,会在直播地址和备路直播地址之间循环拉流,直到拉流成功。
2260
+ * @default 无
2261
+ */
823
2262
  fallbackUrls?: string[];
2263
+ /** {zh}
2264
+ * @brief 为播放器设置拉流失败时循环拉流的最大次数。
2265
+ * @default 0
2266
+ */
824
2267
  maxFallbackRound?: number;
825
- degradation?: Degradation | boolean;
2268
+ /** {zh}
2269
+ * @brief 为播放器设置解码方式。
2270
+ * @listtip
2271
+ * 开启软解后,播放器会使用浏览器的软件解码器来解码视频流。软解模式具有较高的兼容性,适用于各种设备和浏览器,但依赖设备 CPU,在高分辨率或高码率视频播放时会出现卡顿或延迟。建议在以下场景开启软解:
2272
+ * 1. 部分安卓浏览器中播放器被劫持,部分功能将不可见,可开启软解;
2273
+ * 2. 移动端浏览器不支持 flv 格式,如果需要播放该格式的视频,可开启软解;
2274
+ * 3. 部分浏览器不支持 H.265 编码格式,如果需要播放该编码格式的视频,请开启软解。
2275
+ * @default 'hardware'
2276
+ */
826
2277
  decodeType?: DecodeType;
2278
+ /** {zh}
2279
+ * @brief 为播放器设置视频的实际编码格式。如果您在degradation 设置了 `soft-first` 属性(即硬解不支持时降级软解),建议您传入该参数,省去探测实际编码格式的操作。
2280
+ * @default 'h264'
2281
+ */
2282
+ codec?: Codec;
2283
+ /** {zh}
2284
+ * @brief 为播放器设置是否开启 H.265 兼容模式。在 H.265 兼容模式下,播放器会优先使用硬解来解码 H.265 直播流。如果设备或浏览器不支持 H.265 硬解,则自动降级为 H.265 软解。
2285
+ * @default 'soft-first'
2286
+ */
2287
+ degradation?: Degradation | boolean;
2288
+ /** {zh}
2289
+ * @brief 为播放器设置封面图 URL。
2290
+ * @default 无
2291
+ */
827
2292
  poster?: string;
828
- defaultSource?: string;
829
- defaultDefinition?: string;
830
- preparePlugins?: PreparePlugins;
2293
+ /** {zh}
2294
+ * @brief 为播放器设置初始显示语言,语言包不存在的情况下默认显示 'en' 语言包 。默认值为 `document.documentElement.getAttribute('lang') || navigator.language || 'zh-cn'`
2295
+ * @default -
2296
+ */
2297
+ lang?: Lang;
2298
+ /** {zh}
2299
+ * @brief 为播放器设置自定义的多语言词典,可设置每个语种的词典,格式为 { texts: { [key: string]: Object; } }。<br>
2300
+ * 例如,{ texts: { 'zh-cn': { PIP: '画中画' }, en: { PIP: 'pip' } }} ,格式请参考[默认词典](https://www.volcengine.com/docs/6469/127529)。
2301
+ * @default 无
2302
+ */
2303
+ i18n?: {
2304
+ texts: Record<Lang, Record<string, string>>;
2305
+ };
2306
+ /** {zh}
2307
+ * @brief 为播放器设置是否自动播放, `muted` 设置为 `true` 为静音自动播放。
2308
+ * @default { muted: true }
2309
+ * @type {{ muted: boolean } | boolean}
2310
+ */
831
2311
  autoplay?: {
832
- muted: boolean;
2312
+ muted?: boolean;
833
2313
  } | boolean;
834
- playlist?: ExposedSource[];
835
- listType?: ListTypeOption;
836
- flv?: Partial<FlvOption>;
837
- hls?: Partial<HlsOption> & {
838
- enableMSE?: boolean;
2314
+ /** {zh}
2315
+ * @brief 为播放器设置默认音量,取值范围 [0,1]。
2316
+ * @default 0.6
2317
+ */
2318
+ volume?: number;
2319
+ /** {zh}
2320
+ * @brief 为播放器设置是否显示画中画功能按钮。
2321
+ * - `true`:显示;
2322
+ * - `false`:不显示。
2323
+ * @default false
2324
+ */
2325
+ pip?: boolean;
2326
+ /**{zh}
2327
+ * @brief 为播放器设置是否显示全屏功能按钮,并进行全屏功能设置。
2328
+ * - `true`:显示;
2329
+ * - `false`:不显示。
2330
+ * @default -
2331
+ */
2332
+ fullscreen?: boolean | Fullscreen;
2333
+ /** {zh}
2334
+ * @brief 为播放器设置报错信息,支持配置播放异常时,播放器显示的异常文案、图片,以及是否提供刷新按钮等。
2335
+ * @default -
2336
+ */
2337
+ error?: ErrorConfig;
2338
+ /** {zh}
2339
+ * @brief 为播放器设置清晰度的相关配置。
2340
+ * @default -
2341
+ */
2342
+ definition?: DefinitionConfig;
2343
+ /** {zh}
2344
+ * @brief 为播放器设置是否显示控制栏。
2345
+ * - `true`: 显示;
2346
+ * - `false`: 不显示
2347
+ * @default true
2348
+ */
2349
+ controls?: boolean | {
2350
+ [propName: string]: any;
839
2351
  };
840
- i18n?: {
841
- texts: Record<Lang, Record<string, string>>;
2352
+ /** {zh}
2353
+ * @brief 为播放器设置**清晰度选择**或**线路选择**时的**选择面板样式**,仅在移动端有效。
2354
+ * @default 'bottom'
2355
+ */
2356
+ listType?: ListType;
2357
+ /** {zh}
2358
+ * @brief 为播放器设置是否启用内联播放模式。playsinline 属性是 HTML5 视频标签的一个属性,用于指定视频是否应在页面文档内播放。
2359
+ * - `true`:启用,表示视频将在页面文档内播放;
2360
+ * - `false`:停用,默认浏览器播放行为。
2361
+ * 该配置项只在移动端生效,当取值为 true 的时候,会在初始化 video 或 audio 对象的时候,将 playsinline、webkit-playsinline、x5-playsinline 三个属性设置为 true,请参考 [New Policies for iOS](https://webkit.org/blog/6784/new-video-policies-for-ios/) 了解内联模式相关知识。
2362
+ * @listtip
2363
+ * iOS 10 及以上系统 Safari 浏览器支持配置内联播放模式;</br>
2364
+ * iOS 10 以下系统 Safari 浏览器不支持配置内联播放模式 ,默认播放即进入系统全屏。
2365
+ * @default true
2366
+ */
2367
+ playsinline?: boolean;
2368
+ /** {zh}
2369
+ * @brief 为播放器设置 video 标签扩展属性,初始化时会设置在 videoElement 或 audioElement 对象上,请参考 [HTMLMediaElement](https://developer.mozilla.org/en-US/docs/Web/API/HTMLMediaElement#properties) 查看其支持的属性配置。
2370
+ * @default 无
2371
+ */
2372
+ videoAttributes?: {
2373
+ [propName: string]: any;
842
2374
  };
2375
+ /** {zh}
2376
+ * @brief 为播放器设置是否启用流式布局,启用流式布局后播放器会根据屏幕的宽度进行调整,保持在不同屏幕尺寸上都有良好的显示效果。
2377
+ * - `true`:启用
2378
+ * - `false`:停用
2379
+ * @listtip
2380
+ * 启用流式布局时:
2381
+ * 如果 `width` 和 `height` 是 `Number` 类型,则按照其数值计算播放器宽高比;
2382
+ * 如果 `width` 和 `height` 不是 `Number` 类型,默认使用 16:9 比例。
2383
+ * @default false
2384
+ */
2385
+ fluid?: boolean;
2386
+ /** {zh}
2387
+ * @brief 为播放器设置尺寸适配方式,在视频资源初始化之后,根据获取到的 videoWidth 和 videoHeight 值对播放器容器宽高比例进行调整,可选项有:
2388
+ * - `fixed`: 保持容器宽/高,不做适配;
2389
+ * - `fixWidth`: 保持容器宽度,适配高度;
2390
+ * - `fixHeight`: 保持容器高度,适配宽度。
2391
+ *
2392
+ * @default 'fixed'
2393
+ */
2394
+ fitVideoSize?: "fixWidth" | "fixHeight" | "fixed";
2395
+ /** {zh}
2396
+ * @brief 为播放器设置视频画面填充模式,可选项有:
2397
+ * - `fillwidth`: 填充宽度,高度溢出则裁剪高度;
2398
+ * - `fillHeight`: 填充高度,宽度溢出则裁剪宽度;
2399
+ * - `fill`: 拉伸视频以填充容器;
2400
+ * - `cover`: 保持其宽高比的同时填充元素的整个内容框;
2401
+ * - `auto`: 使用浏览器默认的视频画面填充模式。
2402
+ * @default 'auto'
2403
+ */
2404
+ videoFillMode?: "auto" | "fillHeight" | "fillWidth" | "fill" | "cover";
2405
+ /** {zh}
2406
+ * @brief 是否开启画面和控制栏分离模式。设置为开启时,控制栏将会常驻,与视频画面不重叠。
2407
+ * - `true`:开启
2408
+ * - `false`:关闭
2409
+ * @default false
2410
+ */
2411
+ marginControls?: boolean;
2412
+ /** {zh}
2413
+ * @brief 启用微信同层播放。
2414
+ * @default 无
2415
+ */
2416
+ "x5-video-player-type"?: string;
2417
+ /** {zh}
2418
+ * @brief 是否启用微信全屏播放模式。
2419
+ * - `true`:启用
2420
+ * - `false`:停用
2421
+ * @default 无
2422
+ */
2423
+ "x5-video-player-fullscreen"?: boolean;
2424
+ /** {zh}
2425
+ * @brief 微信横竖屏控制,支持如下取值:
2426
+ * - `landscape`:横屏
2427
+ * - `portrait`:竖屏
2428
+ * - `landscape|portrait`:跟随手机自动旋转
2429
+ * @default 无
2430
+ */
2431
+ "x5-video-orientation"?: "landscape" | "portrait" | "landscape|portrait";
2432
+ /** {zh}
2433
+ * @brief 为播放器配置关键点样式。
2434
+ * @default 无
2435
+ * @hidden 直播目前没用到
2436
+ */
2437
+ commonStyle?: CommonStyle;
2438
+ /** {zh}
2439
+ * @brief 自定义插件列表。
2440
+ * @default 无
2441
+ */
2442
+ // eslint-disable-next-line @typescript-eslint/no-explicit-any
2443
+ plugins?: any[];
2444
+ /** {zh}
2445
+ * @hidden
2446
+ */
2447
+ preparePlugins?: PreparePlugins;
843
2448
  }
844
- const transformOption: (options: VePlayerBaseOptions) => Omit<VePlayerBaseOptions, "i18n">;
845
- class VePlayerBase {
846
- protected readonly _player: XGPlayer;
847
- private readonly _sourceManager;
848
- private readonly _preparePlugins?;
849
- private _previousPrepareResult?;
850
- private _i18nManager;
851
- private _events;
852
- private _errorCallback;
853
- constructor(options?: VePlayerBaseOptions);
854
- get readyState(): 0 | 2 | 1 | 4 | 3;
855
- get buffered(): TimeRanges;
856
- get played(): TimeRanges;
857
- get cumulateTime(): number;
858
- get isFocused(): boolean;
859
- get isFullscreen(): boolean;
860
- get isCssFullscreen(): boolean;
861
- get networkState(): 0 | 2 | 1 | 3;
862
- get paused(): boolean;
863
- get ended(): boolean;
864
- get state(): number;
865
- get url(): any;
866
- get source(): string | undefined;
867
- get definition(): string;
868
- get crossOrigin(): string;
869
- set crossOrigin(crossOrigin: string);
870
- // eslint-disable-next-line @typescript-eslint/member-ordering
871
- get volume(): number;
872
- set volume(volume: number);
873
- // eslint-disable-next-line @typescript-eslint/member-ordering
874
- get muted(): boolean;
875
- set muted(isMuted: boolean);
876
- // eslint-disable-next-line @typescript-eslint/member-ordering
877
- get lang(): Lang;
878
- set lang(lang: Lang);
879
- // eslint-disable-next-line @typescript-eslint/member-ordering
880
- protected get _src(): string;
881
- static create<T extends VePlayerBase>(options?: VePlayerBaseOptions, Constructor?: Constructor<T>): Promise<T>;
882
- switch(target: string | {
883
- definition?: string;
884
- source?: string;
885
- }, options?: {
886
- fallbackToFirstDefinition?: boolean;
887
- }): Promise<Definition>;
888
- updatePlaylist(playlist: ExposedSource[] | string, target?: string | {
889
- definition?: string;
890
- source?: string;
891
- }): Promise<void>;
892
- // TODO: 等西瓜播放器完善错误码后增加函数重载以提供更好的类型
893
- once(event: string, callback: (data?: any) => any, ...args: any[]): void;
894
- off(event: string, callback: (data?: any) => any, ...args: any[]): void;
895
- emit(event: string, data?: any, ...args: any[]): void;
896
- offAll(): void;
897
- on(event: string, callback: (data?: any) => any, ...args: any[]): void;
898
- play(): any;
899
- pause(): void;
900
- requestPIP(): void;
901
- exitPIP(): void;
902
- retry(): void;
903
- focus(data?: {
904
- autoHide?: boolean;
905
- delay?: number;
906
- }): void;
907
- blur(data?: {
908
- ignorePaused?: boolean;
909
- }): void;
910
- getFullscreen(el?: HTMLElement): Promise<void>;
911
- exitFullscreen(el?: HTMLElement): Promise<void>;
912
- getCssFullscreen(el?: HTMLElement): void;
913
- exitCssFullscreen(): void;
914
- registerPlugin(plugin:
915
- // eslint-disable-next-line @typescript-eslint/ban-types
916
- Function | {
917
- // eslint-disable-next-line @typescript-eslint/ban-types
918
- plugin: Function;
919
- options: object;
920
- }, config?: {
2449
+ /**
2450
+ * @list option
2451
+ * @kind property
2452
+ */
2453
+ interface Fullscreen {
2454
+ /** {zh}
2455
+ * @brief 切换全屏时,是否旋转为横屏播放,通常在移动端使用。如果开启横屏播放,切换全屏时,将在竖屏状态下把播放器旋转 90 度,实现横屏效果。该配置优先级高于 useCssFullscreen。
2456
+ * `true`:使用旋转横屏;
2457
+ * `false`:不使用旋转横屏。
2458
+ * @default false
2459
+ */
2460
+ rotateFullscreen?: boolean;
2461
+ /** {zh}
2462
+ * @brief 是否使用页面全屏代替系统全屏功能。
2463
+ * `true`:页面全屏;
2464
+ * `false`:系统全屏。
2465
+ * @default false
2466
+ */
2467
+ useCssFullscreen?: boolean;
2468
+ /**{zh}
2469
+ * 全屏的时候是否显示右上角返回按钮,通常在移动端开启。
2470
+ * `true`:显示;
2471
+ * `false`:不显示。
2472
+ * @default false
2473
+ */
2474
+ needBackIcon?: boolean;
2475
+ }
2476
+ /**
2477
+ * @list option
2478
+ * @kind property
2479
+ * @hidden
2480
+ */
2481
+ interface CommonStyle {
2482
+ /** {zh}
2483
+ * @brief 进度条底色
2484
+ * @default
2485
+ */
2486
+ progressColor?: string;
2487
+ /** {zh}
2488
+ * @brief 播放完成部分进度条底色
2489
+ * @default 无
2490
+ */
2491
+ playedColor?: string;
2492
+ /** {zh}
2493
+ * @brief 缓存部分进度条底色
2494
+ * @default 无
2495
+ */
2496
+ cachedColor?: string;
2497
+ /** {zh}
2498
+ * @brief 进度条滑块样式
2499
+ * @default
2500
+ */
2501
+ sliderBtnStyle?: {
2502
+ // eslint-disable-next-line @typescript-eslint/no-explicit-any
921
2503
  [propName: string]: any;
922
- }): any;
923
- unRegisterPlugin(plugin: any, removedFromConfig?: boolean): void;
924
- // 显示插件
925
- showIcon(pluginNames: string[]): void;
926
- // 隐藏插件显示
927
- hideIcon(pluginNames: string[]): void;
928
- destroy(): void;
929
- prepare(url: string): Promise<any[]>;
930
- private _handleFallback;
2504
+ };
2505
+ /** {zh}
2506
+ * @brief 音量颜色
2507
+ * @default
2508
+ */
2509
+ volumeColor?: string;
2510
+ }
2511
+ type PrepareResult = {
2512
+ options?: Partial<VePlayerBaseOptions>;
931
2513
  // eslint-disable-next-line @typescript-eslint/no-explicit-any
932
- private _transformEvent;
933
- private _switch;
934
- private _switchUrl;
935
- // 获取需要卸载和需要注册的播放插件
936
- private _diffPlugins;
937
- private _callBeforePlayerInitForUrl;
2514
+ plugins?: any[];
2515
+ };
2516
+ type PreparePlugins = (url: string) => Promise<PrepareResult> | undefined;
2517
+ /**
2518
+ * @detail option
2519
+ * @brief 视频的实际编码格式。如果您在degradation 设置了 SoftFirst 属性(即硬解不支持降级软解),建议您传入该参数,省去探测实际编码格式的操作。
2520
+ */
2521
+ enum Codec {
2522
+ /** {zh}
2523
+ * @brief h265 编码格式
2524
+ */
2525
+ H265 = "h265",
2526
+ /** {zh}
2527
+ * @brief h264 编码格式
2528
+ */
2529
+ H264 = "h264"
2530
+ }
2531
+ /**
2532
+ * @detail option
2533
+ * @brief 是否开启 H.265 兼容模式。在 H.265 兼容模式下,播放器会优先使用硬解来解码 H.265 直播流。如果设备或浏览器不支持 H.265 硬解,则自动降级为 H.265 软解。
2534
+ */
2535
+ enum Degradation {
2536
+ /** {zh}
2537
+ * @brief 硬解不支持降级到软解
2538
+ */
2539
+ SoftFirst = "soft-first",
2540
+ /** {zh}
2541
+ * @brief 硬解不支持降级到h264
2542
+ * @hidden
2543
+ */
2544
+ H264First = "h264-first"
2545
+ }
2546
+ /**
2547
+ * @detail option
2548
+ * @brief 解码方式。
2549
+ * @example
2550
+ * ```js
2551
+ * VePlayer.createLivePlayer({
2552
+ * height: 360,
2553
+ * url: options.url,
2554
+ * }).then(function (veplayer) {
2555
+ * veplayer.on(VePlayer.live.Events.CANPLAY, function () {
2556
+ * console.log('监听到 canplay 事件')
2557
+ * });
2558
+ * }).catch(error => {
2559
+ * console.log('创建播放器失败,报错信息:', error);
2560
+ * });;
2561
+ * ```
2562
+ */
2563
+ enum DecodeType {
2564
+ /** {zh}
2565
+ * @brief 软解
2566
+ */
2567
+ Software = "software",
2568
+ /** {zh}
2569
+ * @brief 硬解
2570
+ */
2571
+ Hardware = "hardware"
938
2572
  }
939
2573
  /// <reference types="./loader" />
940
2574
  const NAME_MAP: {
@@ -1021,7 +2655,7 @@ declare namespace strategy {
1021
2655
  const createSoftDecodeH265Strategy: StrategyCreator<VePlayerBaseOptions, DynamicModule.PluginXgvideo>;
1022
2656
  function getCodec(options: VePlayerBaseOptions): Promise<"unknown" | Codec>;
1023
2657
  function detectCodec(url: string): Promise<"unknown" | Codec>;
1024
- function isSoftDecode(options: VePlayerBaseOptions): Promise<boolean>;
2658
+ function isSoftDecode(options: VePlayerBaseOptions, currentCodec?: Codec | "unknown"): Promise<boolean>;
1025
2659
  function combineOptions<T = VePlayerBaseOptions>(strategyList: (Strategy<T> | undefined)[]): Partial<T>;
1026
2660
  const getFlvStrategy: (options: VePlayerBaseOptions) => Promise<{
1027
2661
  options?: undefined;
@@ -1171,7 +2805,7 @@ declare namespace error {
1171
2805
  texts?: Record<Lang, Record<string, string>>;
1172
2806
  };
1173
2807
  });
1174
- static get langKeys(): any;
2808
+ static get langKeys(): string[];
1175
2809
  static isLangValid(lang: Lang): boolean;
1176
2810
  static extend(i18nTextList: Array<IXGI18nText>, i18nLangs?: IXGI18n): void;
1177
2811
  setLang(lang: string): void;
@@ -1179,45 +2813,205 @@ declare namespace error {
1179
2813
  normalize(text?: string | Record<Lang, string>): string;
1180
2814
  getText(textKey?: T | string): Record<string | T, string>[string | T] | undefined;
1181
2815
  }
2816
+ /**
2817
+ * @detail error
2818
+ */
1182
2819
  enum Level {
2820
+ /**
2821
+ * @brief 严重
2822
+ *
2823
+ */
1183
2824
  Fatal = "Fatal",
2825
+ /**
2826
+ * @brief 报错
2827
+ */
1184
2828
  Error = "Error"
1185
2829
  }
1186
2830
  enum ErrorCode {
2831
+ /**
2832
+ * @brief 视频解析错误
2833
+ * @solution 请联系[技术支持](https://console.volcengine.com/workorder/create?step=2&SubProductID=P00000076)。
2834
+ */
1187
2835
  MANIFEST_HLS_ERROR = 1100,
2836
+ /**
2837
+ * @brief 视频解析错误
2838
+ * @solution 请联系[技术支持](https://console.volcengine.com/workorder/create?step=2&SubProductID=P00000076)。
2839
+ */
1188
2840
  MANIFEST_DASH_ERROR = 1200,
2841
+ /**
2842
+ * @brief 网络错误
2843
+ * @solution 请检查当前网络环境或播放地址是否合法。
2844
+ */
1189
2845
  NETWORK = 2100,
2846
+ /**
2847
+ * @brief 网络请求超时
2848
+ * @solution 请检查拉流地址是否合法。
2849
+ */
1190
2850
  NETWORK_TIMEOUT = 2101,
2851
+ /**
2852
+ * @brief 网络请求 403
2853
+ * @solution 请检查拉流地址鉴权信息。
2854
+ */
1191
2855
  NETWORK_FORBIDDEN = 2103,
2856
+ /**
2857
+ * @brief 网络请求 404
2858
+ * @solution 请检查拉流地址是否合法。
2859
+ */
1192
2860
  NETWORK_NOTFOUND = 2104,
2861
+ /**
2862
+ * @brief 网络请求 206
2863
+ * @solution 请检查拉流地址是否合法。
2864
+ */
1193
2865
  NETWORK_RANGE_NOT_SATISFIABLE = 2116,
2866
+ /**
2867
+ * @brief 视频解析错误
2868
+ * @solution 请检查拉流地址是否合法或联系[技术支持](https://console.volcengine.com/workorder/create?step=2&SubProductID=P00000076)。
2869
+ */
1194
2870
  DEMUX_FLV_ERROR = 3100,
2871
+ /**
2872
+ * @brief 视频解析错误
2873
+ * @solution 请检查拉流地址是否合法或联系[技术支持](https://console.volcengine.com/workorder/create?step=2&SubProductID=P00000076)。
2874
+ */
1195
2875
  DEMUX_HLS_ERROR = 3200,
2876
+ /**
2877
+ * @brief 视频解析错误
2878
+ * @solution 请检查拉流地址是否合法或联系[技术支持](https://console.volcengine.com/workorder/create?step=2&SubProductID=P00000076)。
2879
+ *
2880
+ */
1196
2881
  DEMUX_MP4_ERROR = 3300,
2882
+ /**
2883
+ * @brief 视频解析错误
2884
+ * @solution 请检查拉流地址是否合法或联系[技术支持](https://console.volcengine.com/workorder/create?step=2&SubProductID=P00000076)。
2885
+ *
2886
+ */
1197
2887
  DEMUX_FMP4_ERROR = 3400,
2888
+ /**
2889
+ * @brief 视频解析错误
2890
+ * @solution 请检查拉流地址是否合法或联系[技术支持](https://console.volcengine.com/workorder/create?step=2&SubProductID=P00000076)。
2891
+ *
2892
+ */
1198
2893
  DEMUX_SIDX_ERROR = 3410,
2894
+ /**
2895
+ * @brief 视频解析错误
2896
+ * @solution 请检查拉流地址是否合法或联系[技术支持](https://console.volcengine.com/workorder/create?step=2&SubProductID=P00000076)。
2897
+ *
2898
+ */
1199
2899
  REMUX_FMP4_ERROR = 4100,
2900
+ /**
2901
+ * @brief 视频解析错误
2902
+ * @solution 请检查拉流地址是否合法或联系[技术支持](https://console.volcengine.com/workorder/create?step=2&SubProductID=P00000076)。
2903
+ *
2904
+ */
1200
2905
  REMUX_MP4_ERROR = 4200,
2906
+ /**
2907
+ * @brief 获取数据过程被中止
2908
+ * @solution 请检查浏览器网络请求是否正常,再尝试重新拉流。
2909
+ */
1201
2910
  MEDIA_ERR_ABORTED = 5101,
2911
+ /**
2912
+ * @brief 网络发生错误,无法成功获取媒体文件
2913
+ * @solution 请检查浏览器网络请求是否正常,再尝试重新拉流。
2914
+ */
1202
2915
  MEDIA_ERR_NETWORK = 5102,
2916
+ /**
2917
+ * @brief 浏览器在解码媒体资源时发生错误
2918
+ * @solution
2919
+ * 1. 请检查原始视频是否正常;
2920
+ * 2. 重新进行转码和播放;
2921
+ * 3. 如仍未解决请联系[技术支持](https://console.volcengine.com/workorder/create?step=2&SubProductID=P00000076)。
2922
+ */
1203
2923
  MEDIA_ERR_DECODE = 5103,
2924
+ /**
2925
+ * @brief 因视频格式不支持、服务器或网络的问题造成视频无法加载
2926
+ * @solution
2927
+ * 1. 检查浏览器视频数据请求是否正常;
2928
+ * 2. 检查浏览器和页面环境是否支持要播放的视频格式;
2929
+ * 3. 如仍未解决请联系[技术支持](https://console.volcengine.com/workorder/create?step=2&SubProductID=P00000076)。
2930
+ */
1204
2931
  MEDIA_ERR_SRC_NOT_SUPPORTED = 5104,
2932
+ /**
2933
+ * @brief 当前浏览器不支持视频解码
2934
+ * @solution
2935
+ * 1. 检查浏览器视频数据请求是否正常;
2936
+ * 2. 检查浏览器和页面环境是否支持要播放的视频格式;
2937
+ * 3. 如仍未解决请联系[技术支持](https://console.volcengine.com/workorder/create?step=2&SubProductID=P00000076)。
2938
+ */
1205
2939
  MEDIA_ERR_CODEC_NOT_SUPPORTED = 5105,
2940
+ /**
2941
+ * @brief 当前播放地址为空
2942
+ * @solution 请检查必要参数 `url` 或 `playlist` 是否传入。
2943
+ */
1206
2944
  MEDIA_ERR_URL_EMPTY = 5106,
2945
+ /**
2946
+ * @brief 播放异常
2947
+ * @solution 请检查播放源或联系[技术支持](https://console.volcengine.com/workorder/create?step=2&SubProductID=P00000076)。
2948
+ */
1207
2949
  MEDIA_MSE_ADD_SB = 5200,
2950
+ /**
2951
+ * @brief 播放异常
2952
+ * @solution 请检查播放源或联系[技术支持](https://console.volcengine.com/workorder/create?step=2&SubProductID=P00000076)。
2953
+ */
1208
2954
  MEDIA_MSE_APPEND_BUFFER = 5201,
2955
+ /**
2956
+ * @brief 播放异常
2957
+ * @solution 请检查播放源或联系[技术支持](https://console.volcengine.com/workorder/create?step=2&SubProductID=P00000076)。
2958
+ */
1209
2959
  MEDIA_MSE_OTHER = 5202,
2960
+ /**
2961
+ * @brief 播放异常
2962
+ * @solution 请检查播放源或联系[技术支持](https://console.volcengine.com/workorder/create?step=2&SubProductID=P00000076)。
2963
+ */
1210
2964
  MEDIA_MSE_FULL = 5203,
2965
+ /**
2966
+ * @brief 播放异常
2967
+ * @solution 请检查播放源或联系[技术支持](https://console.volcengine.com/workorder/create?step=2&SubProductID=P00000076)。
2968
+ */
1211
2969
  MEDIA_MSE_HIJACK = 5204,
2970
+ /**
2971
+ * @brief 播放异常
2972
+ * @solution 请检查播放源或联系[技术支持](https://console.volcengine.com/workorder/create?step=2&SubProductID=P00000076)。
2973
+ */
1212
2974
  MEDIA_EME_HIJACK = 5301,
2975
+ /**
2976
+ * @brief DRM 权限校验失败
2977
+ * @hidden
2978
+ */
1213
2979
  DRM_LICENSE = 7100,
2980
+ /**
2981
+ * @brief DRM 权限校验失败
2982
+ * @hidden
2983
+ */
1214
2984
  DRM_CUSTOM_LICENSE = 7200,
2985
+ /**
2986
+ * @brief 播放异常
2987
+ * @solution 请检查播放源或联系[技术支持](https://console.volcengine.com/workorder/create?step=2&SubProductID=P00000076)。
2988
+ */
1215
2989
  OTHER = 8000,
2990
+ /**
2991
+ * @brief 播放异常
2992
+ * @solution 请检查播放源或联系[技术支持](https://console.volcengine.com/workorder/create?step=2&SubProductID=P00000076)。
2993
+ */
1216
2994
  RUNTIME_NO_CANPLAY_ERROR = 9001,
2995
+ /**
2996
+ * @brief 播放异常
2997
+ * @solution 请检查播放源或联系[技术支持](https://console.volcengine.com/workorder/create?step=2&SubProductID=P00000076)。
2998
+ */
1217
2999
  RUNTIME_BUFFERBREAK_ERROR = 9002,
3000
+ /**
3001
+ * @brief 播放异常
3002
+ * @solution 请检查播放源或联系[技术支持](https://console.volcengine.com/workorder/create?step=2&SubProductID=P00000076)。
3003
+ */
1218
3004
  RUNTIME_BWAITING_TIMEOUT_ERROR = 9002,
1219
3005
  // veplayer 报错
1220
- MODULE_LOAD_ERROR = 100,
3006
+ /**
3007
+ * @brief CDN 异步获取失败
3008
+ * @solution 请刷新重试或者检查网络环境。
3009
+ *
3010
+ */
3011
+ MODULE_LOAD_ERROR = 110,
3012
+ /**
3013
+ * @hidden
3014
+ */
1221
3015
  UNKNOWN = "UNKNOWN"
1222
3016
  }
1223
3017
  enum ErrorType {
@@ -1239,13 +3033,35 @@ declare namespace error {
1239
3033
  ext?: any;
1240
3034
  error?: Error;
1241
3035
  }
1242
- // 参考: https://bytedance.feishu.cn/docx/doxcnGPXIOrJk3dGE3E3YghgZke
1243
3036
  const ERROR_INFO: Partial<Record<ErrorCode, ErrorInfo>>;
1244
3037
  const ERROR_TYPE_INFO: Record<ErrorType, ErrorInfo>;
3038
+ /**
3039
+ * @detail error
3040
+ * @name 错误对象
3041
+ * @id 错误对象
3042
+ */
1245
3043
  class VeError<T extends string = TextKey> extends Error {
3044
+ /**
3045
+ * @brief 错误码,对应[错误码字典](#错误码)。
3046
+ */
1246
3047
  readonly errorCode: ErrorCode;
3048
+ /**
3049
+ * @brief 错误等级。
3050
+ */
1247
3051
  readonly level?: Level;
3052
+ /**
3053
+ * @brief 错误信息。
3054
+ */
3055
+ message: string;
3056
+ /**
3057
+ * @brief 其他错误信息。
3058
+ */
1248
3059
  readonly ext?: any;
3060
+ /**
3061
+ * @hidden
3062
+ * @param error
3063
+ * @param i18n
3064
+ */
1249
3065
  constructor(error?: string | ErrorInfo<T>, i18n?: VeI18n<T>);
1250
3066
  }
1251
3067
  function create(errorCode: ErrorCode, info?: ErrorInfo, i18n?: VeI18n): VeError<"DEFINITION_FALLBACK_TOAST" | "DEFINITION_SWITCHING" | "ERROR_REFRESH" | "UNMUTE" | "MANIFEST" | "NETWORK" | "NETWORK_TIMEOUT" | "NETWORK_FORBIDDEN" | "NETWORK_NOTFOUND" | "DEMUX" | "REMUX" | "MEDIA" | "MEDIA_ERR_CODEC_NOT_SUPPORTED" | "MEDIA_ERR_URL_EMPTY" | "DRM" | "OTHER" | "RUNTIME" | "MODULE_LOAD_ERROR" | "UNKNOWN" | "ERROR_TYPES" | "HAVE_NOTHING" | "HAVE_METADATA" | "HAVE_CURRENT_DATA" | "HAVE_FUTURE_DATA" | "HAVE_ENOUGH_DATA" | "NETWORK_EMPTY" | "NETWORK_IDLE" | "NETWORK_LOADING" | "NETWORK_NO_SOURCE" | "MEDIA_ERR_ABORTED" | "MEDIA_ERR_NETWORK" | "MEDIA_ERR_DECODE" | "MEDIA_ERR_SRC_NOT_SUPPORTED" | "REPLAY" | "ERROR" | "PLAY_TIPS" | "PAUSE_TIPS" | "PLAYNEXT_TIPS" | "DOWNLOAD_TIPS" | "ROTATE_TIPS" | "RELOAD_TIPS" | "FULLSCREEN_TIPS" | "EXITFULLSCREEN_TIPS" | "CSSFULLSCREEN_TIPS" | "EXITCSSFULLSCREEN_TIPS" | "TEXTTRACK" | "PIP" | "SCREENSHOT" | "LIVE" | "OFF" | "OPEN" | "MINI_DRAG" | "MINISCREEN" | "REFRESH_TIPS" | "REFRESH" | "FORWARD" | "LIVE_TIP">;
@@ -1316,6 +3132,7 @@ declare namespace event {
1316
3132
  DURATION_CHANGE: string;
1317
3133
  VOLUME_CHANGE: string;
1318
3134
  LOADED_DATA: string;
3135
+ LOADED_METADATA: string;
1319
3136
  RATE_CHANGE: string;
1320
3137
  PROGRESS: string;
1321
3138
  LOAD_START: string;
@@ -1351,53 +3168,6 @@ declare namespace event {
1351
3168
  xgCallback: ((...args: any) => void) | undefined;
1352
3169
  };
1353
3170
  }
1354
- type Text = string | Record<Lang, string>;
1355
- type Config$1 = {
1356
- // eslint-disable-next-line @typescript-eslint/no-explicit-any
1357
- [key: string]: any;
1358
- showErrorImg: boolean;
1359
- showErrorTip: boolean;
1360
- showRefresh: boolean;
1361
- errorTipsText: Text;
1362
- extraTips: {
1363
- label: Text;
1364
- value: Text;
1365
- }[];
1366
- };
1367
- declare class Error extends Plugin {
1368
- player: Player$0;
1369
- icons: {
1370
- error: HTMLElement;
1371
- };
1372
- langText: {
1373
- refresh: string;
1374
- errorTip: string;
1375
- };
1376
- config: Config$1;
1377
- private _error?;
1378
- static get pluginName(): string;
1379
- static get defaultConfig(): Config$1;
1380
- get _errorTip(): string;
1381
- afterCreate(): void;
1382
- registerIcons(): {
1383
- error: {
1384
- icon: any;
1385
- class: string;
1386
- };
1387
- };
1388
- updateLang(): void;
1389
- showError(error: VeError | XGError): void;
1390
- hideError(): void;
1391
- destroy(): void;
1392
- render(): string;
1393
- private _focus;
1394
- private _initIcons;
1395
- private _initEvents;
1396
- private _renderText;
1397
- private _renderExtraTips;
1398
- private _handleRefresh;
1399
- private _renderRefresh;
1400
- }
1401
3171
  interface VodVePlayerOptions {
1402
3172
  plugins: any[];
1403
3173
  }