@ray-js/adapter 1.7.78 → 1.7.80

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (97) hide show
  1. package/cjs/hostComponents/Camera/index.d.ts +105 -10
  2. package/cjs/hostComponents/Camera/index.js +16 -1
  3. package/cjs/hostComponents/Canvas/index.d.ts +197 -15
  4. package/cjs/hostComponents/Canvas/index.js +12 -1
  5. package/cjs/hostComponents/CoverView/index.d.ts +8 -1
  6. package/cjs/hostComponents/Iframe/index.d.ts +59 -19
  7. package/cjs/hostComponents/Iframe/index.js +8 -1
  8. package/cjs/hostComponents/Iframe/node.d.ts +1 -0
  9. package/cjs/hostComponents/Iframe/node.js +1 -1
  10. package/cjs/hostComponents/Input/index.d.ts +1 -1
  11. package/cjs/hostComponents/IpcPlayer/index.d.ts +297 -171
  12. package/cjs/hostComponents/IpcPlayer/index.js +26 -1
  13. package/cjs/hostComponents/IpcPlayer/node.d.ts +1 -0
  14. package/cjs/hostComponents/IpcPlayer/node.js +1 -1
  15. package/cjs/hostComponents/Map/index.d.ts +202 -49
  16. package/cjs/hostComponents/Map/index.js +17 -1
  17. package/cjs/hostComponents/MovableArea/index.d.ts +18 -0
  18. package/cjs/hostComponents/MovableArea/index.js +10 -1
  19. package/cjs/hostComponents/MovableView/index.d.ts +92 -6
  20. package/cjs/hostComponents/MovableView/index.js +19 -3
  21. package/cjs/hostComponents/NativeVideo/index.d.ts +172 -14
  22. package/cjs/hostComponents/NativeVideo/index.js +24 -1
  23. package/cjs/hostComponents/Navigator/index.d.ts +126 -22
  24. package/cjs/hostComponents/Navigator/index.js +16 -4
  25. package/cjs/hostComponents/Picker/index.d.ts +98 -43
  26. package/cjs/hostComponents/Picker/index.js +19 -1
  27. package/cjs/hostComponents/PickerView/index.d.ts +64 -14
  28. package/cjs/hostComponents/PickerView/index.js +12 -1
  29. package/cjs/hostComponents/PickerViewColumn/index.d.ts +11 -1
  30. package/cjs/hostComponents/Progress/index.d.ts +39 -1
  31. package/cjs/hostComponents/Progress/index.js +19 -2
  32. package/cjs/hostComponents/RichText/index.d.ts +50 -7
  33. package/cjs/hostComponents/RichText/index.js +8 -1
  34. package/cjs/hostComponents/ScrollView/index.d.ts +190 -54
  35. package/cjs/hostComponents/ScrollView/index.js +26 -1
  36. package/cjs/hostComponents/Slider/node.d.ts +1 -0
  37. package/cjs/hostComponents/Slider/node.js +1 -1
  38. package/cjs/hostComponents/SvgRender/index.d.ts +16 -1
  39. package/cjs/hostComponents/SvgRender/index.js +13 -1
  40. package/cjs/hostComponents/Swiper/node.js +1 -1
  41. package/cjs/hostComponents/SwiperItem/index.d.ts +86 -1
  42. package/cjs/hostComponents/Video/index.d.ts +176 -28
  43. package/cjs/hostComponents/Video/index.js +41 -1
  44. package/cjs/hostComponents/WebView/index.d.ts +64 -14
  45. package/cjs/hostComponents/WebView/index.js +10 -1
  46. package/cjs/types/component.d.ts +15 -6
  47. package/cjs/types/index.d.ts +2 -2
  48. package/cjs/types/index.js +1 -1
  49. package/esm/hostComponents/Camera/index.d.ts +105 -10
  50. package/esm/hostComponents/Camera/index.js +15 -0
  51. package/esm/hostComponents/Canvas/index.d.ts +197 -15
  52. package/esm/hostComponents/Canvas/index.js +11 -0
  53. package/esm/hostComponents/CoverView/index.d.ts +8 -1
  54. package/esm/hostComponents/Iframe/index.d.ts +59 -19
  55. package/esm/hostComponents/Iframe/index.js +7 -0
  56. package/esm/hostComponents/Iframe/node.d.ts +1 -0
  57. package/esm/hostComponents/Iframe/node.js +1 -1
  58. package/esm/hostComponents/Input/index.d.ts +1 -1
  59. package/esm/hostComponents/IpcPlayer/index.d.ts +297 -171
  60. package/esm/hostComponents/IpcPlayer/index.js +25 -0
  61. package/esm/hostComponents/IpcPlayer/node.d.ts +1 -0
  62. package/esm/hostComponents/IpcPlayer/node.js +1 -1
  63. package/esm/hostComponents/Map/index.d.ts +202 -49
  64. package/esm/hostComponents/Map/index.js +16 -0
  65. package/esm/hostComponents/MovableArea/index.d.ts +18 -0
  66. package/esm/hostComponents/MovableArea/index.js +9 -0
  67. package/esm/hostComponents/MovableView/index.d.ts +92 -6
  68. package/esm/hostComponents/MovableView/index.js +18 -2
  69. package/esm/hostComponents/NativeVideo/index.d.ts +172 -14
  70. package/esm/hostComponents/NativeVideo/index.js +23 -0
  71. package/esm/hostComponents/Navigator/index.d.ts +126 -22
  72. package/esm/hostComponents/Navigator/index.js +15 -3
  73. package/esm/hostComponents/Picker/index.d.ts +98 -43
  74. package/esm/hostComponents/Picker/index.js +18 -0
  75. package/esm/hostComponents/PickerView/index.d.ts +64 -14
  76. package/esm/hostComponents/PickerView/index.js +11 -0
  77. package/esm/hostComponents/PickerViewColumn/index.d.ts +11 -1
  78. package/esm/hostComponents/Progress/index.d.ts +39 -1
  79. package/esm/hostComponents/Progress/index.js +18 -1
  80. package/esm/hostComponents/RichText/index.d.ts +50 -7
  81. package/esm/hostComponents/RichText/index.js +7 -0
  82. package/esm/hostComponents/ScrollView/index.d.ts +190 -54
  83. package/esm/hostComponents/ScrollView/index.js +25 -0
  84. package/esm/hostComponents/Slider/node.d.ts +1 -0
  85. package/esm/hostComponents/Slider/node.js +1 -1
  86. package/esm/hostComponents/SvgRender/index.d.ts +16 -1
  87. package/esm/hostComponents/SvgRender/index.js +12 -0
  88. package/esm/hostComponents/Swiper/node.js +1 -1
  89. package/esm/hostComponents/SwiperItem/index.d.ts +86 -1
  90. package/esm/hostComponents/Video/index.d.ts +176 -28
  91. package/esm/hostComponents/Video/index.js +40 -0
  92. package/esm/hostComponents/WebView/index.d.ts +64 -14
  93. package/esm/hostComponents/WebView/index.js +9 -0
  94. package/esm/types/component.d.ts +15 -6
  95. package/esm/types/index.d.ts +2 -2
  96. package/esm/types/index.js +1 -1
  97. package/package.json +3 -3
