@ray-js/ipc-player-integration 0.0.1-beta-6 → 0.0.1-beta-8

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 (38) hide show
  1. package/lib/ctx/ctx.composition.js +17 -1
  2. package/lib/ctx/ctx.d.ts +3 -2
  3. package/lib/ctx/ctx.js +29 -8
  4. package/lib/ctx/ports.output.d.ts +1 -0
  5. package/lib/hooks/index.d.ts +0 -1
  6. package/lib/hooks/index.js +0 -1
  7. package/lib/hooks/useTemperature/index.js +0 -1
  8. package/lib/iconfont/demo_index.html +491 -123
  9. package/lib/iconfont/iconfont.css +87 -23
  10. package/lib/iconfont/iconfont.js +15 -15
  11. package/lib/iconfont/iconfont.json +154 -42
  12. package/lib/iconfont/iconfont.ttf +0 -0
  13. package/lib/iconfont/iconfont.woff +0 -0
  14. package/lib/iconfont/iconfont.woff2 +0 -0
  15. package/lib/interface.d.ts +2 -0
  16. package/lib/plugins/battery/battery.composition.d.ts +1 -0
  17. package/lib/plugins/fullScreen/fullScreen.js +1 -1
  18. package/lib/plugins/fullScreen/verticalScreen.js +1 -1
  19. package/lib/plugins/muted/muted.js +2 -2
  20. package/lib/plugins/recordVideo/recordVideo.js +25 -7
  21. package/lib/plugins/recordVideo/recordVideo.less +6 -4
  22. package/lib/plugins/screenshot/screenshot.js +34 -23
  23. package/lib/plugins/screenshot/screenshot.less +6 -3
  24. package/lib/plugins/tempHumidity/tempHumidity.js +3 -3
  25. package/lib/plugins/videoBitKbps/videoBitKbps.js +24 -90
  26. package/lib/plugins/voiceIntercom/type.d.ts +4 -0
  27. package/lib/plugins/voiceIntercom/voice.gif +0 -0
  28. package/lib/plugins/voiceIntercom/voiceIntercom.d.ts +2 -1
  29. package/lib/plugins/voiceIntercom/voiceIntercom.js +41 -36
  30. package/lib/plugins/voiceIntercom/voiceIntercom.less +7 -1
  31. package/lib/ports.output.d.ts +4 -0
  32. package/lib/ui/ui.js +5 -3
  33. package/lib/ui/ui.less +7 -1
  34. package/package.json +3 -2
  35. package/lib/hooks/useVideoBitKbps/index.d.ts +0 -1
  36. package/lib/hooks/useVideoBitKbps/index.js +0 -20
  37. package/lib/utils/ipcApi/index.d.ts +0 -78
  38. package/lib/utils/ipcApi/index.js +0 -251
package/lib/iconfont/demo_index.html CHANGED
@@ -55,98 +55,194 @@
55
55
  <ul class="icon_lists dib-box">
56
56
 
57
57
  <li class="dib">
58
- <span class="icon icon-panel">&#xe618;</span>
59
- <div class="name">静音</div>
60
- <div class="code-name">&amp;#xe618;</div>
58
+ <span class="icon icon-panel">&#xe62e;</span>
59
+ <div class="name">录像-暂停</div>
60
+ <div class="code-name">&amp;#xe62e;</div>
61
61
  </li>
62
62
 
63
63
  <li class="dib">
