@volcengine/veplayer 2.0.0-rc.1 → 2.0.0-rc.2

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