@@ -1,214 +1,340 @@
1
- import type * as React from 'react';
2
- import type { BaseProps, DiffLayer } from '../../types/component.js';
1
+ import * as React from 'react';
2
+ import type { BaseEvent, BaseProps, DiffLayer } from '../../types/component';
3
+ /** 连接或预览状态详情 */
4
+ export interface IpcPlayerStateDetail {
5
+ /** 连接状态:0 表示连接成功,<0 表示连接异常;预览状态:1 开始预览,0 结束预览 */
6
+ state: number;
7
+ }
8
+ export interface IpcPlayerConnectChangeEvent extends BaseEvent {
9
+ /** 事件类型 */
10
+ type: 'connectchange';
11
+ /** 事件详情数据 */
12
+ detail: IpcPlayerStateDetail;
13
+ }
14
+ export interface IpcPlayerPreviewChangeEvent extends BaseEvent {
15
+ /** 事件类型 */
16
+ type: 'previewchange';
17
+ /** 事件详情数据 */
18
+ detail: IpcPlayerStateDetail;
19
+ }
20
+ /** 在线状态详情 */
21
+ export interface IpcPlayerOnlineChangeDetail {
22
+ /** 是否在线 */
23
+ online: boolean;
24
+ }
25
+ export interface IpcPlayerOnlineChangeEvent extends BaseEvent {
26
+ /** 事件类型 */
27
+ type: 'onlinechange';
28
+ /** 事件详情数据 */
29
+ detail: IpcPlayerOnlineChangeDetail;
30
+ }
31
+ /** 缩放变化详情(普通预览/多目) */
32
+ export interface IpcPlayerZoomChangeNormalDetail {
33
+ /** 当前缩放倍数 */
34
+ zoomLevel: number;
35
+ /** 自由缩放状态标识 */
36
+ scaleMode: number;
37
+ }
38
+ /** 缩放变化详情(云存储/视频消息) */
39
+ export interface IpcPlayerZoomChangeCloudDetail {
40
+ /** 自由缩放状态标识 */
41
+ zoom_level: number;
42
+ /** 当前缩放倍数 */
43
+ scale: number;
44
+ }
45
+ /** 缩放变化详情,分视图类型字段不一致 */
46
+ export type IpcPlayerZoomChangeDetail = IpcPlayerZoomChangeNormalDetail | IpcPlayerZoomChangeCloudDetail;
47
+ export interface IpcPlayerZoomChangeEvent extends BaseEvent {
48
+ /** 事件类型 */
49
+ type: 'zoomchange';
50
+ /** 事件详情数据 */
51
+ detail: IpcPlayerZoomChangeDetail;
52
+ }
53
+ /** 初始化完成详情 */
54
+ export interface IpcPlayerInitDoneDetail {
55
+ /** 最大缩放倍数(可能为空) */
56
+ maxScaleMultiple?: number;
57
+ /** 设备相机配置(解析后的 JSON 对象) */
58
+ obtainCameraConfig: object;
59
+ }
60
+ export interface IpcPlayerInitDoneEvent extends BaseEvent {
61
+ /** 事件类型 */
62
+ type: 'initdone';
63
+ /** 事件详情数据 */
64
+ detail: IpcPlayerInitDoneDetail;
65
+ }
66
+ export interface IpcPlayerVideotapEvent extends BaseEvent {
67
+ /** 事件类型 */
68
+ type: 'videotap';
69
+ /** 事件详情数据 */
70
+ detail?: Record<string, never>;
71
+ }
72
+ /** 错误事件详情 */
73
+ export interface IpcPlayerErrorDetail {
74
+ /** 错误码 */
75
+ errCode?: number;
76
+ /** 错误描述 */
77
+ errMsg: string;
78
+ }
79
+ export interface IpcPlayerErrorEvent extends BaseEvent {
80
+ /** 事件类型 */
81
+ type: 'error';
82
+ /** 事件详情数据 */
83
+ detail: IpcPlayerErrorDetail;
84
+ }
85
+ export interface IpcPlayerSessionDidDisconnectedEvent extends BaseEvent {
86
+ /** 事件类型 */
87
+ type: 'sessionDidDisconnected';
88
+ }
89
+ /** 预览失败详情 */
90
+ export interface IpcPlayerCameraPreviewFailureDetail {
91
+ /** 错误码 */
92
+ errCode: number;
93
+ /** 设备 id */
94
+ deviceId: string;
95
+ }
96
+ export interface IpcPlayerCameraPreviewFailureEvent extends BaseEvent {
97
+ /** 事件类型 */
98
+ type: 'cameraPreviewFailure';
99
+ /** 事件详情数据 */
100
+ detail: IpcPlayerCameraPreviewFailureDetail;
101
+ }
102
+ /** 弱网通知详情 */
103
+ export interface IpcPlayerWeakNetworkDetail {
104
+ /** 网络状况值(原生为 Long 类型,可能超 32 位) */
105
+ netValue: number;
106
+ /** 设备 id */
107
+ devId: string;
108
+ }
109
+ export interface IpcPlayerCameraNotifyWeakNetworkEvent extends BaseEvent {
110
+ /** 事件类型 */
111
+ type: 'cameraNotifyWeakNetwork';
112
+ /** 事件详情数据 */
113
+ detail: IpcPlayerWeakNetworkDetail;
114
+ }
115
+ export interface IpcPlayerCreateViewSuccessEvent extends BaseEvent {
116
+ /** 事件类型 */
117
+ type: 'createViewSuccess';
118
+ }
119
+ /** 选中镜头详情(多目) */
120
+ export interface IpcPlayerSelectVideoIndexDetail {
121
+ /** 镜头索引 */
122
+ index: number;
123
+ /** 镜头名称 */
124
+ name: string;
125
+ /** 是否支持云台控制 */
126
+ supportPTZ: boolean;
127
+ /** 是否支持定位器 */
128
+ supportLocalizer: boolean;
129
+ /** 是否支持缩放 */
130
+ supportZoom: boolean;
131
+ }
132
+ export interface IpcPlayerSelectVideoIndexEvent extends BaseEvent {
133
+ /** 事件类型 */
134
+ type: 'selectVideoIndex';
135
+ /** 事件详情数据 */
136
+ detail: IpcPlayerSelectVideoIndexDetail;
137
+ }
138
+ /** 布局状态详情(多目) */
139
+ export interface IpcPlayerLayoutStatusChangedDetail {
140
+ /** 屏幕模式(枚举 ordinal):0 短屏,1 全屏,2 横屏 */
141
+ screenMode: number;
142
+ /** 布局样式(枚举 ordinal):-1 无效,0 画中画,1 平铺,2 宫格,3 缩略图 */
143
+ layoutStyle: number;
144
+ }
145
+ export interface IpcPlayerLayoutStatusChangedEvent extends BaseEvent {
146
+ /** 事件类型 */
147
+ type: 'layoutStatusChanged';
148
+ /** 事件详情数据 */
149
+ detail: IpcPlayerLayoutStatusChangedDetail;
150
+ }
151
+ /** 定位器定位详情(多目) */
152
+ export interface IpcPlayerLocalizerViewLocatedDetail {
153
+ /** 联动的球机 index(注意:此处为 string 类型,与 selectVideoIndex 的 number 不同) */
154
+ index: string;
155
+ /** x、y 坐标位置 */
156
+ coor: string;
157
+ }
158
+ export interface IpcPlayerLocalizerViewLocatedEvent extends BaseEvent {
159
+ /** 事件类型 */
160
+ type: 'localizerViewLocated';
161
+ /** 事件详情数据 */
162
+ detail: IpcPlayerLocalizerViewLocatedDetail;
163
+ }
164
+ /** 滑动手势详情(多目,需要转动云台时触发) */
165
+ export interface IpcPlayerSwipeAtVideoIndexDetail {
166
+ /** 滑动的镜头索引 */
167
+ index: number;
168
+ /** 滑动方向:上下左右,枚举 0、1、2、3 */
169
+ direction: number;
170
+ /** 手势状态:1 开始,0 结束 */
171
+ isStop: number;
172
+ }
173
+ export interface IpcPlayerSwipeAtVideoIndexEvent extends BaseEvent {
174
+ /** 事件类型 */
175
+ type: 'swipeAtVideoIndex';
176
+ /** 事件详情数据 */
177
+ detail: IpcPlayerSwipeAtVideoIndexDetail;
178
+ }
179
+ /**
180
+ * 实时视频播放组件。基于异层渲染的原生组件,请注意原生组件使用限制。
181
+ *
182
+ * @public
183
+ * @alias IpcPlayer
184
+ * @since @ray-js/ray 0.6.9
185
+ * @example 基础用法 ./demos/basic/index.tsx sandbox ide
186
+ * @example IPC 播放控制 ./demos/playback-control/index.tsx sandbox ide
187
+ */
3
188
  export interface IpcPlayerProps extends BaseProps, DiffLayer {
189
+ /**
190
+ * 直播类型,透传原生
191
+ *
192
+ * @internal
193
+ */
4
194
  type?: number;
195
+ /** 设备 id,组件的唯一标识符,必须设置 */
5
196
  deviceId: string;
197
+ /** 自动播放 */
6
198
  autoplay?: boolean;
199
+ /** 是否静音 */
7
200
  muted?: boolean;
8
201
  /**
9
- * 清晰度,
10
- * 'SS', // 省流量 ------- ss
11
- * 'SD', // 标清 ---- normal
12
- * 'HD', // 高清 --- hd
13
- * 'UD', // 超清 --- ud
14
- * 'SSP', // 超超清 --- ssp
15
- * 'AUTO', // 自动 --- auto
16
- * 'AUDIO', // 音频模式 - audio
202
+ * 清晰度:ss 省流量、normal 标清、hd 高清、ud 超清、ssp 超超清、auto 自动、audio 音频模式
17
203
  */
18
204
  clarity?: 'ss' | 'normal' | 'hd' | 'ud' | 'ssp' | 'auto' | 'audio';
205
+ /** 声音输出方式:speaker 扬声器、ear 听筒 */
19
206
  soundMode?: 'speaker' | 'ear';
207
+ /** 画面方向:vertical 竖直、horizontal 水平 */
20
208
  orientation?: 'vertical' | 'horizontal';
209
+ /** 填充模式:contain 长边填满,fillCrop 铺满裁剪 */
21
210
  objectFit?: 'contain' | 'fillCrop';
211
+ /** 跳转本小程序其他页面时是否自动暂停实时音视频 */
22
212
  autoPauseIfNavigate?: boolean;
213
+ /** 跳转 App 其他原生页面时是否自动暂停实时音视频 */
23
214
  autoPauseIfOpenNative?: boolean;
215
+ /** 摄像头旋转角度,0~360 */
24
216
  rotateZ?: number;
217
+ /** 当前是否可缩放 */
25
218
  scalable?: boolean;
219
+ /** 缩放比例,仅在 scalable 为 true 时生效 */
26
220
  scaleMultiple?: number;
221
+ /** 是否开启视频区域云平台控制 */
27
222
  ptzControllable?: boolean;
223
+ /** 边框宽度,单位 px */
28
224
  borderWidth?: number | string;
225
+ /** 边框样式:solid、dashed */
29
226
  borderStyle?: 'solid' | 'dashed';
227
+ /** 边框颜色,十六进制 */
30
228
  borderColor?: string;
229
+ /** 边框圆角,单位 px */
31
230
  borderRadius?: number | string;
231
+ /** 背景颜色,十六进制 */
32
232
  backgroundColor?: string;
33
- config?: string;
34
- /**
35
- * 当连接状态发生变化时触发,detail = { state }, state: 0 表示连接成功
36
- * @param event
37
- * @param event.state 连接状态
38
- * @deprecated 请使用 onConnectChange
39
- */
40
- onConnectchange?: (event: {
41
- state: number;
42
- }) => void;
43
- /**
44
- * 当预览状态发生变化时触发,detail = { state }, state: 1 表示开始预览成功, state: 0 表示结束预览成功
45
- * @param event
46
- * @param event.state 预览状态
47
- * @deprecated 请使用 onPreviewChange
48
- */
49
- onPreviewchange?: (event: {
50
- state: number;
51
- }) => void;
52
- /**
53
- * 当 ipc 设备在线状态变化时触发,detail = { online }, online: true 表示在线, online: false 表示离线或断电
54
- * @param event
55
- * @param event.online 在线状态
56
- * @deprecated 请使用 onOnlineChange
57
- */
58
- onOnlinechange?: (event: {
59
- online: boolean;
60
- }) => void;
61
- /**
62
- * 初始化完成时触发
63
- * @deprecated 请使用 onInitDone
64
- */
65
- onInitdone?: () => void;
66
- /**
67
- * 视频缩放比例及当前倍数变化,detail = { zoomLevel }, zoomLevel 为缩放比例
68
- * @param event
69
- * @param event.zoomLevel 缩放比例
70
- * @deprecated 请使用 onZoomChange
71
- */
72
- onZoomchange?: (event: {
73
- zoomLevel: number;
74
- }) => void;
75
- /**
76
- * 点击视频时触发
77
- * @deprecated 请使用 onVideoTap
78
- */
79
- onVideotap?: () => void;
80
233
  /**
81
- * 当连接状态发生变化时触发,detail = { state }, state: 0 表示连接成功
82
- * @param event
83
- * @param event.state 连接状态
234
+ * 直播信息配置,透传原生
235
+ *
236
+ * @internal
84
237
  */
85
- onConnectChange?: (event: {
86
- state: number;
87
- }) => void;
88
- /**
89
- * 当预览状态发生变化时触发,detail = { state }, state: 1 表示开始预览成功, state: 0 表示结束预览成功
90
- * @param event
91
- * @param event.state 预览状态
92
- */
93
- onPreviewChange?: (event: {
94
- state: number;
95
- }) => void;
96
- /**
97
- * 当 ipc 设备在线状态变化时触发,detail = { online }, online: true 表示在线, online: false 表示离线或断电
98
- * @param event
99
- * @param event.online 在线状态
100
- */
101
- onOnlineChange?: (event: {
102
- online: boolean;
103
- }) => void;
104
- /**
105
- * 初始化完成时触发
106
- */
107
- onInitDone?: () => void;
108
- /**
109
- * 视频缩放比例及当前倍数变化,detail = { zoomLevel }, zoomLevel 为缩放比例
110
- * @param event
111
- * @param event.zoomLevel 缩放比例
112
- */
113
- onZoomChange?: (event: {
114
- zoomLevel: number;
115
- }) => void;
116
- /**
117
- * 点击视频时触发
118
- */
119
- onVideoTap?: () => void;
120
- /**
121
- * 当状态异层时触发 error 事件,detail = { "errCode": 错误码 , "errMsg": 错误描述 }
122
- * @param event
123
- * @param event.errCode 错误码
124
- * @param event.errMsg 错误描述
125
- */
126
- onError?: (event: {
127
- errCode: number | string;
128
- errMsg: string;
129
- }) => void;
238
+ config?: string;
130
239
  /**
131
- * 断开连接
132
- * @param event
133
- * @param event.errCode 错误码
134
- * @param event.devId 设备id
240
+ * 额外属性配置
241
+ * @since @ray-js/ray 1.7.79
135
242
  */
136
- onSessionDidDisconnected?: (event: {
137
- errCode: number;
138
- devId: string;
139
- }) => void;
243
+ extProps?: string | Record<string, any>;
244
+ /** 当连接状态发生变化时触发,请使用 onConnectChange */
245
+ onConnectchange?: (event: IpcPlayerConnectChangeEvent) => void;
246
+ /** 当预览状态发生变化时触发,请使用 onPreviewChange */
247
+ onPreviewchange?: (event: IpcPlayerPreviewChangeEvent) => void;
248
+ /** 当设备在线状态变化时触发,请使用 onOnlineChange */
249
+ onOnlinechange?: (event: IpcPlayerOnlineChangeEvent) => void;
250
+ /** 初始化完成时触发,请使用 onInitDone */
251
+ onInitdone?: (event: IpcPlayerInitDoneEvent) => void;
252
+ /** 视频缩放比例变化时触发,请使用 onZoomChange */
253
+ onZoomchange?: (event: IpcPlayerZoomChangeEvent) => void;
254
+ /** 点击视频时触发,请使用 onVideoTap */
255
+ onVideotap?: (event: IpcPlayerVideotapEvent) => void;
256
+ /** 当连接状态发生变化时触发,state 为 0 表示连接成功 */
257
+ onConnectChange?: (event: IpcPlayerConnectChangeEvent) => void;
258
+ /** 当预览状态发生变化时触发,state 为 1 表示开始预览成功,0 表示结束预览成功 */
259
+ onPreviewChange?: (event: IpcPlayerPreviewChangeEvent) => void;
260
+ /** 当 IPC 设备在线状态变化时触发 */
261
+ onOnlineChange?: (event: IpcPlayerOnlineChangeEvent) => void;
262
+ /** 初始化完成时触发 */
263
+ onInitDone?: (event: IpcPlayerInitDoneEvent) => void;
264
+ /** 视频缩放比例及当前倍数变化时触发 */
265
+ onZoomChange?: (event: IpcPlayerZoomChangeEvent) => void;
266
+ /** 点击视频时触发 */
267
+ onVideoTap?: (event: IpcPlayerVideotapEvent) => void;
268
+ /** 状态异常时触发 */
269
+ onError?: (event: IpcPlayerErrorEvent) => void;
270
+ /** 断开连接(⚠️ Android 端未下发,断开连接通过 onConnectChange state < 0 体现) */
271
+ onSessionDidDisconnected?: (event: IpcPlayerSessionDidDisconnectedEvent) => void;
140
272
  /**
141
- * 预览失败
142
- * @param event
143
- * @param event.errCode 错误码
144
- * @param event.devId 设备id
273
+ * 预览失败(P2P sessionStatus < 0 时触发,普通预览与多目共用)
274
+ *
275
+ * @since IPCKit 6.1.4
145
276
  */
146
- onCameraPreviewFailure?: (event: {
147
- errCode: number;
148
- devId: string;
149
- }) => void;
277
+ onCameraPreviewFailure?: (event: IpcPlayerCameraPreviewFailureEvent) => void;
150
278
  /**
151
279
  * 弱网通知
152
- * @param event
153
- * @param event.netValue 网络值
154
- * @param event.devId 设备id
280
+ *
281
+ * @since IPCKit 6.1.4
155
282
  */
156
- onCameraNotifyWeakNetwork?: (event: {
157
- netValue: number;
158
- devId: string;
159
- }) => void;
283
+ onCameraNotifyWeakNetwork?: (event: IpcPlayerCameraNotifyWeakNetworkEvent) => void;
160
284
  /**
161
- * 异层组件创建成功回调
285
+ * 异层组件创建成功时触发
286
+ *
287
+ * @since IPCKit 6.2.3
162
288
  */
163
- onCreateViewSuccess?: () => void;
289
+ onCreateViewSuccess?: (event: IpcPlayerCreateViewSuccessEvent) => void;
164
290
  /**
165
- * 选中视频索引事件,点击选中镜头后触发
166
- * @param event
167
- * @param event.index 镜头索引
168
- * @param event.name 镜头名称
169
- * @param event.supportPTZ 是否支持PTZ
170
- * @param event.supportLocalizer 是否支持定位器
171
- * @param event.supportZoom 是否支持缩放
291
+ * 选中视频索引时触发
292
+ *
293
+ * @since IPCKit 7.3.3
172
294
  */
173
- onSelectVideoIndex?: (event: {
174
- index: number;
175
- name: string;
176
- supportPTZ: boolean;
177
- supportLocalizer: boolean;
178
- supportZoom: boolean;
179
- [key: string]: any;
180
- }) => void;
295
+ onSelectVideoIndex?: (event: IpcPlayerSelectVideoIndexEvent) => void;
181
296
  /**
182
- * 布局状态改变事件
183
- * @param event
184
- * @param event.screenMode 屏幕模式 0: 短屏, 1: 全屏, 2: 横屏
185
- * @param event.layoutStyle 布局样式 -1: 无效, 0: 画中画, 1: 平铺, 2: 宫格, 3: 缩略图
297
+ * 布局状态改变时触发
298
+ *
299
+ * @since IPCKit 7.3.3
186
300
  */
187
- onLayoutStatusChanged?: (event: {
188
- screenMode: number;
189
- layoutStyle: number;
190
- }) => void;
301
+ onLayoutStatusChanged?: (event: IpcPlayerLayoutStatusChangedEvent) => void;
191
302
  /**
192
- * 定位器定位事件
193
- * @param event
194
- * @param event.index 联动的球机index
195
- * @param event.coor x、y 位置
303
+ * 定位器定位时触发
304
+ *
305
+ * @since IPCKit 7.3.3
196
306
  */
197
- onLocalizerViewLocated?: (event: {
198
- index: string;
199
- coor: string;
200
- }) => void;
307
+ onLocalizerViewLocated?: (event: IpcPlayerLocalizerViewLocatedEvent) => void;
201
308
  /**
202
- * 滑动播放器手势上报, 需要转动云台
203
- * @param event
204
- * @param event.index 滑动的镜头
205
- * @param event.direction 方向, 上下左右, 枚举值0、1、2、3
206
- * @param event.status 1 开始, 0 结束
309
+ * 滑动播放器手势上报、需要转动云台时触发
310
+ *
311
+ * @since IPCKit 7.3.3
207
312
  */
208
- onSwipeAtVideoIndex?: (event: {
209
- index: number;
210
- direction: number;
211
- status: number;
212
- }) => void;
313
+ onSwipeAtVideoIndex?: (event: IpcPlayerSwipeAtVideoIndexEvent) => void;
213
314
  }