64
- <span class="icon icon-panel">&#xe61f;</span>
65
- <div class="name">返回</div>
66
- <div class="code-name">&amp;#xe61f;</div>
64
+ <span class="icon icon-panel">&#xe62d;</span>
65
+ <div class="name">ptz-arrow</div>
66
+ <div class="code-name">&amp;#xe62d;</div>
67
+ </li>
68
+
69
+ <li class="dib">
70
+ <span class="icon icon-panel">&#xe62c;</span>
71
+ <div class="name">zoom-out</div>
72
+ <div class="code-name">&amp;#xe62c;</div>
73
+ </li>
74
+
75
+ <li class="dib">
76
+ <span class="icon icon-panel">&#xe62b;</span>
77
+ <div class="name">zoom-in</div>
78
+ <div class="code-name">&amp;#xe62b;</div>
79
+ </li>
80
+
81
+ <li class="dib">
82
+ <span class="icon icon-panel">&#xe62a;</span>
83
+ <div class="name">cross-add</div>
84
+ <div class="code-name">&amp;#xe62a;</div>
85
+ </li>
86
+
87
+ <li class="dib">
88
+ <span class="icon icon-panel">&#xe629;</span>
89
+ <div class="name">siren</div>
90
+ <div class="code-name">&amp;#xe629;</div>
91
+ </li>
92
+
93
+ <li class="dib">
94
+ <span class="icon icon-panel">&#xe628;</span>
95
+ <div class="name">lullaby</div>
96
+ <div class="code-name">&amp;#xe628;</div>
97
+ </li>
98
+
99
+ <li class="dib">
100
+ <span class="icon icon-panel">&#xe627;</span>
101
+ <div class="name">cruise</div>
102
+ <div class="code-name">&amp;#xe627;</div>
103
+ </li>
104
+
105
+ <li class="dib">
106
+ <span class="icon icon-panel">&#xe623;</span>
107
+ <div class="name">wdr</div>
108
+ <div class="code-name">&amp;#xe623;</div>
109
+ </li>
110
+
111
+ <li class="dib">
112
+ <span class="icon icon-panel">&#xe624;</span>
113
+ <div class="name">lock</div>
114
+ <div class="code-name">&amp;#xe624;</div>
115
+ </li>
116
+
117
+ <li class="dib">
118
+ <span class="icon icon-panel">&#xe625;</span>
119
+ <div class="name">floodlight</div>
120
+ <div class="code-name">&amp;#xe625;</div>
121
+ </li>
122
+
123
+ <li class="dib">
124
+ <span class="icon icon-panel">&#xe626;</span>
125
+ <div class="name">private</div>
126
+ <div class="code-name">&amp;#xe626;</div>
127
+ </li>
128
+
129
+ <li class="dib">
130
+ <span class="icon icon-panel">&#xe639;</span>
131
+ <div class="name">list-checked</div>
132
+ <div class="code-name">&amp;#xe639;</div>
67
133
  </li>
68
134
 
69
135
  <li class="dib">
70
- <span class="icon icon-panel">&#xe616;</span>
71
- <div class="name">暂无回放</div>
72
- <div class="code-name">&amp;#xe616;</div>
136
+ <span class="icon icon-panel">&#xe61a;</span>
137
+ <div class="name">right-arrow</div>
138
+ <div class="code-name">&amp;#xe61a;</div>
73
139
  </li>
74
140
 
75
141
  <li class="dib">
76
- <span class="icon icon-panel">&#xe615;</span>
77
- <div class="name">消息为空</div>
78
- <div class="code-name">&amp;#xe615;</div>
142
+ <span class="icon icon-panel">&#xe621;</span>
143
+ <div class="name">voice-change</div>
144
+ <div class="code-name">&amp;#xe621;</div>
145
+ </li>
146
+
147
+ <li class="dib">
148
+ <span class="icon icon-panel">&#xe620;</span>
149
+ <div class="name">more</div>
150
+ <div class="code-name">&amp;#xe620;</div>
151
+ </li>
152
+
153
+ <li class="dib">
154
+ <span class="icon icon-panel">&#xe61e;</span>
155
+ <div class="name">collect-point</div>
156
+ <div class="code-name">&amp;#xe61e;</div>
157
+ </li>
158
+
159
+ <li class="dib">
160
+ <span class="icon icon-panel">&#xe61c;</span>
161
+ <div class="name">alum</div>
162
+ <div class="code-name">&amp;#xe61c;</div>
163
+ </li>
164
+
165
+ <li class="dib">
166
+ <span class="icon icon-panel">&#xe618;</span>
167
+ <div class="name">mute-off</div>
168
+ <div class="code-name">&amp;#xe618;</div>
169
+ </li>
170
+
171
+ <li class="dib">
172
+ <span class="icon icon-panel">&#xe61f;</span>
173
+ <div class="name">left-arrow</div>
174
+ <div class="code-name">&amp;#xe61f;</div>
79
175
  </li>
80
176
 
81
177
  <li class="dib">
82
178
  <span class="icon icon-panel">&#xe614;</span>
83
- <div class="name">删除</div>
179
+ <div class="name">delete</div>
84
180
  <div class="code-name">&amp;#xe614;</div>
85
181
  </li>
86
182
 
87
183
  <li class="dib">
88
184
  <span class="icon icon-panel">&#xe612;</span>
89
- <div class="name">方向</div>
185
+ <div class="name">ptz</div>
90
186
  <div class="code-name">&amp;#xe612;</div>
91
187
  </li>
92
188
 
93
189
  <li class="dib">
94
190
  <span class="icon icon-panel">&#xe611;</span>
95
- <div class="name">语音</div>
191
+ <div class="name">one-way-intercom</div>
96
192
  <div class="code-name">&amp;#xe611;</div>
97
193
  </li>
98
194
 
99
195
  <li class="dib">
100
196
  <span class="icon icon-panel">&#xe610;</span>
101
- <div class="name">回放</div>
197
+ <div class="name">playback</div>
102
198
  <div class="code-name">&amp;#xe610;</div>
103
199
  </li>
104
200
 
105
201
  <li class="dib">
