@plasosdk/plaso-electron-sdk 1.2.11 → 1.2.13-beta.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/README.md CHANGED
@@ -1,663 +1,665 @@
1
- # 支持的环境与 electron 版本
2
-
3
- - MacOS 支持 x64、arm64
4
- - windows 支持 x86、x64
5
- - electron 支持 14.0.0~22.3.27
6
-
7
- - macOs 支持 x64 、arm64
8
- - windows 支持 ia32 、 x64
9
- - electron 支持 14.0.0~22.3.27
10
-
11
- # 1、接入步骤
12
-
13
- ## 1.1、安装
14
-
15
- **<font color=red>注意: 不同平台依赖包不互通</font>**
16
-
17
- **第一步:安装 @electron/remote**
18
-
19
- ```shell
20
- npm install @electron/remote --global-style --legacy-peer-deps
21
- ```
22
-
23
- **第二步:安装 plaso-electron-sdk**
24
-
25
- ```shell
26
- npm install @plasosdk/plaso-electron-sdk --global-style
27
- ```
28
-
29
- **<font color=red>注意: 不同平台需要单独安装</font>**
30
-
31
- ## 1.2、使用
32
-
33
- ### 1.2.1、npm 包位置
34
-
35
- 将下载的 npm 包放到 应用本地的`node_modules`目录下,一般是 electron 应用的`resources/app`目录下
36
-
37
- ### 1.2.2、主进程
38
-
39
- 需要在主进程加载 `@plasosdk/plaso-electron-sdk` 依赖包
40
-
41
- ```ts
42
- require('@plasosdk/plaso-electron-sdk');
43
-
44
- // electron 版本>=14.0.0 时:需要在主进程里 初始化、启动 remote
45
- const electronVersion = process.versions['electron'];
46
- if (electronVersion && versionComp(electronVersion, '14.0.0') >= 0) {
47
- const electronStore = require('@electron/remote/main');
48
- electronStore.initialize();
49
- // mainWindow: 主进程打开的渲染进程窗口
50
- electronStore.enable(mainWindow.webContents);
51
- }
52
-
53
- // 通过 initRemoteMain方法 传入 remoteMain
54
- const remoteMain = require('@electron/remote/main');
55
- const { initRemoteMain } = require('@plasosdk/plaso-electron-sdk');
56
- initRemoteMain(remoteMain);
57
- ```
58
-
59
- ### 1.2.3、渲染进程
60
-
61
- #### 1.2.3.1、打开 实时课堂
62
-
63
- (1)调用方法:**createLiveClassWindow**
64
-
65
- (2)入参参考: [2、实时课堂参数说明](#2、实时课堂入参说明)
66
-
67
- #### 1.2.3.2、打开备课课堂
68
-
69
- (1)调用方法:**createPrepareClassWindow**
70
-
71
- (2)入参参考:[3、备课课堂参数说明](#3、备课课堂入参说明)
72
-
73
- #### 1.2.3.3、[确定日志的写入位置](#5.1、initLogConfig)
74
-
75
- ```ts
76
- // 代码示例
77
- const PlasoElectronSdk = window.require('@plasosdk/plaso-electron-sdk');
78
- const logFilePath = 'C:/Users/userName/Desktop/electronDemo/electron12.0.18_x32/resources/app';
79
- PlasoElectronSdk.initLogConfig(logFilePath);
80
- ```
81
-
82
- #### 1.2.3.4、[创建 课堂/备课 窗口](#5.3、createLiveClassWindow)
83
-
84
- ```ts
85
- // 代码示例
86
- const PlasoElectronSdk = window.require('@plasosdk/plaso-electron-sdk');
87
- const classObj = {};
88
-
89
- //创建实时课堂
90
- PlasoElectronSdk.createLiveClassWindow(classObj);
91
- // or 创建备课课堂
92
- PlasoElectronSdk.createPrepareClassWindow(classObj);
93
- ```
94
-
95
- # 2、实时课堂入参说明
96
-
97
- ## 2.1、参数 classOptions
98
-
99
- ```
100
- 类型:Object
101
- ```
102
-
103
- ### 2.1.1、属性列表
104
-
105
- | 参数 | 是否必传 | 类型 | 默认值 | 说明 |
106
- | --- | --- | --- | --- | --- |
107
- | query | 是 | string | 无 | 进课堂必传字段,具体拼接逻辑见下文[query 属性说明](#211query-属性) |
108
- | displayAvatarUrl | 否 | string | 无 | 用户头像地址 |
109
- | classMembers | 否 | object[] | 无 | 1、课对应的班级用户信息<br />2、初始化课堂参与人<br /><br />3、最多支持 2000 人,需要支持更多学生需要联系伯索平台进行额外申请<br />{<br /><br />/** 唯一标识该用户的 id \*/<br />loginName: string,<br /><br />/** 用户显示的姓名 _/<br />name: string,<br />/\*\* 用户角色,"speaker","assistant","listener","superlistener" 之一 _/<br />upimeRole: string,<br />/** 用户的 id,和云学堂业务强相关,sdk 用户非必要 \*/<br />unique_id: number \| string<br />/** 用户头像图片的 url,非必要 \*/<br />displayAvatarUrl: string,<br />} |
110
- | enableENC | 否 | boolean | true | 是否启用降噪 |
111
- | enableRTC3A | 否 | boolean | true | 是否启用 3A。<br />false:关闭回音消除、关闭降噪、关闭增益控制 |
112
- | supportShowResourceCenter | 否 | boolean | false | true:工具栏显示 资料中心 按钮,但资料中心的逻辑需要用户自己实现 |
113
- | supportSaveBoard | 否 | boolean | false | 是否支持保存板书,依赖于资料中心实现保存和插入板书文件 |
114
- | env | 否 | string | 无 | sdk 数据环境参数,支持 dev、test、itest、ftest、www |
115
- | enableLiveNewShareRegion | 否 | boolean | false | 是否允许区域共享 |
116
- | enableLiveNewShareInTouch | 否 | boolean | false | 是否支持触屏模式下的新桌面共享(左侧新增按钮窗口来切换显示工具栏)<br />建议开启 |
117
- | enableLiveNewShare | 否 | boolean | false | 是否支持新桌面共享<br />开启新桌面共享需要开启 electron 透明窗口,且可能触发 electron 本身存在的长时间透传导致的在应用上鼠标失焦问题 |
118
- | enableLiveSign | 否 | boolean | false | 是否支持签到 |
119
- | residentCamera | 否 | boolean | false | 常驻摄像头:只对学生或游客生效 |
120
- | | | | | |
121
-
122
- ### 2.1.1、query 属性
123
-
124
- **query 属性格式示例**:
125
-
126
- ```
127
- appId=plaso&appType=liveclassSDK&d_dimension=1280x720&dhost=https%3A%2F%2Fdev.plaso.cn%2F&enableHiliter=true&enableNewClassExam=1&enableVideoMark=true&env=dev&loginName=t_1&mediaType=video&meetingId=test_1742442362&meetingType=public&**signature**=A226198904A392579B98987FB4CD5478AB3F5587&upimeTeacherTool=1151&userName=%E8%80%81%E5%B8%881&userType=speaker&validBegin=1742442364&validTime=99999&vendorType=2&videoStream=2'
128
- ```
129
-
130
- #### 2.1.1.1、组成 queryParams 对象
131
-
132
- ```ts
133
- interface IQueryParams {
134
- appId: string;
135
- validBegin: number;
136
- validTime: number;
137
- endTime: number;
138
- appType: string;
139
- userType: string;
140
- meetingType: string;
141
- mediaType: string;
142
- meetingId: string;
143
- loginName: string;
144
- userName: string;
145
- d_dimension: string;
146
- vendorType: number;
147
- videoStream: number;
148
- enableNewClassExam: number;
149
- d_enableReRecording: number;
150
-
151
- topic?: string;
152
- onlineMode?: number;
153
- d_enableOMO?: number;
154
- d_delayEndTimes?: number;
155
- d_delayEnd?: number;
156
- d_restrictAssistantPerm?: number;
157
- d_enableAvatarFreeScale?: number;
158
- d_enableObjectEraser?: number;
159
- d_vote?: number;
160
- d_sharpness?: number;
161
- isNewMT?: number;
162
- d_enableDualCamera?: number;
163
- }
164
- ```
165
-
166
- ##### 2.1.1.1.1、必传参数表格说明
167
-
168
- | 参数 | 类型 | 说明 |
169
- | --- | --- | --- |
170
- | appId | string | 在申请接入时,伯索平台给予的 appId |
171
- | validBegin | number | 请求课堂**开始生效起始时间**的 Unix Epoch 时间戳,单位秒:(时间戳/1000 再取整) |
172
- | validTime | number | 请求的**签名在课堂的有效时间段**(断网重连后会重新校验签名),单位秒,建议: 24 _ 60 _ 60 s |
173
- | endTime | number | 请求课堂**结束时间**的 Unix Epoch 时间戳,单位秒:(时间戳/1000 再取整) |
174
- | appType | string | 应用类型,必填,目前为固定值:liveclassSDK |
175
- | userType | string | 用户类型,目前有三个值可选: speaker,assistant,listener; <br />speaker:主讲,有控制其他 listener 是否可写可说话的权限;<br />assistant:助教,也有控制权限<br />listener:学生 |
176
- | meetingType | string | 课堂类型,传入值:private。 当选择 private 类型时,每一个进入课堂者,必须提供 loginName,这是唯一标识该用户的 id,相同的 loginName 登录,后进入者会使前一个强制登出 |
177
- | mediaType | string | 媒体类型:audio, video<br />audio: 语音实时课堂<br />video:有头像权限的课堂,含语音权限 |
178
- | meetingId | string | 课堂 ID,唯一标识该课堂;使用 ASSIIC 字符,不得包含/,,空格等;长度在 40 字节以内的字符串 |
179
- | loginName | string | **唯一标识该用户的 id**,不能为空,相同的 loginName 登录,后面一个会使前面一个登出; |
180
- | d_dimension | string | 1280x720 定义界面尺寸为 16:9 界面 |
181
- | userName | string | 登录的用户名,在列表中显示用 |
182
- | vendorType | number | rtc 类型 <br />2:agora |
183
- | videoStream | number | 课堂类型,与 mediaType 需要对应上<br />2:视频课堂<br />1:语音课堂 |
184
- | enableNewClassExam | number | 新版随堂测选择题:1;<br />新版随堂测填空题:2;<br />新版随堂测选择+填空:3,建议:3 |
185
- | d_enableReRecording | number | 主讲、助教都可以重新录制课堂:3 |
186
- | | | |
187
- | | | |
188
-
189
- ##### 2.1.1.1.2、可选参数表格说明
190
-
191
- | 参数 | 类型 | 默认值 | 建议值 | 说明 |
192
- | :-: | :-: | :-: | :-: | :-- |
193
- | topic | string | | 非空 | 显示该课堂的名称 |
194
- | onlineMode | number | 6 | | 上台学生数,1:最大上台 1 个学生,6:最大上台 6 个学生,12:最大上台 12 个学生。默认:6 |
195
- | d_enableOMO | number | 0 | | 是否开启站播模式,1:开启;0:关闭 |
196
- | d_delayEndTimes | number | 0 | 无 | 单节课最大延迟下课次数:1、2、3、4 |
197
- | d_delayEnd | number | 0 | 无 | 单次延时时间,单位秒:5*60、10 * 60、15*60、20 * 60、30\*60 |
198
- | d_restrictAssistantPerm | number | 0 | 无 | 是否开启了:大班课限制助教权限<br />1:开启<br />0:关闭 |
199
- | d_enableAvatarFreeScale | number | 0 | 无 | 开启头像任意比例缩放<br />0:关闭 1:开启,默认关闭 (非录制课堂、非无头像录制模式下,裁剪掉的老师/助教头像也会被录到回放中) |
200
- | d_enableObjectEraser | number | 0 | 无 | 新板书配置,二进制位存储<br />default: 0;默认关闭对象擦<br />7:手写(对象擦);<br /> |
201
- | d_vote | number | 0 | 1 | 0:未开放投票;1:开放投票 |
202
- | d_sharpness | number | 10 | 无 | 头像推流清晰度、桌面共享清晰度<br />**仅 onlineMode 为 1 时生效**:<br />10:标清 20:高清 21: 高清流畅 30:超清 31: 超清流畅 |
203
- | isNewMT | number | 0 | 1 | 是否支持 移动授课模式;<br />建议传 1 |
204
- | d_enableDualCamera | number | 0 | 无 | 是否开启双摄,1:开启,0: 关闭 |
205
- | recordType | number | | | 配置 recordAvartor 设置录制对象,参数说明参考[附录 9-1](#91recordtype) |
206
- | recordAvator | string | '' | 无 | 传入老师/助教的`loginName`表示录制对应人的头像 |
207
- | recordScreen | string | '' | 无 | 传入'screen'表示录制屏幕(当前仅支持录制老师屏幕)|
208
- | | | | | |
209
-
210
- #### 2.1.1.2、根据 queryParams 对象生成签名字符串
211
-
212
- 1)**用户把 queryParams 作为参数传给自己的接口,接口返回值必须返回签名字符串:signature**
213
-
214
- 2)获取 signature 后需要把 signature 加到 queryParams 中作为一个参数
215
-
216
- ```ts
217
- queryParams.signature = signature;
218
- ```
219
-
220
- (3)**服务端接口生成 signature 规则**如下:
221
-
222
- https://open.plaso.cn/doc-6285173?nav=01HEQ5Y5RXKMCPBPF6S8T3VK56
223
-
224
- **signKey**:机构申请接入时,伯索平台给予的 key
225
-
226
- ```ts
227
- /*!----------演示签名代码------------- */
228
-
229
- // 业务参数,根据接口文档中定义,自行生成填写
230
- const queryParams = { name: 'test' };
231
-
232
- //平台分配给机构的key
233
- const signKey = 'a_secret';
234
-
235
- // 业务参数和签名验证混合后排序
236
- const afterSortParam = Object.keys(queryParams).sort();
237
-
238
- const res = [];
239
- for (let key of afterSortParam) {
240
- res.push(`${key}=${queryParams[key]}`);
241
- }
242
-
243
- // 排序后连接成字符串
244
- const content = res.join('&');
245
-
246
- const crypto = require('crypto');
247
-
248
- // 使用分配的signKey来加密生成签名串signature
249
- const signature = crypto.createHmac('sha1', signKey).update(content).digest('hex').toUpperCase();
250
- ```
251
-
252
- #### 2.1.1.3、生成 query 字符串
253
-
254
- 1)获取 完整的 queryParams 后,遍历对象生成 query 字符串
255
-
256
- 每个参数值用 encodeURIComponent 编码
257
-
258
- ```ts
259
- // 代码示例:其中 queryParams 对象包含signature
260
- function genQuery(queryParams) {
261
- const keys = Object.keys(queryParams).sort();
262
- const res = [];
263
- for (let key of keys) {
264
- res.push(key + '=' + encodeURIComponent(queryParams[key]));
265
- }
266
- return res.join('&');
267
- }
268
- genQuery(queryParams);
269
- ```
270
-
271
- ## 2.2、课堂结束的回调 onClassFinishedFn
272
-
273
- ```ts
274
- // 课堂结束后的回调,回调参数为 课堂的meetingId
275
- (meetingId: string) => void
276
-
277
- ```
278
-
279
- # 3、备课课堂入参说明
280
-
281
- ## 3.1、参数 classOptions
282
-
283
- ```
284
- 类型:Object
285
- ```
286
-
287
- ### 3.1.1、必传参数
288
-
289
- | 参数 | 类型 | 说明 |
290
- | --------- | ------ | ------------------------------------------------------------------------------------ |
291
- | loginName | String | **唯一标识该用户的 id**,不能为空,相同的 loginName 登录,后面一个会使前面一个登出; |
292
- | username | String | 登录的用户名,在列表中显示用 |
293
- | | | |
294
-
295
- ### 3.1.2、可选参数
296
-
297
- | 参数 | 类型 | 说明 |
298
- | --- | --- | --- |
299
- | displayAvatarUrl | String | 用户头像地址 |
300
- | topic | String | 默认值是中文的 “备课课堂” |
301
- | **d_enableObjectEraser** | number | 新板书配置,二进制位存储<br />default: 0;默认关闭对象擦<br />7:手写(对象擦);<br />**注意:该值需要和实时课堂的传值一样** |
302
- | env | String | sdk 数据环境参数,支持:dev、test、itest、ftest、www |
303
- | | | |
304
-
305
- **注意:**
306
-
307
- 1、备课课堂直接通过任务栏关闭不会清空本地记录的板书内容,下次进入后会 板书交互会和上次进入的板书 配置一致(即使 d_enableObjectEraser 参数 值变动了)
308
-
309
- # 4、实时课堂&备课课堂 通用参数说明
310
-
311
- ## 4.1、参数 electronWinOptions
312
-
313
- electron 的窗口参数,详情参考 [electron 官方文档](https://www.electronjs.org/zh/docs/latest/api/browser-window#winwebcontents-%E5%8F%AA%E8%AF%BB)
314
-
315
- ```ts
316
- type electronWinOptions = object;
317
- ```
318
-
319
- ## 4.2、参数回调 onClassWindowReadyFn
320
-
321
- ```ts
322
- // 课堂窗口打开渲染成功后的回调,回调参数为 窗口id
323
- type onClassWindowReadyFn = (winId: number) => void;
324
- ```
325
-
326
- ## 4.3、参数回调 onClassWindowLeaveFn
327
-
328
- ```ts
329
- // 课堂窗口关闭后的回调,回调参数为 窗口id
330
- type onClassWindowLeaveFn = (winId: number) => void;
331
- ```
332
-
333
- ## 4.4、参数回调 onSaveBoardFn
334
-
335
- **注意:**
336
-
337
- 1、**filePath 对应的文件资源,用户保存在自己的云端时,需要把 本次保存的备课文件的 相关资源放在同一特定目录下**
338
-
339
- 2、**每次保存生成的备课文件 都放在一个新的目录下,不同的备课文件不能共用一个目录**
340
-
341
- 3、**备课保存的资源文件名 不能更改,info.pb 是固定的文件名**
342
-
343
- ```ts
344
- // 保存板书方法,具体的保存逻辑由外部实现,取消保存板书时,callback传false, 不然传true
345
-
346
- type FileParams = {
347
- /** 备课相关资源文件的本地地址*/
348
- filePath: string[];
349
- /** 备课文件 类型*/
350
- fileType: 'png' | 'pb' | string;
351
- };
352
-
353
- type onSaveBoardFn = (
354
- params: {
355
- fileInfo: FileParams[];
356
- fileName?: string;
357
- },
358
- callback: (result: boolean) => void,
359
- ) => void;
360
- ```
361
-
362
- fileInfo 格式如下:
363
-
364
- ![img](./image/备课1.png)
365
-
366
- ## 4.5、参数回调 onOpenResourceCenterFn
367
-
368
- ```ts
369
- // 通知外部用户打开自己的资料中心,资料中心的具体ui和逻辑由外部用户自己实现
370
- type onOpenResourceCenterFn = () => void;
371
- ```
372
-
373
- ## 4.6、参数回调 onGetExtFileNameFn
374
-
375
- ```ts
376
- // 通过 insertObject 插入的文件传入 参数 info 时,怎么从info中获取文件的可访问地址的逻辑在用户那,所以需要函数从外部用户获取外部用户传入的文件地址
377
- // 其中info会作为args中的第一个参数回传
378
-
379
- type onGetExtFileNameFn = (...args: any[]) => Promise<string>;
380
- ```
381
-
382
- # 5、对外的交互方法
383
-
384
- ## 5.1、initLogConfig
385
-
386
- **初始化课堂窗口日志位置**,窗口崩溃时会在同级目录下生成 reports 文件夹存储 dump,**在 调用 createLiveClassWindow 前设置**
387
-
388
- **日志默认位置**:
389
-
390
- ```
391
- windows:C:\Users\${userName}\AppData\Roaming\\${appName}\P403FileTemp
392
- ```
393
-
394
- ```ts
395
- path.join(remote.app.getPath('userData'), '/P403FileTemp/');
396
- ```
397
-
398
- 参数示例:
399
-
400
- ```ts
401
- // 代码示例
402
- const PlasoElectronSdk = window.require('@plasosdk/plaso-electron-sdk');
403
- const logFilePath = 'C:/Users/userName/Desktop/electronDemo/electron12.0.18_x32/resources/app';
404
- PlasoElectronSdk.initLogConfig(logFilePath);
405
- ```
406
-
407
- ## 5.2、getVersion
408
-
409
- 返回包的版本,格式:x.x.x
410
-
411
- ```ts
412
- type getVersion = () => string;
413
- ```
414
-
415
- ## 5.3、createLiveClassWindow
416
-
417
- **创建实时课堂窗口**,入参参考 见 “[**2、实时课堂入参说明**](#2、实时课堂入参说明)”
418
-
419
- ```ts
420
- /**
421
- * @typedef {Object} classOptionsType
422
- * @property {boolean} [debug] - 是否开启课堂窗口debug模式
423
- * @property {string} query - 进课堂的必备query
424
- * @property {string} [version] - 格式参考:1.53.901
425
- */
426
-
427
- /**
428
- * @typedef {Object} FileParams
429
- * @property {string[]} filePath - 备课文件本地地址
430
- * @property {'png' | 'pb' | string} fileType
431
- */
432
-
433
- /**
434
- * @typedef {Object} classWindowType
435
- * @property {classOptionsType} classOptions 进课堂参数对象
436
- * @property {Object} [electronWinOptions] 自定义electron的窗口参数
437
- * @property {(winId: number)=>void} [onClassWindowReadyFn] 课堂窗口打开渲染成功后的回调
438
- * @property {(winId: number)=>void} [onClassWindowLeaveFn] 课堂窗口关闭后的回调
439
- * @property {(meetingId: string)=>void} [onClassFinishedFn] 课堂结束后的回调
440
- * @property {(
441
- * params: {
442
- * fileInfo: FileParams[],
443
- * fileName?: string
444
- * },
445
- * callback: (result: boolean) => void
446
- * ) => void} [onSaveBoardFn] 保存板书,具体的保存逻辑由外部实现,取消保存板书时,callback传false, 不然传true
447
- * @property {()=>void} [onOpenResourceCenterFn] 通知外部用户打开自己的资料中心,资料中心的具体ui和逻辑由外部用户自己实现
448
- *
449
- */
450
-
451
- /**
452
- * @param {classWindowType} classWindowProps
453
- * @returns
454
- */
455
- function createClassWindow(classWindowProps) {/**
456
- * @typedef {Object} classOptionsType
457
- * @property {boolean} [debug] - 是否开启课堂窗口debug模式
458
- * @property {string} query - 进课堂的必备query,其中部分参数需要签名
459
- */
460
-
461
- /**
462
- * @typedef {Object} liveClassWindowType
463
- * @property {classOptionsType} classOptions 进课堂参数对象
464
- * @property {Object} [electronWinOptions] 自定义electron的窗口参数
465
- * @property {(winId: number)=>void} [onClassWindowReadyCb] 课堂窗口打开渲染成功后的回调
466
- * @property {()=>void} [onClassWindowLeaveCb] 课堂窗口关闭后的回调
467
- * @property {()=>void} [onClassFinishedCb] 课堂结束后的回调
468
- */
469
-
470
- /**
471
- * @param {liveClassWindowType} liveClassWindowProps
472
- * @returns
473
- */
474
- function createLiveClassWindow({
475
- classOptions,
476
- electronWinOptions,
477
- onClassWindowReadyCb,
478
- onClassWindowLeaveCb,
479
- onClassFinishedCb,
480
- }){
481
- ......
482
- }
483
- ```
484
-
485
- ## 5.4、createPrepareClassWindow
486
-
487
- **创建备课课堂窗口**,入参参考 见 “[**3、备课课堂入参说明**](#3、备课课堂入参说明)”
488
-
489
- ```
490
- 参数详情 参考 createLiveClassWindow方法的说明
491
- ```
492
-
493
- ## 5.5、insertObject
494
-
495
- 用户从自己的云盘 **往 实时课堂/备课课堂 插入文件**
496
-
497
- ```ts
498
- /** 插入的文件类型 */
499
- const FILE_TYPE = {
500
- IMAGE: 2,
501
- PDF: 3,
502
- WORD: 4,
503
- EXCEL: 5,
504
- AUDIO: 6,
505
- VIDEO: 7,
506
- DOC: 14,
507
- XLS: 15,
508
- // ppt
509
- NPPT: 17,
510
- // 备课文件
511
- PREPARE_LESSONS: 22,
512
- };
513
- ```
514
-
515
- ```ts
516
- /** 插入外部云盘里的文件,文件需要遵循特定的数据结构 */
517
- /**
518
- * @typedef {Object} fileDataObj
519
- * @property {number} type 插入文件的格式,内容参考 FILE_TYPE
520
- * @property {any[]} [info] 具体的文件信息数组,除备课外,内容都由用户自己定义
521
- * @property {string} [title] 文件名称,需要带后缀
522
- * @property {string} [url] 文件的可下载地址
523
- */
524
- /**
525
- * @param {string | number} winId 课堂id
526
- * @param {fileDataObj} fileData 文件数据
527
- */
528
- type insertObject = (webContentId, fileData) => void;
529
- ```
530
-
531
- ### 5.5.1、插入备课文件
532
-
533
- 1、 插入 备课文件 的格式如下,其中 fileLocationPath 为 插入的备课文件资源的地址前缀,比如要本地插入一个备课文件(info.pb),其完整地址为 C:\Users\xxx\AppData\Roaming\plaso_sdk\prepareLessonsTemp\draft.swap\info.pb,则此时 fileLocationPath = C:\Users\xxx\AppData\Roaming\plaso_sdk\prepareLessonsTemp\draft.swap
534
-
535
- ```ts
536
- // 备课的fileData格式
537
- const fileData = {
538
- type: 22,
539
- info: ['pb', , , fileLocationPath],
540
- };
541
- ```
542
-
543
- **注意**:
544
-
545
- 1、**保存备课文件时,需要把 info.pb 和其他的图片文件放在同一个目录下,这样才可以通过一个 目录地址获取 备课的所有资源**
546
-
547
- ### 5.5.2、插入图片
548
-
549
- 1、**title 需要带有文件后缀名**
550
-
551
- ```ts
552
- // 图片的fileData格式,不需要info属性
553
- const fileData = {
554
- type: 2,
555
- title: 'xxxxxx.xxx',
556
- url: 'xxxxxx',
557
- };
558
- ```
559
-
560
- ### 5.5.3、插入 ppt
561
-
562
- ```ts
563
- // ppt的fileData格式,不需要info属性
564
- const fileData = {
565
- type: 17,
566
- title: 'xxxxxx',
567
- url: 'xxxxxx',
568
- };
569
- ```
570
-
571
- ### 5.5.4、插入 音视频
572
-
573
- 1、可以设置**url**属性为 公开可访问的音视频文件全路径,
574
-
575
- 2、或者设置**info**属性为表示文件信息的数组,可以通过 进课堂时传入的 **getExtFileName** 方法 可以获取文件有效路径
576
-
577
- ```ts
578
- // audio、video 的fileData格式
579
- const fileData = {
580
- type: 6 或 7,
581
- title: 'xxxxxx',
582
- url: 'xxxxxx',
583
- }
584
-
585
- const fileData = {
586
- type: 6 7,
587
- title: 'xxxxxx',
588
- info: [xxxxxx],
589
- }
590
- ```
591
-
592
- ### 5.5.5、插入 pdf、word、execl、doc、xls
593
-
594
- 1、可以设置 **url**属性 为公开可访问的 pdf、word、execl 文件全路径,
595
-
596
- 2、或者设置 **info**属性 为表示文件信息的数组,可以通过 进课堂时传入的 **getExtFileName** 方法 可以获取文件有效路径
597
-
598
- ```ts
599
- // pdf、word、execl 的fileData格式,不需要info属性
600
- const fileData = {
601
- type: 3 或 4 或 5 或 14 或 15,
602
- title: 'xxxxxx',
603
- url: 'xxxxxx',
604
- }
605
-
606
- const fileData = {
607
- type: 3 4 或 5 或 14 或 15,
608
- title: 'xxxxxx',
609
- info: [xxxxxx],
610
- }
611
- ```
612
-
613
- # 6、资料中心
614
-
615
- step1、进课堂时,对象 **classOptions.supportShowResourceCenter** 需要是 true
616
-
617
- step2、在课堂内点击资料中心后,会触发进课堂时传入的回调函数 **onOpenResourceCenterFn**,此时用户在 onOpenResourceCenterFn 函数内打开自己的云盘
618
-
619
- step3、选择号文件后,通过 **PlasoElectronSdk.insertObject** 方法插入文件,方法入参参考 insertObject 说明
620
-
621
- step4、insertObject 方法 入参 有 info 时,此时 会触发进课堂时传入的回调函数 **onGetExtFileNameFn** 来获取文件的线上地址
622
-
623
- # 7、历史课堂
624
-
625
- 1、参考文档: [历史课堂接入方式](https://open.plaso.cn/folder-24752679?nav=01HEQ5Y5RXKMCPBPF6S8T3VK56)
626
-
627
- 2、课堂里插入需要 调用 回调 onGetExtFileNameFn 方法的文件时,对应的历史课堂 则需要自己包装一层,具体逻辑参考 :**[播放历史课堂-jssdk 集成](https://open.plaso.cn/folder-24752679?nav=01HEQ5Y5RXKMCPBPF6S8T3VK56)**
628
-
629
- # 8、注意点
630
-
631
- (1)用户的课堂外主窗口销毁时需要销毁课堂窗口
632
-
633
- 2)electron 版本>=14.0.0 时:需要在主进程里 启动 remote
634
-
635
- ```ts
636
- try {
637
- const electronStore = require('@electron/remote/main');
638
- electronStore.initialize();
639
- // mainWindow 预期的渲染进程窗口
640
- electronStore.enable(mainWindow.webContents);
641
- } catch (error) {
642
- console.error(
643
- 'Module not found',
644
- 'Please run `npm install @electron/remote` to enable remote module and update electron version to 22.0.0 or higher',
645
- );
646
- }
647
- ```
648
-
649
- (3)**基于 此包封装新包时**:注意 @electron/remote 这个包的位置需要 和新包处于同级目录,需要把 和该包同级的@electron/remote 移到新包的同级目录处
650
-
651
- 4)确保 仅最后的 node_moudles 的顶层有 @electron/remote
652
-
653
- # 9、附录参数说明
654
-
655
- ## 9.1、RecordType
656
-
657
- | 值 | 说明 |
658
- | --- | ------------------------------- |
659
- | 1 | 无头像录制(仅录制板书) |
660
- | 2 | 录老师头像(录制老师头像+板书) |
661
- | 3 | 录助教头像(录制助教头像+板书) |
662
- | 4 | 录制课堂(录制整个屏幕和头像) |
663
- | 5 | 仅录老师头像 |
1
+ # 支持的环境与 electron 版本
2
+
3
+ - MacOS 支持 x64、arm64
4
+ - windows 支持 x86、x64
5
+ - electron 支持 14.0.0~22.3.27
6
+
7
+ - macOs 支持 x64 、arm64
8
+ - windows 支持 ia32 、 x64
9
+ - electron 支持 14.0.0~22.3.27
10
+
11
+ # 1、接入步骤
12
+
13
+ ## 1.1、安装
14
+
15
+ **<font color=red>注意: 不同平台依赖包不互通</font>**
16
+
17
+ **第一步:安装 @electron/remote**
18
+
19
+ ```shell
20
+ npm install @electron/remote --global-style --legacy-peer-deps
21
+ ```
22
+
23
+ **第二步:安装 plaso-electron-sdk**
24
+
25
+ ```shell
26
+ npm install @plasosdk/plaso-electron-sdk --global-style
27
+ ```
28
+
29
+ **<font color=red>注意: 不同平台需要单独安装</font>**
30
+
31
+ ## 1.2、使用
32
+
33
+ ### 1.2.1、npm 包位置
34
+
35
+ 将下载的 npm 包放到 应用本地的`node_modules`目录下,一般是 electron 应用的`resources/app`目录下
36
+
37
+ ### 1.2.2、主进程
38
+
39
+ 需要在主进程加载 `@plasosdk/plaso-electron-sdk` 依赖包
40
+
41
+ ```ts
42
+ require('@plasosdk/plaso-electron-sdk');
43
+
44
+ // electron 版本>=14.0.0 时:需要在主进程里 初始化、启动 remote
45
+ const electronVersion = process.versions['electron'];
46
+ if (electronVersion && versionComp(electronVersion, '14.0.0') >= 0) {
47
+ const electronStore = require('@electron/remote/main');
48
+ electronStore.initialize();
49
+ // mainWindow: 主进程打开的渲染进程窗口
50
+ electronStore.enable(mainWindow.webContents);
51
+ }
52
+
53
+ // 通过 initRemoteMain方法 传入 remoteMain
54
+ const remoteMain = require('@electron/remote/main');
55
+ const { initRemoteMain } = require('@plasosdk/plaso-electron-sdk');
56
+ initRemoteMain(remoteMain);
57
+ ```
58
+
59
+ ### 1.2.3、渲染进程
60
+
61
+ #### 1.2.3.1、打开 实时课堂
62
+
63
+ (1)调用方法:**createLiveClassWindow**
64
+
65
+ (2)入参参考: [2、实时课堂参数说明](#2、实时课堂入参说明)
66
+
67
+ #### 1.2.3.2、打开备课课堂
68
+
69
+ (1)调用方法:**createPrepareClassWindow**
70
+
71
+ (2)入参参考:[3、备课课堂参数说明](#3、备课课堂入参说明)
72
+
73
+ #### 1.2.3.3、[确定日志的写入位置](#5.1、initLogConfig)
74
+
75
+ ```ts
76
+ // 代码示例
77
+ const PlasoElectronSdk = window.require('@plasosdk/plaso-electron-sdk');
78
+ const logFilePath = 'C:/Users/userName/Desktop/electronDemo/electron12.0.18_x32/resources/app';
79
+ PlasoElectronSdk.initLogConfig(logFilePath);
80
+ ```
81
+
82
+ #### 1.2.3.4、[创建 课堂/备课 窗口](#5.3、createLiveClassWindow)
83
+
84
+ ```ts
85
+ // 代码示例
86
+ const PlasoElectronSdk = window.require('@plasosdk/plaso-electron-sdk');
87
+ const classOptions = {};
88
+
89
+ //创建实时课堂
90
+ PlasoElectronSdk.createLiveClassWindow(classOptions);
91
+ // or 创建备课课堂
92
+ PlasoElectronSdk.createPrepareClassWindow(classOptions);
93
+ ```
94
+
95
+ # 2、实时课堂入参说明
96
+
97
+ ## 2.1、参数 classOptions
98
+
99
+ ```
100
+ 类型:Object
101
+ ```
102
+
103
+ ### 2.1.1、属性列表
104
+
105
+ | 参数 | 是否必传 | 类型 | 默认值 | 说明 |
106
+ | --- | --- | --- | --- | --- |
107
+ | query | 是 | string | 无 | 进课堂必传字段,具体拼接逻辑见下文[query 属性说明](#211query-属性) |
108
+ | displayAvatarUrl | 否 | string | 无 | 用户头像地址 |
109
+ | classMembers | 否 | object[] | 无 | 1、课对应的班级用户信息<br />2、初始化课堂参与人<br /><br />3、最多支持 2000 人,需要支持更多学生需要联系伯索平台进行额外申请<br />{<br /><br />/** 唯一标识该用户的 id \*/<br />loginName: string,<br /><br />/** 用户显示的姓名 _/<br />name: string,<br />/\*\* 用户角色,"speaker","assistant","listener","superlistener" 之一 _/<br />upimeRole: string,<br />/** 用户的 id,和云学堂业务强相关,sdk 用户非必要 \*/<br />unique_id: number \| string<br />/** 用户头像图片的 url,非必要 \*/<br />displayAvatarUrl: string,<br />} |
110
+ | enableENC | 否 | boolean | true | 是否启用降噪 |
111
+ | enableRTC3A | 否 | boolean | true | 是否启用 3A。<br />false:关闭回音消除、关闭降噪、关闭增益控制 |
112
+ | supportShowResourceCenter | 否 | boolean | false | true:工具栏显示 资料中心 按钮,但资料中心的逻辑需要用户自己实现 |
113
+ | supportSaveBoard | 否 | boolean | false | 是否支持保存板书,依赖于资料中心实现保存和插入板书文件 |
114
+ | env | 否 | string | 无 | sdk 数据环境参数,支持 dev、test、itest、ftest、www |
115
+ | enableLiveNewShareRegion | 否 | boolean | false | 是否允许区域共享 |
116
+ | enableLiveNewShareInTouch | 否 | boolean | false | 是否支持触屏模式下的新桌面共享(左侧新增按钮窗口来切换显示工具栏)<br />建议开启 |
117
+ | enableLiveNewShare | 否 | boolean | false | 是否支持新桌面共享<br />开启新桌面共享需要开启 electron 透明窗口,且可能触发 electron 本身存在的长时间透传导致的在应用上鼠标失焦问题 |
118
+ | enableLiveSign | 否 | boolean | false | 是否支持签到 |
119
+ | residentCamera | 否 | boolean | false | 常驻摄像头:只对学生或游客生效 |
120
+ | | | | | |
121
+
122
+ ### 2.1.1、query 属性
123
+
124
+ **query 属性格式示例**:
125
+
126
+ ```
127
+ appId=plaso&appType=liveclassSDK&d_dimension=1280x720&dhost=https%3A%2F%2Fdev.plaso.cn%2F&enableHiliter=true&enableNewClassExam=1&enableVideoMark=true&env=dev&loginName=t_1&mediaType=video&meetingId=test_1742442362&meetingType=public&signature=A226198904A392579B98987FB4CD5478AB3F5587&upimeTeacherTool=1151&userName=%E8%80%81%E5%B8%881&userType=speaker&validBegin=1742442364&validTime=99999&vendorType=2&videoStream=2
128
+ ```
129
+
130
+ #### 2.1.1.1、组成 queryParams 对象
131
+
132
+ ```ts
133
+ interface IQueryParams {
134
+ appId: string;
135
+ signature: string;
136
+ validBegin: number;
137
+ validTime: number;
138
+ endTime: number;
139
+ appType: string;
140
+ userType: string;
141
+ meetingType: string;
142
+ mediaType: string;
143
+ meetingId: string;
144
+ loginName: string;
145
+ userName: string;
146
+ d_dimension: string;
147
+ vendorType: number;
148
+ videoStream: number;
149
+ enableNewClassExam: number;
150
+ d_enableReRecording: number;
151
+
152
+ topic?: string;
153
+ onlineMode?: number;
154
+ d_enableOMO?: number;
155
+ d_delayEndTimes?: number;
156
+ d_delayEnd?: number;
157
+ d_restrictAssistantPerm?: number;
158
+ d_enableAvatarFreeScale?: number;
159
+ d_enableObjectEraser?: number;
160
+ d_vote?: number;
161
+ d_sharpness?: number;
162
+ isNewMT?: number;
163
+ d_enableDualCamera?: number;
164
+ }
165
+ ```
166
+
167
+ ##### 2.1.1.1.1、必传参数表格说明
168
+
169
+ | 参数 | 类型 | 说明 |
170
+ | --- | --- | --- |
171
+ | appId | string | 在申请接入时,伯索平台给予的 appId |
172
+ | signature | string | 签名字符串,根据queryParams中除去signature参数的其他参数生成,生成示例参考[根据queryParams对象生成签名字符串](#2112根据-queryParams-对象生成签名字符串) |
173
+ | validBegin | number | 请求课堂**开始生效起始时间**的 Unix Epoch 时间戳,单位秒:(时间戳/1000 再取整) |
174
+ | validTime | number | 请求的**签名在课堂的有效时间段**(断网重连后会重新校验签名),单位秒,建议: 24 _ 60 _ 60 s |
175
+ | endTime | number | 请求课堂**结束时间**的 Unix Epoch 时间戳,单位秒:(时间戳/1000 再取整) |
176
+ | appType | string | 应用类型,必填,目前为固定值:liveclassSDK |
177
+ | userType | string | 用户类型,目前有三个值可选: speaker,assistant,listener; <br />speaker:主讲,有控制其他 listener 是否可写可说话的权限;<br />assistant:助教,也有控制权限<br />listener:学生 |
178
+ | meetingType | string | 课堂类型,传入值:private。 当选择 private 类型时,每一个进入课堂者,必须提供 loginName,这是唯一标识该用户的 id,相同的 loginName 登录,后进入者会使前一个强制登出 |
179
+ | mediaType | string | 媒体类型:audio, video<br />audio: 语音实时课堂<br />video:有头像权限的课堂,含语音权限 |
180
+ | meetingId | string | 课堂 ID,唯一标识该课堂;使用 ASSIIC 字符,不得包含/,,空格等;长度在 40 字节以内的字符串 |
181
+ | loginName | string | **唯一标识该用户的 id**,不能为空,相同的 loginName 登录,后面一个会使前面一个登出; |
182
+ | d_dimension | string | 1280x720 定义界面尺寸为 16:9 界面 |
183
+ | userName | string | 登录的用户名,在列表中显示用 |
184
+ | vendorType | number | rtc 类型 <br />2:agora |
185
+ | videoStream | number | 课堂类型,与 mediaType 需要对应上<br />2:视频课堂<br />1:语音课堂 |
186
+ | enableNewClassExam | number | 新版随堂测选择题:1;<br />新版随堂测填空题:2;<br />新版随堂测选择+填空:3,建议:3 |
187
+ | d_enableReRecording | number | 主讲、助教都可以重新录制课堂:3 |
188
+ | | | |
189
+ | | | |
190
+
191
+ ##### 2.1.1.1.2、可选参数表格说明
192
+
193
+ | 参数 | 类型 | 默认值 | 建议值 | 说明 |
194
+ | :-: | :-: | :-: | :-: | :-- |
195
+ | topic | string | | 非空 | 显示该课堂的名称 |
196
+ | onlineMode | number | 6 | 无 | 上台学生数,1:最大上台 1 个学生,6:最大上台 6 个学生,12:最大上台 12 个学生。默认:6 |
197
+ | d_enableOMO | number | 0 | 无 | 是否开启站播模式,1:开启;0:关闭 |
198
+ | d_delayEndTimes | number | 0 | 无 | 单节课最大延迟下课次数:1、2、3、4 |
199
+ | d_delayEnd | number | 0 | 无 | 单次延时时间,单位秒:5*60、10 * 60、15*60、20 * 60、30\*60 |
200
+ | d_restrictAssistantPerm | number | 0 | 无 | 是否开启了:大班课限制助教权限<br />1:开启<br />0:关闭 |
201
+ | d_enableAvatarFreeScale | number | 0 | | 开启头像任意比例缩放<br />0:关闭 1:开启,默认关闭 (非录制课堂、非无头像录制模式下,裁剪掉的老师/助教头像也会被录到回放中) |
202
+ | d_enableObjectEraser | number | 0 | 无 | 新板书配置,二进制位存储<br />default: 0;默认关闭对象擦<br />7:手写(对象擦);<br /> |
203
+ | d_vote | number | 0 | 1 | 0:未开放投票;1:开放投票 |
204
+ | d_sharpness | number | 10 | 无 | 头像推流清晰度、桌面共享清晰度<br />**仅 onlineMode 为 1 时生效**:<br />10:标清 20:高清 21: 高清流畅 30:超清 31: 超清流畅 |
205
+ | isNewMT | number | 0 | 1 | 是否支持 移动授课模式;<br />建议传 1 |
206
+ | d_enableDualCamera | number | 0 | 无 | 是否开启双摄,1:开启,0: 关闭 |
207
+ | recordType | number | | 无 | 配置 recordAvartor 设置录制对象,参数说明参考[附录 9-1](#91recordtype) |
208
+ | recordAvator | string | '' || 传入老师/助教的`loginName`表示录制对应人的头像 |
209
+ | recordScreen | string | '' | 无 | 传入'screen'表示录制屏幕(当前仅支持录制老师屏幕)|
210
+ | | | | | |
211
+
212
+ #### 2.1.1.2、根据 queryParams 对象生成签名字符串
213
+
214
+ 1)**用户把 queryParams 作为参数传给自己的接口,接口返回值必须返回签名字符串:signature**
215
+
216
+ (2)获取 signature 后需要把 signature 加到 queryParams 中作为一个参数
217
+
218
+ ```ts
219
+ queryParams.signature = signature;
220
+ ```
221
+
222
+ (3)**服务端接口生成 signature 规则**如下:
223
+
224
+ https://open.plaso.cn/doc-6285173?nav=01HEQ5Y5RXKMCPBPF6S8T3VK56
225
+
226
+ **signKey**:机构申请接入时,伯索平台给予的 key
227
+
228
+ ```ts
229
+ /*!----------演示签名代码------------- */
230
+
231
+ // 业务参数,根据接口文档中定义,自行生成填写
232
+ const queryParams = { name: 'test' };
233
+
234
+ //平台分配给机构的key
235
+ const signKey = 'a_secret';
236
+
237
+ // 业务参数和签名验证混合后排序
238
+ const afterSortParam = Object.keys(queryParams).sort();
239
+
240
+ const res = [];
241
+ for (let key of afterSortParam) {
242
+ res.push(`${key}=${queryParams[key]}`);
243
+ }
244
+
245
+ // 排序后连接成字符串
246
+ const content = res.join('&');
247
+
248
+ const crypto = require('crypto');
249
+
250
+ // 使用分配的signKey来加密生成签名串signature
251
+ const signature = crypto.createHmac('sha1', signKey).update(content).digest('hex').toUpperCase();
252
+ ```
253
+
254
+ #### 2.1.1.3、生成 query 字符串
255
+
256
+ (1)获取 完整的 queryParams 后,遍历对象生成 query 字符串
257
+
258
+ 每个参数值用 encodeURIComponent 编码
259
+
260
+ ```ts
261
+ // 代码示例:其中 queryParams 对象包含signature
262
+ function genQuery(queryParams) {
263
+ const keys = Object.keys(queryParams).sort();
264
+ const res = [];
265
+ for (let key of keys) {
266
+ res.push(key + '=' + encodeURIComponent(queryParams[key]));
267
+ }
268
+ return res.join('&');
269
+ }
270
+ genQuery(queryParams);
271
+ ```
272
+
273
+ ## 2.2、课堂结束的回调 onClassFinishedFn
274
+
275
+ ```ts
276
+ // 课堂结束后的回调,回调参数为 课堂的meetingId
277
+ (meetingId: string) => void
278
+
279
+ ```
280
+
281
+ # 3、备课课堂入参说明
282
+
283
+ ## 3.1、参数 classOptions
284
+
285
+ ```
286
+ 类型:Object
287
+ ```
288
+
289
+ ### 3.1.1、必传参数
290
+
291
+ | 参数 | 类型 | 说明 |
292
+ | --------- | ------ | ------------------------------------------------------------------------------------ |
293
+ | loginName | String | **唯一标识该用户的 id**,不能为空,相同的 loginName 登录,后面一个会使前面一个登出; |
294
+ | username | String | 登录的用户名,在列表中显示用 |
295
+ | | | |
296
+
297
+ ### 3.1.2、可选参数
298
+
299
+ | 参数 | 类型 | 说明 |
300
+ | --- | --- | --- |
301
+ | displayAvatarUrl | String | 用户头像地址 |
302
+ | topic | String | 默认值是中文的 “备课课堂” |
303
+ | **d_enableObjectEraser** | number | 新板书配置,二进制位存储<br />default: 0;默认关闭对象擦<br />7:手写(对象擦);<br />**注意:该值需要和实时课堂的传值一样** |
304
+ | env | String | sdk 数据环境参数,支持:dev、test、itest、ftest、www |
305
+ | | | |
306
+
307
+ **注意:**
308
+
309
+ 1、备课课堂直接通过任务栏关闭不会清空本地记录的板书内容,下次进入后会 板书交互会和上次进入的板书 配置一致(即使 d_enableObjectEraser 参数 值变动了)
310
+
311
+ # 4、实时课堂&备课课堂 通用参数说明
312
+
313
+ ## 4.1、参数 electronWinOptions
314
+
315
+ electron 的窗口参数,详情参考 [electron 官方文档](https://www.electronjs.org/zh/docs/latest/api/browser-window#winwebcontents-%E5%8F%AA%E8%AF%BB)
316
+
317
+ ```ts
318
+ type electronWinOptions = object;
319
+ ```
320
+
321
+ ## 4.2、参数回调 onClassWindowReadyFn
322
+
323
+ ```ts
324
+ // 课堂窗口打开渲染成功后的回调,回调参数为 窗口id
325
+ type onClassWindowReadyFn = (winId: number) => void;
326
+ ```
327
+
328
+ ## 4.3、参数回调 onClassWindowLeaveFn
329
+
330
+ ```ts
331
+ // 课堂窗口关闭后的回调,回调参数为 窗口id
332
+ type onClassWindowLeaveFn = (winId: number) => void;
333
+ ```
334
+
335
+ ## 4.4、参数回调 onSaveBoardFn
336
+
337
+ **注意:**
338
+
339
+ 1、**filePath 对应的文件资源,用户保存在自己的云端时,需要把 本次保存的备课文件的 相关资源放在同一特定目录下**
340
+
341
+ 2、**每次保存生成的备课文件 都放在一个新的目录下,不同的备课文件不能共用一个目录**
342
+
343
+ 3、**备课保存的资源文件名 不能更改,info.pb 是固定的文件名**
344
+
345
+ ```ts
346
+ // 保存板书方法,具体的保存逻辑由外部实现,取消保存板书时,callback传false, 不然传true
347
+
348
+ type FileParams = {
349
+ /** 备课相关资源文件的本地地址*/
350
+ filePath: string[];
351
+ /** 备课文件 类型*/
352
+ fileType: 'png' | 'pb' | string;
353
+ };
354
+
355
+ type onSaveBoardFn = (
356
+ params: {
357
+ fileInfo: FileParams[];
358
+ fileName?: string;
359
+ },
360
+ callback: (result: boolean) => void,
361
+ ) => void;
362
+ ```
363
+
364
+ fileInfo 格式如下:
365
+
366
+ ![img](./image/备课1.png)
367
+
368
+ ## 4.5、参数回调 onOpenResourceCenterFn
369
+
370
+ ```ts
371
+ // 通知外部用户打开自己的资料中心,资料中心的具体ui和逻辑由外部用户自己实现
372
+ type onOpenResourceCenterFn = () => void;
373
+ ```
374
+
375
+ ## 4.6、参数回调 onGetExtFileNameFn
376
+
377
+ ```ts
378
+ // 通过 insertObject 插入的文件传入 参数 info 时,怎么从info中获取文件的可访问地址的逻辑在用户那,所以需要函数从外部用户获取外部用户传入的文件地址
379
+ // 其中info会作为args中的第一个参数回传
380
+
381
+ type onGetExtFileNameFn = (...args: any[]) => Promise<string>;
382
+ ```
383
+
384
+ # 5、对外的交互方法
385
+
386
+ ## 5.1、initLogConfig
387
+
388
+ **初始化课堂窗口日志位置**,窗口崩溃时会在同级目录下生成 reports 文件夹存储 dump,**在 调用 createLiveClassWindow 前设置**
389
+
390
+ **日志默认位置**:
391
+
392
+ ```
393
+ windows:C:\Users\${userName}\AppData\Roaming\\${appName}\P403FileTemp
394
+ ```
395
+
396
+ ```ts
397
+ path.join(remote.app.getPath('userData'), '/P403FileTemp/');
398
+ ```
399
+
400
+ 参数示例:
401
+
402
+ ```ts
403
+ // 代码示例
404
+ const PlasoElectronSdk = window.require('@plasosdk/plaso-electron-sdk');
405
+ const logFilePath = 'C:/Users/userName/Desktop/electronDemo/electron12.0.18_x32/resources/app';
406
+ PlasoElectronSdk.initLogConfig(logFilePath);
407
+ ```
408
+
409
+ ## 5.2、getVersion
410
+
411
+ 返回包的版本,格式:x.x.x
412
+
413
+ ```ts
414
+ type getVersion = () => string;
415
+ ```
416
+
417
+ ## 5.3、createLiveClassWindow
418
+
419
+ **创建实时课堂窗口**,入参参考 见 “[**2、实时课堂入参说明**](#2、实时课堂入参说明)”
420
+
421
+ ```ts
422
+ /**
423
+ * @typedef {Object} classOptionsType
424
+ * @property {boolean} [debug] - 是否开启课堂窗口debug模式
425
+ * @property {string} query - 进课堂的必备query
426
+ * @property {string} [version] - 格式参考:1.53.901
427
+ */
428
+
429
+ /**
430
+ * @typedef {Object} FileParams
431
+ * @property {string[]} filePath - 备课文件本地地址
432
+ * @property {'png' | 'pb' | string} fileType
433
+ */
434
+
435
+ /**
436
+ * @typedef {Object} classWindowType
437
+ * @property {classOptionsType} classOptions 进课堂参数对象
438
+ * @property {Object} [electronWinOptions] 自定义electron的窗口参数
439
+ * @property {(winId: number)=>void} [onClassWindowReadyFn] 课堂窗口打开渲染成功后的回调
440
+ * @property {(winId: number)=>void} [onClassWindowLeaveFn] 课堂窗口关闭后的回调
441
+ * @property {(meetingId: string)=>void} [onClassFinishedFn] 课堂结束后的回调
442
+ * @property {(
443
+ * params: {
444
+ * fileInfo: FileParams[],
445
+ * fileName?: string
446
+ * },
447
+ * callback: (result: boolean) => void
448
+ * ) => void} [onSaveBoardFn] 保存板书,具体的保存逻辑由外部实现,取消保存板书时,callback传false, 不然传true
449
+ * @property {()=>void} [onOpenResourceCenterFn] 通知外部用户打开自己的资料中心,资料中心的具体ui和逻辑由外部用户自己实现
450
+ *
451
+ */
452
+
453
+ /**
454
+ * @param {classWindowType} classWindowProps
455
+ * @returns
456
+ */
457
+ function createClassWindow(classWindowProps) {/**
458
+ * @typedef {Object} classOptionsType
459
+ * @property {boolean} [debug] - 是否开启课堂窗口debug模式
460
+ * @property {string} query - 进课堂的必备query,其中部分参数需要签名
461
+ */
462
+
463
+ /**
464
+ * @typedef {Object} liveClassWindowType
465
+ * @property {classOptionsType} classOptions 进课堂参数对象
466
+ * @property {Object} [electronWinOptions] 自定义electron的窗口参数
467
+ * @property {(winId: number)=>void} [onClassWindowReadyCb] 课堂窗口打开渲染成功后的回调
468
+ * @property {()=>void} [onClassWindowLeaveCb] 课堂窗口关闭后的回调
469
+ * @property {()=>void} [onClassFinishedCb] 课堂结束后的回调
470
+ */
471
+
472
+ /**
473
+ * @param {liveClassWindowType} liveClassWindowProps
474
+ * @returns
475
+ */
476
+ function createLiveClassWindow({
477
+ classOptions,
478
+ electronWinOptions,
479
+ onClassWindowReadyCb,
480
+ onClassWindowLeaveCb,
481
+ onClassFinishedCb,
482
+ }){
483
+ ......
484
+ }
485
+ ```
486
+
487
+ ## 5.4、createPrepareClassWindow
488
+
489
+ **创建备课课堂窗口**,入参参考 见 “[**3、备课课堂入参说明**](#3、备课课堂入参说明)”
490
+
491
+ ```
492
+ 参数详情 参考 createLiveClassWindow方法的说明
493
+ ```
494
+
495
+ ## 5.5、insertObject
496
+
497
+ 用户从自己的云盘 **往 实时课堂/备课课堂 插入文件**
498
+
499
+ ```ts
500
+ /** 插入的文件类型 */
501
+ const FILE_TYPE = {
502
+ IMAGE: 2,
503
+ PDF: 3,
504
+ WORD: 4,
505
+ EXCEL: 5,
506
+ AUDIO: 6,
507
+ VIDEO: 7,
508
+ DOC: 14,
509
+ XLS: 15,
510
+ // ppt
511
+ NPPT: 17,
512
+ // 备课文件
513
+ PREPARE_LESSONS: 22,
514
+ };
515
+ ```
516
+
517
+ ```ts
518
+ /** 插入外部云盘里的文件,文件需要遵循特定的数据结构 */
519
+ /**
520
+ * @typedef {Object} fileDataObj
521
+ * @property {number} type 插入文件的格式,内容参考 FILE_TYPE
522
+ * @property {any[]} [info] 具体的文件信息数组,除备课外,内容都由用户自己定义
523
+ * @property {string} [title] 文件名称,需要带后缀
524
+ * @property {string} [url] 文件的可下载地址
525
+ */
526
+ /**
527
+ * @param {string | number} winId 课堂id
528
+ * @param {fileDataObj} fileData 文件数据
529
+ */
530
+ type insertObject = (webContentId, fileData) => void;
531
+ ```
532
+
533
+ ### 5.5.1、插入备课文件
534
+
535
+ 1、 插入 备课文件 的格式如下,其中 fileLocationPath 为 插入的备课文件资源的地址前缀,比如要本地插入一个备课文件(info.pb),其完整地址为 C:\Users\xxx\AppData\Roaming\plaso_sdk\prepareLessonsTemp\draft.swap\info.pb,则此时 fileLocationPath = C:\Users\xxx\AppData\Roaming\plaso_sdk\prepareLessonsTemp\draft.swap
536
+
537
+ ```ts
538
+ // 备课的fileData格式
539
+ const fileData = {
540
+ type: 22,
541
+ info: ['pb', , , fileLocationPath],
542
+ };
543
+ ```
544
+
545
+ **注意**:
546
+
547
+ 1、**保存备课文件时,需要把 info.pb 和其他的图片文件放在同一个目录下,这样才可以通过一个 目录地址获取 备课的所有资源**
548
+
549
+ ### 5.5.2、插入图片
550
+
551
+ 1、**title 需要带有文件后缀名**
552
+
553
+ ```ts
554
+ // 图片的fileData格式,不需要info属性
555
+ const fileData = {
556
+ type: 2,
557
+ title: 'xxxxxx.xxx',
558
+ url: 'xxxxxx',
559
+ };
560
+ ```
561
+
562
+ ### 5.5.3、插入 ppt
563
+
564
+ ```ts
565
+ // ppt的fileData格式,不需要info属性
566
+ const fileData = {
567
+ type: 17,
568
+ title: 'xxxxxx',
569
+ url: 'xxxxxx',
570
+ };
571
+ ```
572
+
573
+ ### 5.5.4、插入 音视频
574
+
575
+ 1、可以设置**url**属性为 公开可访问的音视频文件全路径,
576
+
577
+ 2、或者设置**info**属性为表示文件信息的数组,可以通过 进课堂时传入的 **getExtFileName** 方法 可以获取文件有效路径
578
+
579
+ ```ts
580
+ // audio、video 的fileData格式
581
+ const fileData = {
582
+ type: 6 或 7,
583
+ title: 'xxxxxx',
584
+ url: 'xxxxxx',
585
+ }
586
+
587
+ const fileData = {
588
+ type: 6 或 7,
589
+ title: 'xxxxxx',
590
+ info: [xxxxxx],
591
+ }
592
+ ```
593
+
594
+ ### 5.5.5、插入 pdf、word、execl、doc、xls
595
+
596
+ 1、可以设置 **url**属性 为公开可访问的 pdf、word、execl 文件全路径,
597
+
598
+ 2、或者设置 **info**属性 为表示文件信息的数组,可以通过 进课堂时传入的 **getExtFileName** 方法 可以获取文件有效路径
599
+
600
+ ```ts
601
+ // pdf、word、execl 的fileData格式,不需要info属性
602
+ const fileData = {
603
+ type: 3 或 4 或 5 或 14 或 15,
604
+ title: 'xxxxxx',
605
+ url: 'xxxxxx',
606
+ }
607
+
608
+ const fileData = {
609
+ type: 3 或 4 或 5 或 14 或 15,
610
+ title: 'xxxxxx',
611
+ info: [xxxxxx],
612
+ }
613
+ ```
614
+
615
+ # 6、资料中心
616
+
617
+ step1、进课堂时,对象 **classOptions.supportShowResourceCenter** 需要是 true
618
+
619
+ step2、在课堂内点击资料中心后,会触发进课堂时传入的回调函数 **onOpenResourceCenterFn**,此时用户在 onOpenResourceCenterFn 函数内打开自己的云盘
620
+
621
+ step3、选择号文件后,通过 **PlasoElectronSdk.insertObject** 方法插入文件,方法入参参考 insertObject 说明
622
+
623
+ step4、insertObject 方法 入参 有 info 时,此时 会触发进课堂时传入的回调函数 **onGetExtFileNameFn** 来获取文件的线上地址
624
+
625
+ # 7、历史课堂
626
+
627
+ 1、参考文档: [历史课堂接入方式](https://open.plaso.cn/folder-24752679?nav=01HEQ5Y5RXKMCPBPF6S8T3VK56)
628
+
629
+ 2、课堂里插入需要 调用 回调 onGetExtFileNameFn 方法的文件时,对应的历史课堂 则需要自己包装一层,具体逻辑参考 :**[播放历史课堂-jssdk 集成](https://open.plaso.cn/folder-24752679?nav=01HEQ5Y5RXKMCPBPF6S8T3VK56)**
630
+
631
+ # 8、注意点
632
+
633
+ 1)用户的课堂外主窗口销毁时需要销毁课堂窗口
634
+
635
+ (2)electron 版本>=14.0.0 时:需要在主进程里 启动 remote
636
+
637
+ ```ts
638
+ try {
639
+ const electronStore = require('@electron/remote/main');
640
+ electronStore.initialize();
641
+ // mainWindow 预期的渲染进程窗口
642
+ electronStore.enable(mainWindow.webContents);
643
+ } catch (error) {
644
+ console.error(
645
+ 'Module not found',
646
+ 'Please run `npm install @electron/remote` to enable remote module and update electron version to 22.0.0 or higher',
647
+ );
648
+ }
649
+ ```
650
+
651
+ 3)**基于 此包封装新包时**:注意 @electron/remote 这个包的位置需要 和新包处于同级目录,需要把 和该包同级的@electron/remote 移到新包的同级目录处
652
+
653
+ (4)确保 仅最后的 node_moudles 的顶层有 @electron/remote
654
+
655
+ # 9、附录参数说明
656
+
657
+ ## 9.1、RecordType
658
+
659
+ | | 说明 |
660
+ | --- | ------------------------------- |
661
+ | 1 | 无头像录制(仅录制板书) |
662
+ | 2 | 录老师头像(录制老师头像+板书) |
663
+ | 3 | 录助教头像(录制助教头像+板书) |
664
+ | 4 | 录制课堂(录制整个屏幕和头像) |
665
+ | 5 | 仅录老师头像 |