@volcengine/veplayer 2.0.0-rc.0 → 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 +2042 -278
- package/esm/veplayer.biz.live.development.js +26 -5
- package/esm/veplayer.biz.live.production.js +1 -1
- package/esm/veplayer.d.ts +4488 -836
- package/esm/veplayer.development.js +288 -58
- package/esm/veplayer.live.d.ts +4494 -843
- package/esm/veplayer.live.development.js +288 -58
- package/esm/veplayer.live.production.js +4 -4
- package/esm/veplayer.production.js +4 -4
- package/esm/veplayer.vod.d.ts +2042 -278
- package/esm/veplayer.vod.development.js +251 -40
- package/esm/veplayer.vod.production.js +3 -3
- package/package.json +1 -1
- package/umd/index.d.ts +2042 -278
- package/umd/veplayer.biz.live.development.js +26 -5
- package/umd/veplayer.biz.live.production.js +1 -1
- package/umd/veplayer.d.ts +4488 -836
- package/umd/veplayer.development.js +288 -58
- package/umd/veplayer.live.d.ts +4494 -843
- package/umd/veplayer.live.development.js +288 -58
- package/umd/veplayer.live.production.js +1 -1
- package/umd/veplayer.production.js +1 -1
- package/umd/veplayer.vod.d.ts +2042 -278
- package/umd/veplayer.vod.development.js +251 -40
- package/umd/veplayer.vod.production.js +1 -1
package/esm/veplayer.vod.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,
|
|
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 {
|
|
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:
|
|
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:
|
|
215
|
+
changeMode(listType: ListType): void;
|
|
175
216
|
// 渲染选择列表
|
|
176
217
|
renderItemList(data?: ListItem[]): HTMLElement;
|
|
177
218
|
// 渲染panel的标题
|
|
178
219
|
renderTitle(): HTMLElement | undefined;
|
|
179
|
-
updatePanel(listType:
|
|
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
|
-
|
|
201
|
-
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
|
|
205
|
-
}
|
|
206
|
-
|
|
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?:
|
|
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
|
-
|
|
252
|
-
|
|
253
|
-
|
|
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
|
-
|
|
256
|
-
|
|
257
|
-
|
|
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
|
|
260
|
-
|
|
261
|
-
|
|
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
|
-
|
|
264
|
-
|
|
265
|
-
|
|
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
|
-
|
|
268
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
280
|
-
|
|
281
|
-
|
|
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
|
|
783
|
+
muted?: boolean;
|
|
284
784
|
} | boolean;
|
|
285
|
-
|
|
286
|
-
|
|
287
|
-
|
|
288
|
-
|
|
289
|
-
|
|
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
|
-
|
|
292
|
-
|
|
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
|
-
|
|
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():
|
|
328
|
-
|
|
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<
|
|
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
|
-
|
|
344
|
-
|
|
345
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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:
|
|
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:
|
|
1679
|
+
changeMode(listType: ListType): void;
|
|
679
1680
|
// 渲染选择列表
|
|
680
1681
|
renderItemList(data?: ListItem[]): HTMLElement;
|
|
681
1682
|
// 渲染panel的标题
|
|
682
1683
|
renderTitle(): HTMLElement | undefined;
|
|
683
|
-
updatePanel(listType:
|
|
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
|
-
|
|
702
|
-
|
|
703
|
-
|
|
704
|
-
|
|
705
|
-
|
|
706
|
-
|
|
707
|
-
|
|
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?:
|
|
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
|
-
|
|
788
|
-
|
|
789
|
-
|
|
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
|
|
792
|
-
|
|
793
|
-
|
|
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
|
|
796
|
-
|
|
797
|
-
|
|
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
|
-
|
|
800
|
-
|
|
801
|
-
|
|
802
|
-
|
|
803
|
-
|
|
804
|
-
|
|
805
|
-
|
|
806
|
-
|
|
807
|
-
|
|
808
|
-
|
|
809
|
-
|
|
810
|
-
|
|
811
|
-
|
|
812
|
-
|
|
813
|
-
|
|
814
|
-
|
|
815
|
-
|
|
816
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
829
|
-
|
|
830
|
-
|
|
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
|
|
2306
|
+
muted?: boolean;
|
|
833
2307
|
} | boolean;
|
|
834
|
-
|
|
835
|
-
|
|
836
|
-
|
|
837
|
-
|
|
838
|
-
|
|
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
|
-
|
|
841
|
-
|
|
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
|
-
|
|
845
|
-
|
|
846
|
-
|
|
847
|
-
|
|
848
|
-
|
|
849
|
-
|
|
850
|
-
|
|
851
|
-
|
|
852
|
-
|
|
853
|
-
|
|
854
|
-
|
|
855
|
-
|
|
856
|
-
|
|
857
|
-
|
|
858
|
-
|
|
859
|
-
|
|
860
|
-
|
|
861
|
-
|
|
862
|
-
|
|
863
|
-
|
|
864
|
-
|
|
865
|
-
|
|
866
|
-
|
|
867
|
-
|
|
868
|
-
|
|
869
|
-
|
|
870
|
-
|
|
871
|
-
|
|
872
|
-
|
|
873
|
-
|
|
874
|
-
|
|
875
|
-
|
|
876
|
-
|
|
877
|
-
|
|
878
|
-
|
|
879
|
-
|
|
880
|
-
|
|
881
|
-
|
|
882
|
-
|
|
883
|
-
|
|
884
|
-
|
|
885
|
-
|
|
886
|
-
|
|
887
|
-
}
|
|
888
|
-
|
|
889
|
-
|
|
890
|
-
|
|
891
|
-
|
|
892
|
-
|
|
893
|
-
|
|
894
|
-
|
|
895
|
-
|
|
896
|
-
|
|
897
|
-
|
|
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
|
-
}
|
|
923
|
-
|
|
924
|
-
|
|
925
|
-
|
|
926
|
-
|
|
927
|
-
|
|
928
|
-
|
|
929
|
-
|
|
930
|
-
|
|
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
|
-
|
|
933
|
-
|
|
934
|
-
|
|
935
|
-
|
|
936
|
-
|
|
937
|
-
|
|
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
|
-
|
|
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
|
}
|