@ezuikit/player-ezopen 8.2.2-beta.2 → 8.2.2-beta.4

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.
@@ -1,1238 +0,0 @@
1
- import * as _ezuikit_utils_service_dist_types_fetch from '@ezuikit/utils-service/dist/types/fetch';
2
- import { LoggerCls } from '@ezuikit/utils-logger/dist/types/logger';
3
- import { LoggerOptions } from '@ezuikit/utils-logger';
4
- import * as I18n from '@ezuikit/utils-i18n';
5
- import I18n__default from '@ezuikit/utils-i18n';
6
- import Service, { DeviceCapacityRes, DeviceInfoRes } from '@ezuikit/utils-service';
7
- import { EzopenURL } from '@ezuikit/utils-tools';
8
- import EventEmitter from 'eventemitter3';
9
- import PlayerRecordPlugin from '@ezuikit/player-plugin-record';
10
-
11
- /**
12
- * 环境
13
- */
14
- interface PlayerEnv {
15
- domain: string;
16
- wsUrl?: string;
17
- }
18
- interface PlayerOptions {
19
- /**
20
- * dom id
21
- */
22
- id: string;
23
- /**
24
- * 视频封面
25
- */
26
- poster?: string;
27
- /**
28
- * 播放地址
29
- */
30
- url: string;
31
- /**
32
- *
33
- */
34
- accessToken?: string;
35
- /**
36
- * 自动播放
37
- */
38
- autoPlay?: boolean;
39
- /**
40
- * 是否开启音频
41
- */
42
- audio?: boolean;
43
- /**
44
- * 环境变量
45
- */
46
- env?: PlayerEnv;
47
- /**
48
- * 打开流信息回调,监听 streamInfoCB 事件
49
- * 0 : 每次都回调
50
- * 1 : 只回调一次
51
- * 注意:会影响性能
52
- * 默认值 1
53
- */
54
- streamInfoCBType: 0 | 1;
55
- }
56
- interface IResult$1<T> {
57
- data?: T;
58
- code?: number;
59
- msg?: string;
60
- }
61
- interface IFrameInfo {
62
- codecType: number;
63
- videoFormatName?: string;
64
- width: number;
65
- height: number;
66
- year: number;
67
- month: number;
68
- day: number;
69
- hour: number;
70
- minute: number;
71
- second: number;
72
- }
73
-
74
- interface IResult<T> {
75
- data?: T;
76
- code?: number;
77
- msg?: string;
78
- }
79
- /**
80
- * 播放器标准接口
81
- */
82
- interface PlayerInterface extends EventEmitter {
83
- playing: boolean;
84
- volume: number;
85
- playbackRate: number;
86
- deviceCapacity: Record<string, any>;
87
- i18n: any;
88
- logger: any;
89
- /**
90
- * 播放
91
- * @param options
92
- * @returns {Promise}
93
- */
94
- play: (options?: any) => Promise<unknown>;
95
- /**
96
- * 暂停播放
97
- * @returns
98
- */
99
- pause: (bool?: boolean) => Promise<unknown>;
100
- /**
101
- * 销毁并断流
102
- * @returns
103
- */
104
- destroy: () => Promise<unknown>;
105
- /**
106
- * 截图
107
- * @param {string} name 文件名 默认时间戳(new Date().getTime())
108
- * @param {"png" | "jpeg"} fmt 图片格式
109
- * @param {"base64"} type 文件格式 默认base64
110
- * @param {boolean} download 是否直接下载 默认不直接下载
111
- * @returns 返回base64字符
112
- */
113
- snapshot: (name?: string, fmt?: 'jpeg', type?: 'base64', download?: boolean) => Promise<IResult<{
114
- fileName?: string;
115
- base64?: string;
116
- } | null>>;
117
- /**
118
- * 开始录制视频
119
- * @param {string} name 文件名 默认时间戳(new Date().getTime())
120
- * @param {"mp4"} fmt 图片格式 默认mp4
121
- * @returns
122
- */
123
- startRecord?: (name?: string, fmt?: 'mp4') => Promise<any>;
124
- /**
125
- * 停止录制
126
- * @returns
127
- */
128
- stopRecord?: () => Promise<any>;
129
- /**
130
- * 全屏
131
- * @returns
132
- */
133
- fullScreen: () => Promise<void>;
134
- /**
135
- * 退出全屏
136
- * @returns
137
- */
138
- exitScreen: () => Promise<void>;
139
- /**
140
- * 设置画布/视频的尺寸 不设置 默认使用容器的高宽(充满容器)
141
- * @param {number=} width 画布的宽度
142
- * @param {number=} height 画布的高度
143
- * @returns
144
- */
145
- resize: (width?: number, height?: number) => Promise<{
146
- width: number;
147
- height: number;
148
- }>;
149
- /**
150
- * 设置音量
151
- * @param volume 音量 [0-1], 0:表示静音
152
- * @returns {void}
153
- */
154
- setVolume: (volume: number) => void;
155
- /**
156
- * 设置封面
157
- * @param url
158
- * @returns
159
- */
160
- setPoster?: (postUrl: string) => void;
161
- /**
162
- * 设置播放速度
163
- * @param rate
164
- * @returns
165
- */
166
- setPlaybackRate?: (rate: number) => void;
167
- /**
168
- * 当前版本号
169
- * @returns
170
- */
171
- getVersion: () => object;
172
- /**
173
- * 设置日志打印的级别 INFO | LOG | WARN | ERROR
174
- *
175
- *
176
- * @param {string} level 日志级别 一次从大到小 3 -> 0 (为了更好的扩展)
177
- * @returns
178
- */
179
- setDebug?: (level: 'INFO' | 'LOG' | 'WARN' | 'ERROR') => void;
180
- }
181
-
182
- interface PlayerPlugin {
183
- name: string;
184
- init?: (player?: PlayerInterface) => void;
185
- beforeExec?: (player?: PlayerInterface) => boolean | Promise<boolean>;
186
- exec: (player?: PlayerInterface) => void;
187
- afterExec?: (player?: PlayerInterface) => void;
188
- destroy?: (player?: PlayerInterface) => void;
189
- }
190
-
191
- declare class ESCanvas {
192
- constructor(szCanvasId: any);
193
- m_iCanvasWidth: any;
194
- m_iCanvasHeight: any;
195
- m_iHorizontalResolution: number;
196
- m_iVerticalResolution: number;
197
- m_szDisplayMode: string;
198
- m_szVideoFormat: string;
199
- setDrawMutiShapeOneTime(bDrawMuti: any): void;
200
- setMaxShapeSupport(iMax: any): void;
201
- getMaxShapeSupport(): number;
202
- setDrawStatus(bDrawStatus: any, cbCallback?: any): void;
203
- setShapeType(szType: any): void;
204
- setCurrentShapeInfo(oShapeInfo: any): void;
205
- getShapeType(): string;
206
- getAllShapesInfo(): (
207
- | {
208
- szType: any;
209
- szGridMap: any;
210
- iGridColNum: any;
211
- iGridRowNum: any;
212
- szText?: undefined;
213
- szEnabled?: undefined;
214
- szOSDType?: undefined;
215
- iPositionX?: undefined;
216
- iPositionY?: undefined;
217
- szDateStyle?: undefined;
218
- szClockType?: undefined;
219
- szDisplayWeek?: undefined;
220
- szId?: undefined;
221
- szAlignment?: undefined;
222
- aPoint?: undefined;
223
- bChoosed?: undefined;
224
- }
225
- | {
226
- szType: any;
227
- szText: any;
228
- szEnabled: any;
229
- szOSDType: any;
230
- iPositionX: any;
231
- iPositionY: any;
232
- szDateStyle: any;
233
- szClockType: any;
234
- szDisplayWeek: any;
235
- szId: any;
236
- szAlignment: any;
237
- szGridMap?: undefined;
238
- iGridColNum?: undefined;
239
- iGridRowNum?: undefined;
240
- aPoint?: undefined;
241
- bChoosed?: undefined;
242
- }
243
- | {
244
- szType: any;
245
- aPoint: any;
246
- szId: any;
247
- bChoosed: any;
248
- szGridMap?: undefined;
249
- iGridColNum?: undefined;
250
- iGridRowNum?: undefined;
251
- szText?: undefined;
252
- szEnabled?: undefined;
253
- szOSDType?: undefined;
254
- iPositionX?: undefined;
255
- iPositionY?: undefined;
256
- szDateStyle?: undefined;
257
- szClockType?: undefined;
258
- szDisplayWeek?: undefined;
259
- szAlignment?: undefined;
260
- }
261
- )[];
262
- deleteRepeatPolyonById(id: any): void;
263
- getShapesInfoByType(szType: any): (
264
- | {
265
- szType: any;
266
- szGridMap: any;
267
- iGridColNum: any;
268
- iGridRowNum: any;
269
- szText?: undefined;
270
- szEnabled?: undefined;
271
- szOSDType?: undefined;
272
- iPositionX?: undefined;
273
- iPositionY?: undefined;
274
- szDateStyle?: undefined;
275
- szClockType?: undefined;
276
- szDisplayWeek?: undefined;
277
- szId?: undefined;
278
- szAlignment?: undefined;
279
- iPolygonType?: undefined;
280
- iMinClosed?: undefined;
281
- iMaxPointNum?: undefined;
282
- iEditType?: undefined;
283
- aPoint?: undefined;
284
- bClosed?: undefined;
285
- szTips?: undefined;
286
- szDrawColor?: undefined;
287
- szFillColor?: undefined;
288
- iTranslucent?: undefined;
289
- iLineType?: undefined;
290
- iDirection?: undefined;
291
- iArrowType?: undefined;
292
- aCrossArrowPoint?: undefined;
293
- }
294
- | {
295
- szType: any;
296
- szText: any;
297
- szEnabled: any;
298
- szOSDType: any;
299
- iPositionX: any;
300
- iPositionY: any;
301
- szDateStyle: any;
302
- szClockType: any;
303
- szDisplayWeek: any;
304
- szId: any;
305
- szAlignment: any;
306
- szGridMap?: undefined;
307
- iGridColNum?: undefined;
308
- iGridRowNum?: undefined;
309
- iPolygonType?: undefined;
310
- iMinClosed?: undefined;
311
- iMaxPointNum?: undefined;
312
- iEditType?: undefined;
313
- aPoint?: undefined;
314
- bClosed?: undefined;
315
- szTips?: undefined;
316
- szDrawColor?: undefined;
317
- szFillColor?: undefined;
318
- iTranslucent?: undefined;
319
- iLineType?: undefined;
320
- iDirection?: undefined;
321
- iArrowType?: undefined;
322
- aCrossArrowPoint?: undefined;
323
- }
324
- | {
325
- szType: any;
326
- szId: any;
327
- iPolygonType: any;
328
- iMinClosed: any;
329
- iMaxPointNum: any;
330
- iEditType: any;
331
- aPoint: any;
332
- bClosed: any;
333
- szTips: any;
334
- szDrawColor: any;
335
- szFillColor: any;
336
- iTranslucent: any;
337
- szGridMap?: undefined;
338
- iGridColNum?: undefined;
339
- iGridRowNum?: undefined;
340
- szText?: undefined;
341
- szEnabled?: undefined;
342
- szOSDType?: undefined;
343
- iPositionX?: undefined;
344
- iPositionY?: undefined;
345
- szDateStyle?: undefined;
346
- szClockType?: undefined;
347
- szDisplayWeek?: undefined;
348
- szAlignment?: undefined;
349
- iLineType?: undefined;
350
- iDirection?: undefined;
351
- iArrowType?: undefined;
352
- aCrossArrowPoint?: undefined;
353
- }
354
- | {
355
- szType: any;
356
- szId: any;
357
- aPoint: any;
358
- szTips: any;
359
- iLineType: any;
360
- iDirection: any;
361
- iArrowType: any;
362
- szDrawColor: any;
363
- aCrossArrowPoint: any;
364
- szGridMap?: undefined;
365
- iGridColNum?: undefined;
366
- iGridRowNum?: undefined;
367
- szText?: undefined;
368
- szEnabled?: undefined;
369
- szOSDType?: undefined;
370
- iPositionX?: undefined;
371
- iPositionY?: undefined;
372
- szDateStyle?: undefined;
373
- szClockType?: undefined;
374
- szDisplayWeek?: undefined;
375
- szAlignment?: undefined;
376
- iPolygonType?: undefined;
377
- iMinClosed?: undefined;
378
- iMaxPointNum?: undefined;
379
- iEditType?: undefined;
380
- bClosed?: undefined;
381
- szFillColor?: undefined;
382
- iTranslucent?: undefined;
383
- }
384
- | {
385
- szType: any;
386
- iEditType: any;
387
- aPoint: any;
388
- szTips: any;
389
- szDrawColor: any;
390
- szFillColor: any;
391
- iTranslucent: any;
392
- szGridMap?: undefined;
393
- iGridColNum?: undefined;
394
- iGridRowNum?: undefined;
395
- szText?: undefined;
396
- szEnabled?: undefined;
397
- szOSDType?: undefined;
398
- iPositionX?: undefined;
399
- iPositionY?: undefined;
400
- szDateStyle?: undefined;
401
- szClockType?: undefined;
402
- szDisplayWeek?: undefined;
403
- szId?: undefined;
404
- szAlignment?: undefined;
405
- iPolygonType?: undefined;
406
- iMinClosed?: undefined;
407
- iMaxPointNum?: undefined;
408
- bClosed?: undefined;
409
- iLineType?: undefined;
410
- iDirection?: undefined;
411
- iArrowType?: undefined;
412
- aCrossArrowPoint?: undefined;
413
- }
414
- | {
415
- szType: any;
416
- aPoint: any;
417
- szGridMap?: undefined;
418
- iGridColNum?: undefined;
419
- iGridRowNum?: undefined;
420
- szText?: undefined;
421
- szEnabled?: undefined;
422
- szOSDType?: undefined;
423
- iPositionX?: undefined;
424
- iPositionY?: undefined;
425
- szDateStyle?: undefined;
426
- szClockType?: undefined;
427
- szDisplayWeek?: undefined;
428
- szId?: undefined;
429
- szAlignment?: undefined;
430
- iPolygonType?: undefined;
431
- iMinClosed?: undefined;
432
- iMaxPointNum?: undefined;
433
- iEditType?: undefined;
434
- bClosed?: undefined;
435
- szTips?: undefined;
436
- szDrawColor?: undefined;
437
- szFillColor?: undefined;
438
- iTranslucent?: undefined;
439
- iLineType?: undefined;
440
- iDirection?: undefined;
441
- iArrowType?: undefined;
442
- aCrossArrowPoint?: undefined;
443
- }
444
- )[];
445
- setShapesInfoByType(szType: any, aShapesInfo: any): void;
446
- addOSDShape(szText: any, szEnabled: any, iStartX: any, iStartY: any, oExtend: any): void;
447
- selectShapeById(szShapeType: any, szId: any): void;
448
- setCanvasSize(iWidth: any, iHeight: any): void;
449
- setDrawStyle(szBorderColor: any, szFillColor: any, iTranslucent: any): void;
450
- clearAllShape(): void;
451
- clearShapeByType(szType: any): void;
452
- deleteShape(iShapeIndex: any): void;
453
- updateCanvas(szCanvasId: any): void;
454
- resizeCanvas(): void;
455
- resize(width: number, height: number): void;
456
- canvasRedraw(): void;
457
- destroy(): void;
458
- [CANVAS]: any;
459
- [CONTEXT]: any;
460
- [SHAPES]: any[];
461
- [DRAWSTATUS]: boolean;
462
- [SHAPETYPE]: string;
463
- [MAXSHAPENUMSUPPORT]: number;
464
- [DRAWSHAPEMULTIONETIME]: boolean;
465
- [CURRENTSHAPEINFO]: {};
466
- [EVENTCALLBACK]: any;
467
- [SHAPESTYLE]: {
468
- szDrawColor: string;
469
- szFillColor: string;
470
- iTranslucent: number;
471
- };
472
- [POLYGONDRAWING]: boolean;
473
- }
474
- declare const CANVAS: unique symbol;
475
- declare const CONTEXT: unique symbol;
476
- declare const SHAPES: unique symbol;
477
- declare const DRAWSTATUS: unique symbol;
478
- declare const SHAPETYPE: unique symbol;
479
- declare const MAXSHAPENUMSUPPORT: unique symbol;
480
- declare const DRAWSHAPEMULTIONETIME: unique symbol;
481
- declare const CURRENTSHAPEINFO: unique symbol;
482
- declare const EVENTCALLBACK: unique symbol;
483
- declare const SHAPESTYLE: unique symbol;
484
- declare const POLYGONDRAWING: unique symbol;
485
-
486
- declare const JSPlayCtrl: any;
487
-
488
- interface IPlayerWindowOptions {
489
- container: HTMLElement;
490
- id: string;
491
- onCurrentFullScreenChange?: (event: Event) => void;
492
- dpr?: number;
493
- player: EZopenPlayer;
494
- }
495
- /**
496
- * @description 播放器窗口
497
- * @warn 后续会弱化 id
498
- */
499
- declare class PlayerWindow {
500
- id: string;
501
- width: number;
502
- height: number;
503
- private _canvasWidth;
504
- private _canvasHeight;
505
- dpr: number;
506
- canvasId: string;
507
- $canvas: HTMLCanvasElement;
508
- _options: IPlayerWindowOptions;
509
- private readonly _$container;
510
- private readonly _player;
511
- constructor(options: IPlayerWindowOptions);
512
- /**
513
- * @description 渲染播放器窗口
514
- * @returns
515
- */
516
- private _render;
517
- /**
518
- * @description canvas 隐藏 (由于 v3 切换播放地址时 上个canvas 还在 页面resize canvas 会崩溃 变成白色, 使用改方法配合 reRenderCanvas)
519
- */
520
- hide(): void;
521
- /**
522
- * @description 销毁播放器窗口
523
- */
524
- destroy(): void;
525
- private _removeCanvas;
526
- /**
527
- * 重置视频的分辨率
528
- * @param {number} width 宽度
529
- * @param {number} height 高度
530
- */
531
- resize(width: number, height: number): void;
532
- /**
533
- *
534
- * @param {boolean} remove 是否移除
535
- * @returns
536
- */
537
- reRenderCanvas(remove?: boolean): void;
538
- }
539
-
540
- interface WasmDecoderStatue {
541
- bSupHardOrSoft: boolean;
542
- bSupHardDecAVC: boolean;
543
- bSupHardDecHEVC: boolean;
544
- cmd: 'loaded' | 'onebyone';
545
- errorCode: number;
546
- status: any;
547
- }
548
-
549
- type Zoom3DCallback = (oRECT?: any) => void;
550
-
551
- type SnapshotFmt = 'jpeg';
552
-
553
- /**
554
- * @description 插件管理系统
555
- */
556
- declare class PluginManager {
557
- context: EZopenPlayer;
558
- plugins: Map<string, PlayerPlugin>;
559
- constructor(player: EZopenPlayer);
560
- /**
561
- * @description 注册插件做个插件
562
- * @param plugins
563
- */
564
- usePlugins(plugins: PlayerPlugin[]): Promise<void>;
565
- /**
566
- * @description 注册插件
567
- * @param plugins
568
- */
569
- use(plugin: PlayerPlugin): Promise<void>;
570
- /**
571
- * @description 通过name销毁指定插件
572
- * @param {string} name 插件名
573
- */
574
- destroyByName(name: string): void;
575
- /**
576
- * @description 销毁插件
577
- */
578
- destroy(): void;
579
- }
580
-
581
- /***
582
- * 鱼眼矫正
583
- *
584
- */
585
- declare class FECCorrect {
586
- _FECSplitIds: string | undefined;
587
- _canvasFECSubPort: Map<any, any>;
588
- _correctType: any;
589
- private readonly _player;
590
- constructor(player: EZopenPlayer);
591
- _supportFEC(): boolean | undefined;
592
- init(): void;
593
- /**
594
- * @description 设置矫正类型
595
- * @param type
596
- * @param ids
597
- * @returns
598
- */
599
- setFECCorrectType(type: any, ids?: string): Promise<unknown>;
600
- /**
601
- * @description 设置 2D 鱼眼矫正旋转参数
602
- * @param {number} port 鱼眼端口 主屏默认为 0
603
- * @param {Object} param2d
604
- */
605
- setFEC2DParam(port: number, param2d: any): any;
606
- /**
607
- * @description 设置 3D 矫正视角参数
608
- * @param {FECViewParam} param
609
- * @returns {Promise<boolean>} true: 成功 false: 失败 undefined: 不支持
610
- */
611
- setFEC3DViewParam(param: any): Promise<boolean>;
612
- /**
613
- * @description 获取 3D 矫正视角参数
614
- * @param {FECGetViewParam} param
615
- * @returns {Promise<object>}
616
- */
617
- get3DViewParam(param: any): Promise<unknown>;
618
- getFECSubPortMap(): Map<any, any>;
619
- /**
620
- * @description 创建分屏画面
621
- * @returns
622
- */
623
- private _createSplitCanvas;
624
- private _matchUpDateType;
625
- /**
626
- * @description 给分屏添加mouse事件
627
- * @param {string} canvasId
628
- * @param {{correctType: string}} type
629
- * @returns
630
- */
631
- private _spliceCanvasMouseEvents;
632
- /**
633
- * @description 清空所有鱼眼子端口 不包括主窗口
634
- */
635
- private _closeFECAllSubWnd;
636
- }
637
-
638
- /**
639
- * 设置水印参数
640
- */
641
- interface WaterMarkParams {
642
- /** 文本信息(必填) */
643
- fontString: string[];
644
- /** 文本位置 字体的位置,fX 表示横坐标,fY 表示纵坐标,取值范围为[0,1],左上角是原点。 */
645
- startPos?: {
646
- fX: number;
647
- fY: number;
648
- };
649
- /** 字体颜色信息,取值范围 [0,1] (number/255)。其中 fA 表示透明度,0 时完全透明不显示。 */
650
- fontColor?: {
651
- fR: number;
652
- fG: number;
653
- fB: number;
654
- fA: number;
655
- };
656
- /** 字体大小,字体宽高设置不一样时,显示出来字体大小为宽高中较小值。建议取值 [0~canvasWidth */
657
- fontSize?: {
658
- nFontWidth: number;
659
- nFontHeight: number;
660
- };
661
- /** 字体旋转角度 字体旋 转参数,①fRotateAngle 为旋转角度,单位度(0~360 度)。②fFillFullScreen 为 true 表示铺满全屏,会在 canvas 中斜体显示 n 个,false 表示只显示一行。 */
662
- fontRotate?: {
663
- fRotateAngle: number;
664
- fFillFullScreen: boolean;
665
- };
666
- /** 字体 */
667
- fontFamily?: string;
668
- /** 当平铺斜体水印时,即 FontRotate. fFillFullScreen 为 true 时,需要用到此参数。nRowNumber 表示行数,nColNumber 列数。会显示 4 行 5 列的斜体水印。取值范围[3,13]。 */
669
- fontNumber?: {
670
- nRowNumber: number;
671
- nColNumber: number;
672
- };
673
- /** 多行字间距:建议取值范围[1~2]。 */
674
- space?: number;
675
- /** @since 8.0.8 */
676
- pstCanvasAdapt: {
677
- /** 自适应模式 */
678
- nCanvasAdaptMode: 0 | 1 | 2;
679
- nRowSpace: number;
680
- nColSpace: number;
681
- nBaseCanvasWidth: number;
682
- nBaseCanvasHeight: number;
683
- };
684
- }
685
-
686
- type MirrorFlipCommand = 0 | 1 | 2;
687
-
688
- type StreamInfoCallBackFn = (info: any) => void;
689
-
690
- interface EZopenPlayerOptions extends PlayerOptions {
691
- logger?: LoggerOptions;
692
- i18n?: any;
693
- staticPath?: string;
694
- width?: number;
695
- height?: number;
696
- dpr?: number;
697
- container?: HTMLElement;
698
- /** 全屏节点 */
699
- fullScreenEle?: HTMLElement;
700
- /** 指定解码类型, v1 软解 v3 包括硬解和多线程 */
701
- decoderType?: 'auto' | 'v1' | 'v3';
702
- /** 下载当前原始视频流,用于调试,不能动态设置,结束或销毁播放时自动保存成文件并下载 */
703
- debugDownloadData?: boolean;
704
- extraParams?: {
705
- ezopenParams?: Record<string, any>;
706
- wsParams?: string | Record<string, any>;
707
- };
708
- disableRenderPrivateData?: boolean | true;
709
- decodeEngine?: number | 1;
710
- }
711
- declare class EZopenPlayer extends EventEmitter {
712
- _options: EZopenPlayerOptions;
713
- static EVENT_TYPE: {
714
- initializing: string;
715
- loadstart: string;
716
- abort: string;
717
- waiting: string;
718
- canplay: string;
719
- rateChange: string;
720
- volumeChange: string;
721
- debug: string;
722
- error: string;
723
- videoInfo: string;
724
- audioInfo: string;
725
- decoder: string;
726
- urlChange: string;
727
- API: {
728
- play: string;
729
- pause: string;
730
- rateChange: string;
731
- volumeChange: string;
732
- destroy: string;
733
- snapshot: string;
734
- fullscreen: string;
735
- exitFullscreen: string;
736
- resize: string;
737
- seek: string;
738
- resume: string;
739
- };
740
- NETWORK: {
741
- deviceCapacity: string;
742
- deviceInfo: string;
743
- videoFragmentFiles: string;
744
- error: {
745
- error: string;
746
- deviceCapacity: string;
747
- deviceInfo: string;
748
- realPlayUrl: string;
749
- videoFragmentFiles: string;
750
- };
751
- };
752
- SOCKET: {
753
- autoClose: string;
754
- openStream: string;
755
- startPlay: string;
756
- stopAll: string;
757
- setPlayRate: string;
758
- seek: string;
759
- close: string;
760
- error: string;
761
- };
762
- CALLBACK: {
763
- pluginErrorHandler: string;
764
- getStreamHeaderCallback: string;
765
- getVideoStreamCallback: string;
766
- appearFirstFrameCallback: string;
767
- firstFrameCallback: string;
768
- averageStreamSuccessCallback: string;
769
- setRunTimeInfoCallBack: string;
770
- setAdditionDataCallBack: string;
771
- openStreamCallback: string;
772
- stutterDetectedCallback: string;
773
- };
774
- FECCorrect: {
775
- setFEC2DParam: string;
776
- };
777
- streamInfoCB: string;
778
- };
779
- logger: LoggerCls;
780
- i18n: I18n__default;
781
- wasmplayer: typeof JSPlayCtrl;
782
- /**
783
- * @deprecated
784
- * v9.x 中会移除, 请使用 player.on, emit.emit, player.off, player.once, player.removeAllListeners
785
- */
786
- event: any;
787
- initializing: boolean;
788
- loading: boolean;
789
- /** 播放速度 */
790
- playbackRate: number;
791
- /** 是否在播放中 */
792
- playing: boolean;
793
- /** 音量 [0-1] */
794
- volume: number;
795
- /** 已经销毁 */
796
- destroyed: boolean;
797
- /** 播放地址 query */
798
- urlInfo: Partial<EzopenURL>;
799
- /** 设备能力集 */
800
- deviceCapacity: Partial<DeviceCapacityRes>;
801
- deviceInfo: Partial<DeviceInfoRes>;
802
- /** 当前播放出现的错误 */
803
- error: object | null;
804
- /** 服务端接口 */
805
- service: Service;
806
- $container: HTMLElement;
807
- esCanvas: ESCanvas;
808
- fECCorrect: FECCorrect;
809
- _oStreamClient: StreamClient;
810
- _aHead: Uint8Array;
811
- /** @private */
812
- _detectTimer: any;
813
- private _wasmDecoderInfo;
814
- _width: number;
815
- _height: number;
816
- _g_port: number | null;
817
- _secretKey: string;
818
- _tempPauseDate: number | null;
819
- _tempPauseTime: string;
820
- _validateCode: string;
821
- _playbackRate: number;
822
- /** 视频信息 */
823
- __videoInfo: any;
824
- /** 音频信息 */
825
- __audioInfo: any;
826
- _waterMarkParams: any;
827
- _decoderStatus: Partial<WasmDecoderStatue>;
828
- _wss_info: {
829
- wssUrl: string;
830
- oParams: {
831
- playURL: string;
832
- };
833
- };
834
- __fCallback: Zoom3DCallback;
835
- __b3DZoom: boolean;
836
- pluginManager: PluginManager;
837
- _playerWindow: PlayerWindow;
838
- constructor(options: EZopenPlayerOptions);
839
- get width(): number;
840
- get height(): number;
841
- private _playerInit;
842
- /**
843
- * @description 播放
844
- * @param options
845
- * @returns
846
- */
847
- play(options?: Partial<Pick<EZopenPlayerOptions, 'url' | 'accessToken'>>): Promise<unknown>;
848
- _wss_play(szUrl: string, oParams?: {
849
- playURL: string;
850
- }, iWndNum?: number): Promise<unknown>;
851
- /**
852
- * 暂停播放 并断流???
853
- * @param {boolean} bool 是否断流
854
- * @returns
855
- */
856
- pause(bool?: boolean): Promise<unknown>;
857
- /**
858
- * 恢复
859
- * @param time
860
- * @returns
861
- */
862
- resume(time: string): Promise<unknown>;
863
- /**
864
- * @description 销毁并断流
865
- * @returns
866
- */
867
- destroy(): Promise<void>;
868
- /**
869
- * @private
870
- */
871
- _destroyed(): void;
872
- stop(flag?: boolean | number): Promise<unknown>;
873
- /**
874
- * @description 截图
875
- * @param {string} name 文件名 默认时间戳(new Date().getTime())
876
- * @param {"jpeg"} fmt 图片格式 只支持 jpeg
877
- * @param {"base64"} type 文件格式 默认base64
878
- * @param {boolean} download 是否直接下载 默认不直接下载
879
- * @returns 返回base64字符
880
- */
881
- snapshot(name?: string, fmt?: SnapshotFmt, type?: 'base64', download?: boolean): Promise<IResult$1<{
882
- fileName?: string | undefined;
883
- base64?: string | undefined;
884
- } | null>>;
885
- /**
886
- * @description 通过canvas截图
887
- * @param {string} name 文件名 默认时间戳(new Date().getTime())
888
- * @param {"jpeg"} fmt 图片格式 只支持 jpeg
889
- * @param {boolean} download 是否直接下载 默认不直接下载 false
890
- * @returns 返回base64字符
891
- */
892
- snapshotByCanvas(name?: string, fmt?: SnapshotFmt, download?: boolean): Promise<IResult$1<{
893
- fileName?: string | undefined;
894
- base64?: string | undefined;
895
- } | null>>;
896
- /**
897
- * 重新调整播放器窗口大小
898
- *
899
- * Adjust the player window size
900
- * @param {number | string} width 宽度(number 类型默认px, 支持字符串大小 "100%" | "50vw")
901
- * @param {number | string} height 高度(number 类型默认px, 支持字符串大小 "100%" | "50vh")
902
- * @since 0.0.1
903
- * @example
904
- * ```ts
905
- * player.resize(600, 400) // 600px * 400px
906
- * theme.resize("600px", "400px") // 600px * 400px
907
- * theme.resize("50%", "1vh")
908
- * theme.resize("2em", "2rem")
909
- * // 事件监听 event, 这里是具体的宽高(单位px)
910
- * theme.on(Theme.EVENTS.resize, (width: number, height: number) => {})
911
- * ```
912
- * @returns {void}
913
- */
914
- resize(width?: number | string, height?: number | string): Promise<{
915
- width: string | number | undefined;
916
- height: string | number | undefined;
917
- }>;
918
- /**
919
- * 设置音量
920
- * @param {number} volume 音量[0-1], 0:表示静音
921
- * @returns {0 | 1} 1 成功 0 失败
922
- */
923
- setVolume(volume: number): number;
924
- /**
925
- * @description 插件管理
926
- * @param plugin 插件
927
- */
928
- use(plugin: PlayerPlugin): void;
929
- /**
930
- *
931
- * @param {Object} type 矫正类型 参考 src/ezopen/constants.js
932
- * @param {string=} ids 如果分屏矫正,需要传入分屏canvas的id字符串列表 如 canvas1,canvas2,canvas3
933
- * @returns {Array<{code: number, msg: string, port: number, id: string}>} // code= 0 成功, -1 失败
934
- * @returns
935
- */
936
- setFECCorrectType(type: any, ids?: string): Promise<unknown>;
937
- /**
938
- * @description 设置 2D 鱼眼矫正旋转参数
939
- * @param {number} fishSubPort 鱼眼端口 主屏默认为 0
940
- * @param {Object} param2d
941
- */
942
- setFEC2DParam(fishSubPort: number, param2d: object): any;
943
- /**
944
- * @description 设置 3D 矫正视角参数
945
- * @param {object} param
946
- * @returns {Promise<boolean>} true: 成功 false: 失败 undefined: 不支持
947
- */
948
- setFEC3DViewParam(param: object): Promise<boolean>;
949
- /**
950
- * @description 获取 3D 矫正视角参数
951
- * @param {object} param
952
- * @returns {Promise<object>}
953
- */
954
- get3DViewParam(param: object): Promise<unknown>;
955
- /**
956
- * 设置封面
957
- * @param {string} poster 封面封面地址
958
- * @returns {void}
959
- */
960
- setPoster(poster: string): void;
961
- /**
962
- * 设置播放速度 (动态设置倍速画面效果有延时)
963
- * @param {0.5 | 1 | 2 | 4} rate 2的倍数
964
- * @returns
965
- */
966
- setPlaybackRate(rate: number): void;
967
- /**
968
- * @description seek 新的位置 需要设备支持
969
- * @param {string} startTime 开始时间 YYYYMMDDThhmmssZ
970
- * @param {string} stopTime 结束时间 YYYYMMDDThhmmssZ
971
- * @returns {Promise<void>}
972
- */
973
- seek(startTime: string, stopTime: string): Promise<void>;
974
- private _setOptions;
975
- /**
976
- * @description 开启3D定位 依赖能力集[ort_zoomOut_maxTime]
977
- * @param cb
978
- * @returns
979
- */
980
- enable3DZoom(cb: Zoom3DCallback): -1 | 0;
981
- /**
982
- * @description 关闭3D定位 依赖能力集[ort_zoomOut_maxTime]
983
- * @returns
984
- */
985
- disable3DZoom(): number;
986
- /**
987
- * @description 获取当前osd, 当获取失败返回 0
988
- * @returns {number}
989
- */
990
- getOSDTime(): number;
991
- /**
992
- * @description 获取帧信息,当获帧接口失败,返回空对象, 软解部分信息没有
993
- * @returns {IFrameInfo}
994
- */
995
- getFrameInfo(): IFrameInfo;
996
- /**
997
- * @description 设置播放视频区域 (仅视频不是画布)
998
- * @param {number} left 视频展示区域 x轴开始位置
999
- * @param {number} right 视频展示区域 x轴结束位置
1000
- * @param {number} top 视频展示区域 y轴开始位置
1001
- * @param {number} bottom 视频展示区域 y轴结束位置
1002
- * @param {boolean} flag
1003
- * @param {boolean} isFullscreen 当页面旋转 90° 时 需要宽高互换 需要 设置为true
1004
- * @returns {boolean}
1005
- */
1006
- setDisplayRegion(left: number, right: number, top: number, bottom: number, flag?: boolean, isFullscreen?: boolean): boolean;
1007
- /**
1008
- * @description 设置解密密钥 (如果在封装时设置了密钥,那么在播放之前需要调用该接口设置密钥才能正常解码。)
1009
- * @param secretKey 密钥
1010
- * @returns {number} 1 成功 0 失败
1011
- */
1012
- setSecretKey(secretKey: string): void;
1013
- /**
1014
- *
1015
- * @returns
1016
- */
1017
- getOptions(): EZopenPlayerOptions;
1018
- /**
1019
- * @description 切换调试日志等级
1020
- * @param {LoggerOptions} loggerOptions 日志等级
1021
- * @returns {void}
1022
- */
1023
- setLogger(options: LoggerOptions): void;
1024
- /** @since 8.1.9 */
1025
- static version: string;
1026
- /**
1027
- * @description 获取版本号
1028
- * @returns
1029
- */
1030
- getVersion(): {
1031
- version: string;
1032
- decoder: string;
1033
- decoderVersion: any;
1034
- };
1035
- /**
1036
- * @description 设置水印
1037
- * @param {WaterMarkParams} params
1038
- * @returns {Promise<any>}
1039
- */
1040
- setWaterMark(params: WaterMarkParams): Promise<unknown>;
1041
- /**
1042
- * @description 镜像翻转 (需要设备本身支持, 可以重能力集中获取)
1043
- * @link https://open.ys7.com/help/59?h=%E9%95%9C%E5%83%8F%E7%BF%BB%E8%BD%AC#device_ptz-api3
1044
- * @param {0 | 1 | 2} command 0-上下, 1-左右, 2-中心
1045
- *
1046
- * @returns {Promise}
1047
- */
1048
- setMirrorFlip(command: MirrorFlipCommand): Promise<_ezuikit_utils_service_dist_types_fetch.Response<any, undefined>>;
1049
- /**
1050
- * @description 设置流信息回调类型
1051
- * @param {0 | 1} type 回调类型 1 可能只会触发一两次(一般是两次), 0:才会每帧都触发, 从 0 切到 1 是 不会回调
1052
- * @param { StreamInfoCallBackFn } cb 回调函数
1053
- * @since 8.1.9
1054
- * @returns {void}
1055
- */
1056
- setStreamInfoCallBackType(type: 0 | 1, cb?: StreamInfoCallBackFn): void;
1057
- _addEventListener(): void;
1058
- }
1059
-
1060
- declare class StreamClient {
1061
- private readonly _player;
1062
- private _streamClient;
1063
- _streamUUID: string;
1064
- constructor(player: EZopenPlayer);
1065
- /**
1066
- * @description 开流, 此时设备的流还没有发出来
1067
- * @param {string} szUrl 取流路径,如ws://hostname:port/channel
1068
- * @param {object} oParams 取流需要涉及的相关参数
1069
- * @param {function} cbMessage 消息回调函数
1070
- * @param {function} cbClose 关闭回调
1071
- * @param {function} cbError 错误回调
1072
- * @returns {Promise<string>} 返回Promise对象 // 取流uuid,用于区分每条取流连接
1073
- */
1074
- openStream(szUrl: string, oParams: object, cbMessage: (msg: object) => void, cbClose: (id?: string) => void, cbError: (id?: string, msg?: any) => void): Promise<string>;
1075
- /**
1076
- * @description 开始取流
1077
- *
1078
- * @param {string} id websocket id,在openStream的时候生成
1079
- * @param {string} szStartTime 开始时间
1080
- * @param {string} szStopTime 结束时间
1081
- * @param {function} cbMessage 码流回调函数
1082
- *
1083
- * @returns {Promise<unknown>} 返回Promise对象
1084
- */
1085
- startPlay(id?: string): Promise<void>;
1086
- /**
1087
- * @description 设置播放速度
1088
- * @param rate 播放速度
1089
- * @param uuid websocket id,在openStream的时候生成
1090
- * @returns
1091
- */
1092
- setPlayRate(rate: number, id?: string): Promise<void>;
1093
- /**
1094
- * @description 定位回放
1095
- *
1096
- * @param {string} id websocket id在openStream的时候生成
1097
- * @param {string} startTime 开始时间
1098
- * @param {string} stopTime 结束时间
1099
- *
1100
- * @returns {Promise<unknown>} Promise
1101
- */
1102
- seek(startTime: string, stopTime: string, id?: string): Promise<void>;
1103
- /**
1104
- * @description 停止所有流
1105
- * @returns
1106
- */
1107
- stopAll(): Promise<void>;
1108
- /**
1109
- * @description 客户端销毁
1110
- */
1111
- destroy(): void;
1112
- }
1113
-
1114
- declare class JSPlugin {
1115
- constructor(props: any);
1116
- iWidth: any;
1117
- iHeight: any;
1118
- player: EZopenPlayer;
1119
- i18n: I18n.default;
1120
- downloadRecord: any;
1121
- _recordPlugin: PlayerRecordPlugin;
1122
- nWidth: number;
1123
- nHeight: number;
1124
- oStreamClient: StreamClient;
1125
- g_port: number;
1126
- get bPlay(): boolean;
1127
- get iRate(): number;
1128
- set playURL(arg: string);
1129
- get playURL(): string;
1130
- set FECSplitIds(arg: string | undefined);
1131
- get FECSplitIds(): string | undefined;
1132
- set correctType(arg: any);
1133
- get correctType(): any;
1134
- _initEventCallback(): void;
1135
- JSPlayM4_SetDecodeEngine(useHard: any): void;
1136
- useHard: any;
1137
- /**
1138
- *
1139
- * @param {*} szUrl "示例:wss://jsdecoder-aeye.hwwt2.com:443"
1140
- * @param {*} oParams "示例: {playURL: "/live?dev=F99467170&chn=9&stream=1&ssn=ot.9oovv27v00lck3ft0krfw61n8ugr4j5b-1ao1cqq1fm-1od8d0d-h1lnhi0w0&auth=1&biz=4&cln=100"}"
1141
- * @param {*} iWndNum
1142
- * @param {*} szStartTime
1143
- * @param {*} szStopTime
1144
- * @returns
1145
- */
1146
- JS_Play(szUrl: any, oParams: any, iWndNum: any, szStartTime: any, szStopTime: any): Promise<unknown>;
1147
- JS_SetSecretKey(iWndNum: any, secretKey: any): void;
1148
- secretKey: any;
1149
- JS_OpenSound(): number;
1150
- JS_CloseSound(): number;
1151
- /**
1152
- * @synopsis 打开3D放大
1153
- *
1154
- * @param {function} fCallback 回调函数
1155
- *
1156
- * @returns {none} 无
1157
- */
1158
- JS_Enable3DZoom(iWin: any, fCallback: Function): none;
1159
- JSPlayM4_SetDisplayRegion(left: any, right: any, top: any, bottom: any): void;
1160
- /**
1161
- * @synopsis 关闭3D放大
1162
- *
1163
- * @returns {none} 无
1164
- */
1165
- JS_Disable3DZoom(): none;
1166
- JS_StartSave(fileName: string | undefined, stopCallback: any, secretKey: any): Promise<void>;
1167
- JS_StopSave(download?: boolean): Promise<unknown>;
1168
- _JSPlayM4_GetFrameInfo(): IFrameInfo;
1169
- _JSPlayM4_SetDisplayRegion(left: any, right: any, top: any, bottom: any, flag: boolean | undefined, isFullScreen: any): boolean;
1170
- JS_CapturePicture(port: any, fileName: any, format: any, callback: any, download: any): Promise<any>;
1171
- JS_GetOSDTime(): Promise<number>;
1172
- JS_Resize(width: any, height: any): void;
1173
- JS_GetSDKVersion(): any;
1174
- JS_Stop(flag: any): Promise<unknown>;
1175
- JS_DestroyWorker(): void;
1176
- JS_Speed(nextRate: any): void;
1177
- JS_Seek(iWndNum: any, szStartTime: any, szStopTime: any): Promise<void>;
1178
- /**
1179
- * @synopsis 暂停
1180
- *
1181
- * @param {number} iWndNum 窗口号
1182
- *
1183
- * @returns {none} 无
1184
- */
1185
- JS_Pause(iWndNum: number, date: any): none;
1186
- /**
1187
- * @synopsis 恢复
1188
- *
1189
- * @param {number} iWndNum 窗口号
1190
- *
1191
- * @returns {none} 无
1192
- */
1193
- JS_Resume(resumeTime: any): none;
1194
- /**
1195
- * @description
1196
- * @param {Object} type 矫正类型 参考 src/ezopen/constants.js
1197
- * @param {string} ids 如果分屏矫正,需要传入分屏canvas的id字符串列表 如 canvas1,canvas2,canvas3
1198
- * @returns {Array<{code: number, msg: string, port: number, id: string}>} // code= 0 成功, -1 失败
1199
- */
1200
- JS_FECCorrectType(type: any, ids: string): Array<{
1201
- code: number;
1202
- msg: string;
1203
- port: number;
1204
- id: string;
1205
- }>;
1206
- /**
1207
- * @description 设置 2D 鱼眼矫正旋转参数
1208
- * @param {number} fishSubPort 鱼眼端口 主屏默认为 0
1209
- * @param {Object} param2d
1210
- */
1211
- JS_FECSetParam2D(fishSubPort: number, param2d: any): any;
1212
- /**
1213
- * @description 设置 3D 矫正视角参数
1214
- * @param {FECViewParam} param
1215
- * @returns {Promise<boolean>} true: 成功 false: 失败 undefined: 不支持
1216
- */
1217
- FEC_Set3DViewParam(param: FECViewParam): Promise<boolean>;
1218
- /**
1219
- * @description 获取 3D 矫正视角参数
1220
- * @param {FECGetViewParam} param
1221
- * @returns {Promise<object>}
1222
- */
1223
- FEC_Get3DViewParam(param: FECGetViewParam): Promise<object>;
1224
- /**
1225
- * @description 开启水印
1226
- * @param {object} params 开启水印参数
1227
- * fontString:文本信息(必填)
1228
- * startPos:文本位置
1229
- * fontColor:字体颜色
1230
- * fontSize:字体大小
1231
- * fontRotate:字体旋转角度
1232
- * fontFamily:字体
1233
- * @returns {Promise<object>}
1234
- */
1235
- JS_SetWaterMarkFont(params: object): Promise<object>;
1236
- }
1237
-
1238
- export { JSPlugin as default };