106
202
  <span class="icon icon-panel">&#xe60f;</span>
107
- <div class="name">通知</div>
203
+ <div class="name">message</div>
108
204
  <div class="code-name">&amp;#xe60f;</div>
109
205
  </li>
110
206
 
111
207
  <li class="dib">
112
208
  <span class="icon icon-panel">&#xe60d;</span>
113
- <div class="name">功能设置</div>
209
+ <div class="name">feature-settings</div>
114
210
  <div class="code-name">&amp;#xe60d;</div>
115
211
  </li>
116
212
 
117
213
  <li class="dib">
118
214
  <span class="icon icon-panel">&#xe60a;</span>
119
- <div class="name">湿度</div>
215
+ <div class="name">humidity</div>
120
216
  <div class="code-name">&amp;#xe60a;</div>
121
217
  </li>
122
218
 
123
219
  <li class="dib">
124
220
  <span class="icon icon-panel">&#xe60b;</span>
125
- <div class="name">温度</div>
221
+ <div class="name">temperature</div>
126
222
  <div class="code-name">&amp;#xe60b;</div>
127
223
  </li>
128
224
 
129
225
  <li class="dib">
130
226
  <span class="icon icon-panel">&#xe608;</span>
131
- <div class="name">截屏</div>
227
+ <div class="name">screenshot</div>
132
228
  <div class="code-name">&amp;#xe608;</div>
133
229
  </li>
134
230
 
135
231
  <li class="dib">
136
232
  <span class="icon icon-panel">&#xe607;</span>
137
- <div class="name">录屏</div>
233
+ <div class="name">record</div>
138
234
  <div class="code-name">&amp;#xe607;</div>
139
235
  </li>
140
236
 
141
237
  <li class="dib">
142
238
  <span class="icon icon-panel">&#xe606;</span>
143
- <div class="name">音量</div>
239
+ <div class="name">mute-on</div>
144
240
  <div class="code-name">&amp;#xe606;</div>
145
241
  </li>
146
242
 
147
243
  <li class="dib">
148
244
  <span class="icon icon-panel">&#xe609;</span>
149
- <div class="name">放大</div>
245
+ <div class="name">landscape</div>
150
246
  <div class="code-name">&amp;#xe609;</div>
151
247
  </li>
152
248
 
@@ -168,9 +264,9 @@
168
264
  <pre><code class="language-css"
169
265
  >@font-face {
170
266
  font-family: 'icon-panel';
171
- src: url('iconfont.woff2?t=1730770874416') format('woff2'),
172
- url('iconfont.woff?t=1730770874416') format('woff'),
173
- url('iconfont.ttf?t=1730770874416') format('truetype');
267
+ src: url('iconfont.woff2?t=1732869224041') format('woff2'),
268
+ url('iconfont.woff?t=1732869224041') format('woff'),
269
+ url('iconfont.ttf?t=1732869224041') format('truetype');
174
270
  }
175
271
  </code></pre>
176
272
  <h3 id="-iconfont-">第二步：定义使用 iconfont 的样式</h3>
@@ -197,146 +293,290 @@
197
293
  <ul class="icon_lists dib-box">
198
294
 
199
295
  <li class="dib">
200
- <span class="icon icon-panel icon-panel-jingyin"></span>
296
+ <span class="icon icon-panel icon-panel-record-stop"></span>
297
+ <div class="name">
298
+ 录像-暂停
299
+ </div>
300
+ <div class="code-name">.icon-panel-record-stop
301
+ </div>
302
+ </li>
303
+
304
+ <li class="dib">
305
+ <span class="icon icon-panel icon-panel-ptz-arrow"></span>
306
+ <div class="name">
307
+ ptz-arrow
308
+ </div>
309
+ <div class="code-name">.icon-panel-ptz-arrow
310
+ </div>
311
+ </li>
312
+
313
+ <li class="dib">
314
+ <span class="icon icon-panel icon-panel-zoom-out"></span>
315
+ <div class="name">
316
+ zoom-out
317
+ </div>
318
+ <div class="code-name">.icon-panel-zoom-out
319
+ </div>
320
+ </li>
321
+
322
+ <li class="dib">
323
+ <span class="icon icon-panel icon-panel-zoom-in"></span>
324
+ <div class="name">
325
+ zoom-in
326
+ </div>
327
+ <div class="code-name">.icon-panel-zoom-in
328
+ </div>
329
+ </li>
330
+
331
+ <li class="dib">
332
+ <span class="icon icon-panel icon-panel-cross-add"></span>
333
+ <div class="name">
334
+ cross-add
335
+ </div>
336
+ <div class="code-name">.icon-panel-cross-add
337
+ </div>
338
+ </li>
339
+
340
+ <li class="dib">
341
+ <span class="icon icon-panel icon-panel-siren"></span>
342
+ <div class="name">
343
+ siren
344
+ </div>
345
+ <div class="code-name">.icon-panel-siren
346
+ </div>
347
+ </li>
348
+
349
+ <li class="dib">
350
+ <span class="icon icon-panel icon-panel-lullaby"></span>
351
+ <div class="name">
352
+ lullaby
353
+ </div>
354
+ <div class="code-name">.icon-panel-lullaby
355
+ </div>
356
+ </li>
357
+
358
+ <li class="dib">
359
+ <span class="icon icon-panel icon-panel-cruise"></span>
360
+ <div class="name">
361
+ cruise
362
+ </div>
363
+ <div class="code-name">.icon-panel-cruise
364
+ </div>
365
+ </li>
366
+
367
+ <li class="dib">
368
+ <span class="icon icon-panel icon-panel-wdr"></span>
369
+ <div class="name">
370
+ wdr
371
+ </div>
372
+ <div class="code-name">.icon-panel-wdr
373
+ </div>
374
+ </li>
375
+
376
+ <li class="dib">
377
+ <span class="icon icon-panel icon-panel-lock"></span>
378
+ <div class="name">
379
+ lock
380
+ </div>
381
+ <div class="code-name">.icon-panel-lock
382
+ </div>
383
+ </li>
384
+
385
+ <li class="dib">
386
+ <span class="icon icon-panel icon-panel-floodlight"></span>
201
387
  <div class="name">