214
315
  export declare const IpcPlayer: React.ComponentType<IpcPlayerProps>;
316
+ /**
317
+ * IpcPlayer 组件文档默认值
318
+ *
319
+ * @belong IpcPlayer
320
+ * @defaults
321
+ */
322
+ export declare const ipcPlayerDefaultProps: {
323
+ deviceId: string;
324
+ autoplay: boolean;
325
+ clarity: string;
326
+ soundMode: string;
327
+ orientation: string;
328
+ objectFit: string;
329
+ autoPauseIfNavigate: boolean;
330
+ autoPauseIfOpenNative: boolean;
331
+ rotateZ: number;
332
+ scalable: boolean;
333
+ scaleMultiple: number;
334
+ ptzControllable: boolean;
335
+ borderWidth: number;
336
+ borderStyle: string;
337
+ borderColor: string;
338
+ borderRadius: number;
339
+ backgroundColor: string;
340
+ };
@@ -1,5 +1,30 @@
1
1
  import createHostComponent from '../createHostComponent.js';
2
2
  export const IpcPlayer = createHostComponent('ipc-player');
3
+ /**
4
+ * IpcPlayer 组件文档默认值
5
+ *
6
+ * @belong IpcPlayer
7
+ * @defaults
8
+ */
9
+ export const ipcPlayerDefaultProps = {
10
+ deviceId: '',
11
+ autoplay: false,
12
+ clarity: 'normal',
13
+ soundMode: 'speaker',
14
+ orientation: 'vertical',
15
+ objectFit: 'contain',
16
+ autoPauseIfNavigate: true,
17
+ autoPauseIfOpenNative: true,
18
+ rotateZ: 0,
19
+ scalable: true,
20
+ scaleMultiple: 0,
21
+ ptzControllable: true,
22
+ borderWidth: 0,
23
+ borderStyle: 'solid',
24
+ borderColor: '#ffffff',
25
+ borderRadius: 0,
26
+ backgroundColor: '#ffffff',
27
+ };
3
28
  IpcPlayer.defaultProps = {
4
29
  deviceId: '',
5
30
  autoplay: false,
@@ -45,6 +45,7 @@ export declare const alias: {
45
45
  onLocalizerViewLocated: string;
46
46
  onSwipeAtVideoIndex: string;
47
47
  config: string;
48
+ extProps: string;
48
49
  disableScroll: string;
49
50
  hoverClass: string;
50
51
  hoverClassName: string;
@@ -1,3 +1,3 @@
1
1
  import { universalAlias } from '../universal.js';
2
- export const alias = Object.assign(Object.assign({}, universalAlias), { className: 'class', animation: 'animation', style: 'style', id: 'id', deviceId: 'device-id', autoplay: 'autoplay', muted: 'muted', clarity: 'clarity', soundMode: 'sound-mode', orientation: 'orientation', objectFit: 'object-fit', autoPauseIfNavigate: 'auto-pause-if-navigate', autoPauseIfOpenNative: 'auto-pause-if-open-native', rotateZ: 'rotate-z', scalable: 'scalable', scaleMultiple: 'scale-multiple', type: 'type', ptzControllable: 'ptz-controllable', borderWidth: 'border-width', borderStyle: 'border-style', borderColor: 'border-color', borderRadius: 'border-radius', backgroundColor: 'background-color', onConnectchange: 'bind:connectchange', onPreviewchange: 'bind:previewchange', onInitdone: 'bind:initdone', onOnlinechange: 'bind:onlinechange', onZoomchange: 'bind:zoomchange', onVideotap: 'bind:videotap', onConnectChange: 'bind:connectchange', onPreviewChange: 'bind:previewchange', onInitDone: 'bind:initdone', onOnlineChange: 'bind:onlinechange', onZoomChange: 'bind:zoomchange', onVideoTap: 'bind:videotap', onError: 'bind:error', updateLayout: 'update-layout', onSessionDidDisconnected: 'bind:sessionDidDisconnected', onCameraPreviewFailure: 'bind:cameraPreviewFailure', onCameraNotifyWeakNetwork: 'bind:cameraNotifyWeakNetwork', onCreateViewSuccess: 'bind:createViewSuccess', onSelectVideoIndex: 'bind:selectVideoIndex', onLayoutStatusChanged: 'bind:layoutStatusChanged', onLocalizerViewLocated: 'bind:localizerViewLocated', onSwipeAtVideoIndex: 'bind:swipeAtVideoIndex', config: 'config' });
2
+ export const alias = Object.assign(Object.assign({}, universalAlias), { className: 'class', animation: 'animation', style: 'style', id: 'id', deviceId: 'device-id', autoplay: 'autoplay', muted: 'muted', clarity: 'clarity', soundMode: 'sound-mode', orientation: 'orientation', objectFit: 'object-fit', autoPauseIfNavigate: 'auto-pause-if-navigate', autoPauseIfOpenNative: 'auto-pause-if-open-native', rotateZ: 'rotate-z', scalable: 'scalable', scaleMultiple: 'scale-multiple', type: 'type', ptzControllable: 'ptz-controllable', borderWidth: 'border-width', borderStyle: 'border-style', borderColor: 'border-color', borderRadius: 'border-radius', backgroundColor: 'background-color', onConnectchange: 'bind:connectchange', onPreviewchange: 'bind:previewchange', onInitdone: 'bind:initdone', onOnlinechange: 'bind:onlinechange', onZoomchange: 'bind:zoomchange', onVideotap: 'bind:videotap', onConnectChange: 'bind:connectchange', onPreviewChange: 'bind:previewchange', onInitDone: 'bind:initdone', onOnlineChange: 'bind:onlinechange', onZoomChange: 'bind:zoomchange', onVideoTap: 'bind:videotap', onError: 'bind:error', updateLayout: 'update-layout', onSessionDidDisconnected: 'bind:sessionDidDisconnected', onCameraPreviewFailure: 'bind:cameraPreviewFailure', onCameraNotifyWeakNetwork: 'bind:cameraNotifyWeakNetwork', onCreateViewSuccess: 'bind:createViewSuccess', onSelectVideoIndex: 'bind:selectVideoIndex', onLayoutStatusChanged: 'bind:layoutStatusChanged', onLocalizerViewLocated: 'bind:localizerViewLocated', onSwipeAtVideoIndex: 'bind:swipeAtVideoIndex', config: 'config', extProps: 'extProps' });
3
3
  export const props = Object.values(alias);