202
- 静音
388
+ floodlight
203
389
  </div>
204
- <div class="code-name">.icon-panel-jingyin
390
+ <div class="code-name">.icon-panel-floodlight
205
391
  </div>
206
392
  </li>
207
393
 
208
394
  <li class="dib">
209
- <span class="icon icon-panel icon-panel-fanhui-copy"></span>
395
+ <span class="icon icon-panel icon-panel-private"></span>
210
396
  <div class="name">
211
- 返回
397
+ private
212
398
  </div>
213
- <div class="code-name">.icon-panel-fanhui-copy
399
+ <div class="code-name">.icon-panel-private
214
400
  </div>
215
401
  </li>
216
402
 
217
403
  <li class="dib">
218
- <span class="icon icon-panel icon-panel-zanwuhuifang"></span>
404
+ <span class="icon icon-panel icon-panel-list-checked"></span>
219
405
  <div class="name">
220
- 暂无回放
406
+ list-checked
221
407
  </div>
222
- <div class="code-name">.icon-panel-zanwuhuifang
408
+ <div class="code-name">.icon-panel-list-checked
223
409
  </div>
224
410
  </li>
225
411
 
226
412
  <li class="dib">
227
- <span class="icon icon-panel icon-panel-xiaoxiweikong"></span>
413
+ <span class="icon icon-panel icon-panel-right-arrow"></span>
228
414
  <div class="name">
229
- 消息为空
415
+ right-arrow
230
416
  </div>
231
- <div class="code-name">.icon-panel-xiaoxiweikong
417
+ <div class="code-name">.icon-panel-right-arrow
232
418
  </div>
233
419
  </li>
234
420
 
235
421
  <li class="dib">
236
- <span class="icon icon-panel icon-panel-shanchu"></span>
422
+ <span class="icon icon-panel icon-panel-voice-change"></span>
237
423
  <div class="name">
238
- 删除
424
+ voice-change
239
425
  </div>
240
- <div class="code-name">.icon-panel-shanchu
426
+ <div class="code-name">.icon-panel-voice-change
241
427
  </div>
242
428
  </li>
243
429
 
244
430
  <li class="dib">
245
- <span class="icon icon-panel icon-panel-fangxiang"></span>
431
+ <span class="icon icon-panel icon-panel-more"></span>
246
432
  <div class="name">
247
- 方向
433
+ more
248
434
  </div>
249
- <div class="code-name">.icon-panel-fangxiang
435
+ <div class="code-name">.icon-panel-more
250
436
  </div>
251
437
  </li>
252
438
 
253
439
  <li class="dib">
254
- <span class="icon icon-panel icon-panel-yuyin"></span>
440
+ <span class="icon icon-panel icon-panel-collect-point"></span>
255
441
  <div class="name">
256
- 语音
442
+ collect-point
257
443
  </div>
258
- <div class="code-name">.icon-panel-yuyin
444
+ <div class="code-name">.icon-panel-collect-point
259
445
  </div>
260
446
  </li>
261
447
 
262
448
  <li class="dib">
263
- <span class="icon icon-panel icon-panel-huifang"></span>
449
+ <span class="icon icon-panel icon-panel-album"></span>
264
450
  <div class="name">
265
- 回放
451
+ alum
266
452
  </div>
267
- <div class="code-name">.icon-panel-huifang
453
+ <div class="code-name">.icon-panel-album
268
454
  </div>
269
455
  </li>
270
456
 
271
457
  <li class="dib">
272
- <span class="icon icon-panel icon-panel-tongzhi"></span>
458
+ <span class="icon icon-panel icon-panel-mute-off"></span>
273
459
  <div class="name">
274
- 通知
460
+ mute-off
275
461
  </div>
276
- <div class="code-name">.icon-panel-tongzhi
462
+ <div class="code-name">.icon-panel-mute-off
277
463
  </div>
278
464
  </li>
279
465
 
280
466
  <li class="dib">
281
- <span class="icon icon-panel icon-panel-gongnengshezhi"></span>
467
+ <span class="icon icon-panel icon-panel-left-arrow"></span>
282
468
  <div class="name">
283
- 功能设置
469
+ left-arrow
284
470
  </div>
285
- <div class="code-name">.icon-panel-gongnengshezhi
471
+ <div class="code-name">.icon-panel-left-arrow
286
472
  </div>
287
473
  </li>
288
474
 
289
475
  <li class="dib">
290
- <span class="icon icon-panel icon-panel-shidu"></span>
476
+ <span class="icon icon-panel icon-panel-delete"></span>
291
477
  <div class="name">
292
- 湿度
478
+ delete
293
479
  </div>
294
- <div class="code-name">.icon-panel-shidu
480
+ <div class="code-name">.icon-panel-delete
295
481
  </div>
296
482
  </li>
297
483
 
298
484
  <li class="dib">
299
- <span class="icon icon-panel icon-panel-wendu"></span>
485
+ <span class="icon icon-panel icon-panel-ptz"></span>
300
486
  <div class="name">
301
- 温度
487
+ ptz
302
488
  </div>
303
- <div class="code-name">.icon-panel-wendu
489
+ <div class="code-name">.icon-panel-ptz
304
490
  </div>
305
491
  </li>
306
492
 
307
493
  <li class="dib">
308
- <span class="icon icon-panel icon-panel-jieping"></span>
494
+ <span class="icon icon-panel icon-panel-one-way-intercom"></span>
309
495
  <div class="name">
310
- 截屏
496
+ one-way-intercom
311
497
  </div>
312
- <div class="code-name">.icon-panel-jieping
498
+ <div class="code-name">.icon-panel-one-way-intercom
313
499
  </div>
314
500
  </li>
315
501
 
316
502
  <li class="dib">
317
- <span class="icon icon-panel icon-panel-luping"></span>
503
+ <span class="icon icon-panel icon-panel-playback"></span>
318
504
  <div class="name">
319
- 录屏
505
+ playback
320
506
  </div>
321
- <div class="code-name">.icon-panel-luping
507
+ <div class="code-name">.icon-panel-playback
322
508
  </div>
323
509
  </li>
324
510
 
325
511
  <li class="dib">
326
- <span class="icon icon-panel icon-panel-yinliang"></span>
512
+ <span class="icon icon-panel icon-panel-message"></span>
327
513
  <div class="name">
328
- 音量
514
+ message
329
515
  </div>
330
- <div class="code-name">.icon-panel-yinliang
516
+ <div class="code-name">.icon-panel-message
331
517
  </div>
332
518
  </li>
333
519
 
334
520
  <li class="dib">
335
- <span class="icon icon-panel icon-panel-fangda"></span>
521
+ <span class="icon icon-panel icon-panel-feature-settings"></span>
336
522
  <div class="name">
337
- 放大
523
+ feature-settings
338
524
  </div>
339
- <div class="code-name">.icon-panel-fangda
525
+ <div class="code-name">.icon-panel-feature-settings
526
+ </div>
527
+ </li>
528
+
529
+ <li class="dib">
530
+ <span class="icon icon-panel icon-panel-humidity"></span>
531
+ <div class="name">
532
+ humidity
533
+ </div>
534
+ <div class="code-name">.icon-panel-humidity
535
+ </div>
536
+ </li>
537
+
538
+ <li class="dib">
539
+ <span class="icon icon-panel icon-panel-temperature"></span>
540
+ <div class="name">
541
+ temperature
542
+ </div>
543
+ <div class="code-name">.icon-panel-temperature
544
+ </div>
545
+ </li>
546
+
547
+ <li class="dib">
548
+ <span class="icon icon-panel icon-panel-screenshot"></span>
549
+ <div class="name">
550
+ screenshot
551
+ </div>
552
+ <div class="code-name">.icon-panel-screenshot
553
+ </div>
554
+ </li>
555
+
556
+ <li class="dib">
557
+ <span class="icon icon-panel icon-panel-record"></span>
558
+ <div class="name">
559
+ record
560
+ </div>
561
+ <div class="code-name">.icon-panel-record
562
+ </div>
563
+ </li>
564
+
565
+ <li class="dib">
566
+ <span class="icon icon-panel icon-panel-mute-on"></span>
567
+ <div class="name">
568
+ mute-on
569
+ </div>
570
+ <div class="code-name">.icon-panel-mute-on
571
+ </div>
572
+ </li>
573
+
574
+ <li class="dib">
575
+ <span class="icon icon-panel icon-panel-landscape"></span>
576
+ <div class="name">
577
+ landscape
578
+ </div>
579
+ <div class="code-name">.icon-panel-landscape
340
580
  </div>
341
581
  </li>
342
582
 
@@ -369,130 +609,258 @@
369
609
 
370
610
  <li class="dib">
371
611
  <svg class="icon svg-icon" aria-hidden="true">
372
- <use xlink:href="#icon-panel-jingyin"></use>
612
+ <use xlink:href="#icon-panel-record-stop"></use>
613
+ </svg>
614
+ <div class="name">录像-暂停</div>
615
+ <div class="code-name">#icon-panel-record-stop</div>
616
+ </li>
617
+
618
+ <li class="dib">
619
+ <svg class="icon svg-icon" aria-hidden="true">
620
+ <use xlink:href="#icon-panel-ptz-arrow"></use>
621
+ </svg>
622
+ <div class="name">ptz-arrow</div>
623
+ <div class="code-name">#icon-panel-ptz-arrow</div>
624
+ </li>
625
+
626
+ <li class="dib">
627
+ <svg class="icon svg-icon" aria-hidden="true">
628
+ <use xlink:href="#icon-panel-zoom-out"></use>
629
+ </svg>
630
+ <div class="name">zoom-out</div>
631
+ <div class="code-name">#icon-panel-zoom-out</div>
632
+ </li>
633
+
634
+ <li class="dib">
635
+ <svg class="icon svg-icon" aria-hidden="true">
636
+ <use xlink:href="#icon-panel-zoom-in"></use>
637
+ </svg>
638
+ <div class="name">zoom-in</div>
639
+ <div class="code-name">#icon-panel-zoom-in</div>
640
+ </li>
641
+
642
+ <li class="dib">
643
+ <svg class="icon svg-icon" aria-hidden="true">
644
+ <use xlink:href="#icon-panel-cross-add"></use>
645
+ </svg>
646
+ <div class="name">cross-add</div>
647
+ <div class="code-name">#icon-panel-cross-add</div>
648
+ </li>
649
+
650
+ <li class="dib">
651
+ <svg class="icon svg-icon" aria-hidden="true">
652
+ <use xlink:href="#icon-panel-siren"></use>
653
+ </svg>
654
+ <div class="name">siren</div>
655
+ <div class="code-name">#icon-panel-siren</div>
656
+ </li>
657
+
658
+ <li class="dib">
659
+ <svg class="icon svg-icon" aria-hidden="true">
660
+ <use xlink:href="#icon-panel-lullaby"></use>
661
+ </svg>
662
+ <div class="name">lullaby</div>
663
+ <div class="code-name">#icon-panel-lullaby</div>
664
+ </li>
665
+
666
+ <li class="dib">
667
+ <svg class="icon svg-icon" aria-hidden="true">
668
+ <use xlink:href="#icon-panel-cruise"></use>
669
+ </svg>
670
+ <div class="name">cruise</div>
671
+ <div class="code-name">#icon-panel-cruise</div>
672
+ </li>
673
+
674
+ <li class="dib">
675
+ <svg class="icon svg-icon" aria-hidden="true">
676
+ <use xlink:href="#icon-panel-wdr"></use>
677
+ </svg>
678
+ <div class="name">wdr</div>
679
+ <div class="code-name">#icon-panel-wdr</div>
680
+ </li>
681
+
682
+ <li class="dib">
683
+ <svg class="icon svg-icon" aria-hidden="true">
684
+ <use xlink:href="#icon-panel-lock"></use>
685
+ </svg>
686
+ <div class="name">lock</div>
687
+ <div class="code-name">#icon-panel-lock</div>
688
+ </li>
689
+
690
+ <li class="dib">
691
+ <svg class="icon svg-icon" aria-hidden="true">
692
+ <use xlink:href="#icon-panel-floodlight"></use>
693
+ </svg>
694
+ <div class="name">floodlight</div>
695
+ <div class="code-name">#icon-panel-floodlight</div>
696
+ </li>
697
+
698
+ <li class="dib">
699
+ <svg class="icon svg-icon" aria-hidden="true">
700
+ <use xlink:href="#icon-panel-private"></use>
701
+ </svg>
702
+ <div class="name">private</div>
703
+ <div class="code-name">#icon-panel-private</div>
704
+ </li>
705
+
706
+ <li class="dib">
707
+ <svg class="icon svg-icon" aria-hidden="true">
708
+ <use xlink:href="#icon-panel-list-checked"></use>
709
+ </svg>
710
+ <div class="name">list-checked</div>
711
+ <div class="code-name">#icon-panel-list-checked</div>
712
+ </li>
713
+
714
+ <li class="dib">
715
+ <svg class="icon svg-icon" aria-hidden="true">
716
+ <use xlink:href="#icon-panel-right-arrow"></use>
717
+ </svg>
718
+ <div class="name">right-arrow</div>
719
+ <div class="code-name">#icon-panel-right-arrow</div>
720
+ </li>
721
+
722
+ <li class="dib">
723
+ <svg class="icon svg-icon" aria-hidden="true">
724
+ <use xlink:href="#icon-panel-voice-change"></use>
725
+ </svg>
726
+ <div class="name">voice-change</div>
727
+ <div class="code-name">#icon-panel-voice-change</div>
728
+ </li>
729
+
730
+ <li class="dib">
731
+ <svg class="icon svg-icon" aria-hidden="true">
732
+ <use xlink:href="#icon-panel-more"></use>
733
+ </svg>
734
+ <div class="name">more</div>
735
+ <div class="code-name">#icon-panel-more</div>
736
+ </li>
737
+
738
+ <li class="dib">
739
+ <svg class="icon svg-icon" aria-hidden="true">
740
+ <use xlink:href="#icon-panel-collect-point"></use>
373
741
  </svg>
374
- <div class="name">静音</div>
375
- <div class="code-name">#icon-panel-jingyin</div>
742
+ <div class="name">collect-point</div>
743
+ <div class="code-name">#icon-panel-collect-point</div>
376
744
  </li>
377
745
 
378
746
  <li class="dib">
379
747
  <svg class="icon svg-icon" aria-hidden="true">
380
- <use xlink:href="#icon-panel-fanhui-copy"></use>
748
+ <use xlink:href="#icon-panel-album"></use>
381
749
  </svg>
382
- <div class="name">返回</div>
383
- <div class="code-name">#icon-panel-fanhui-copy</div>
750
+ <div class="name">alum</div>
751
+ <div class="code-name">#icon-panel-album</div>
384
752
  </li>
385
753
 
386
754
  <li class="dib">
387
755
  <svg class="icon svg-icon" aria-hidden="true">
388
- <use xlink:href="#icon-panel-zanwuhuifang"></use>
756
+ <use xlink:href="#icon-panel-mute-off"></use>
389
757
  </svg>
390
- <div class="name">暂无回放</div>
391
- <div class="code-name">#icon-panel-zanwuhuifang</div>
758
+ <div class="name">mute-off</div>
759
+ <div class="code-name">#icon-panel-mute-off</div>
392
760
  </li>
393
761
 
394
762
  <li class="dib">
395
763
  <svg class="icon svg-icon" aria-hidden="true">
396
- <use xlink:href="#icon-panel-xiaoxiweikong"></use>
764
+ <use xlink:href="#icon-panel-left-arrow"></use>
397
765
  </svg>
398
- <div class="name">消息为空</div>
399
- <div class="code-name">#icon-panel-xiaoxiweikong</div>
766
+ <div class="name">left-arrow</div>
767
+ <div class="code-name">#icon-panel-left-arrow</div>
400
768
  </li>
401
769
 
402
770
  <li class="dib">
403
771
  <svg class="icon svg-icon" aria-hidden="true">
404
- <use xlink:href="#icon-panel-shanchu"></use>
772
+ <use xlink:href="#icon-panel-delete"></use>
405
773
  </svg>
406
- <div class="name">删除</div>
407
- <div class="code-name">#icon-panel-shanchu</div>
774
+ <div class="name">delete</div>
775
+ <div class="code-name">#icon-panel-delete</div>
408
776
  </li>
409
777
 
410
778
  <li class="dib">
411
779
  <svg class="icon svg-icon" aria-hidden="true">
412
- <use xlink:href="#icon-panel-fangxiang"></use>
780
+ <use xlink:href="#icon-panel-ptz"></use>
413
781
  </svg>
414
- <div class="name">方向</div>
415
- <div class="code-name">#icon-panel-fangxiang</div>
782
+ <div class="name">ptz</div>
783
+ <div class="code-name">#icon-panel-ptz</div>
416
784
  </li>
417
785
 
418
786
  <li class="dib">
419
787
  <svg class="icon svg-icon" aria-hidden="true">
420
- <use xlink:href="#icon-panel-yuyin"></use>
788
+ <use xlink:href="#icon-panel-one-way-intercom"></use>
421
789
  </svg>
422
- <div class="name">语音</div>
423
- <div class="code-name">#icon-panel-yuyin</div>
790
+ <div class="name">one-way-intercom</div>
791
+ <div class="code-name">#icon-panel-one-way-intercom</div>
424
792
  </li>
425
793
 
426
794
  <li class="dib">
427
795
  <svg class="icon svg-icon" aria-hidden="true">
428
- <use xlink:href="#icon-panel-huifang"></use>
796
+ <use xlink:href="#icon-panel-playback"></use>
429
797
  </svg>
430
- <div class="name">回放</div>
431
- <div class="code-name">#icon-panel-huifang</div>
798
+ <div class="name">playback</div>
799
+ <div class="code-name">#icon-panel-playback</div>
432
800
  </li>
433
801
 
434
802
  <li class="dib">
435
803
  <svg class="icon svg-icon" aria-hidden="true">
436
- <use xlink:href="#icon-panel-tongzhi"></use>
804
+ <use xlink:href="#icon-panel-message"></use>
437
805
  </svg>
438
- <div class="name">通知</div>
439
- <div class="code-name">#icon-panel-tongzhi</div>
806
+ <div class="name">message</div>
807
+ <div class="code-name">#icon-panel-message</div>
440
808
  </li>
441
809
 
442
810
  <li class="dib">
443
811
  <svg class="icon svg-icon" aria-hidden="true">
444
- <use xlink:href="#icon-panel-gongnengshezhi"></use>
812
+ <use xlink:href="#icon-panel-feature-settings"></use>
445
813
  </svg>
446
- <div class="name">功能设置</div>
447
- <div class="code-name">#icon-panel-gongnengshezhi</div>
814
+ <div class="name">feature-settings</div>
815
+ <div class="code-name">#icon-panel-feature-settings</div>
448
816
  </li>
449
817
 
450
818
  <li class="dib">
451
819
  <svg class="icon svg-icon" aria-hidden="true">
452
- <use xlink:href="#icon-panel-shidu"></use>
820
+ <use xlink:href="#icon-panel-humidity"></use>
453
821
  </svg>
454
- <div class="name">湿度</div>
455
- <div class="code-name">#icon-panel-shidu</div>
822
+ <div class="name">humidity</div>
823
+ <div class="code-name">#icon-panel-humidity</div>
456
824
  </li>
457
825
 
458
826
  <li class="dib">
459
827
  <svg class="icon svg-icon" aria-hidden="true">
460
- <use xlink:href="#icon-panel-wendu"></use>
828
+ <use xlink:href="#icon-panel-temperature"></use>
461
829
  </svg>
462
- <div class="name">温度</div>
463
- <div class="code-name">#icon-panel-wendu</div>
830
+ <div class="name">temperature</div>
831
+ <div class="code-name">#icon-panel-temperature</div>
464
832
  </li>
465
833
 
466
834
  <li class="dib">
467
835
  <svg class="icon svg-icon" aria-hidden="true">
468
- <use xlink:href="#icon-panel-jieping"></use>
836
+ <use xlink:href="#icon-panel-screenshot"></use>
469
837
  </svg>
470
- <div class="name">截屏</div>
471
- <div class="code-name">#icon-panel-jieping</div>
838
+ <div class="name">screenshot</div>
839
+ <div class="code-name">#icon-panel-screenshot</div>
472
840
  </li>
473
841
 
474
842
  <li class="dib">
475
843
  <svg class="icon svg-icon" aria-hidden="true">
476
- <use xlink:href="#icon-panel-luping"></use>
844
+ <use xlink:href="#icon-panel-record"></use>
477
845
  </svg>
478
- <div class="name">录屏</div>
479
- <div class="code-name">#icon-panel-luping</div>
846
+ <div class="name">record</div>
847
+ <div class="code-name">#icon-panel-record</div>
480
848
  </li>
481
849
 
482
850
  <li class="dib">
483
851
  <svg class="icon svg-icon" aria-hidden="true">
484
- <use xlink:href="#icon-panel-yinliang"></use>
852
+ <use xlink:href="#icon-panel-mute-on"></use>
485
853
  </svg>
486
- <div class="name">音量</div>
487
- <div class="code-name">#icon-panel-yinliang</div>
854
+ <div class="name">mute-on</div>
855
+ <div class="code-name">#icon-panel-mute-on</div>
488
856
  </li>
489
857
 
490
858
  <li class="dib">
491
859
  <svg class="icon svg-icon" aria-hidden="true">
492
- <use xlink:href="#icon-panel-fangda"></use>
860
+ <use xlink:href="#icon-panel-landscape"></use>
493
861
  </svg>
494
- <div class="name">放大</div>
495
- <div class="code-name">#icon-panel-fangda</div>
862
+ <div class="name">landscape</div>
863
+ <div class="code-name">#icon-panel-landscape</div>
496
864
  </li>
497
865
 
498
866
  </ul>