-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathREADME.html
827 lines (755 loc) · 226 KB
/
README.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739
740
741
742
743
744
745
746
747
748
749
750
751
752
753
754
755
756
757
758
759
760
761
762
763
764
765
766
767
768
769
770
771
772
773
774
775
776
777
778
779
780
781
782
783
784
785
786
787
788
789
790
791
792
793
794
795
796
797
798
799
800
801
802
803
804
805
806
807
808
809
810
811
812
813
814
815
816
817
818
819
820
821
822
823
824
825
826
827
<!doctype html>
<html>
<head>
<meta charset='UTF-8'><meta name='viewport' content='width=device-width initial-scale=1'>
<link href='https://fonts.loli.net/css?family=Open+Sans:400italic,700italic,700,400&subset=latin,latin-ext' rel='stylesheet' type='text/css' /><style type='text/css'>html {overflow-x: initial !important;}:root { --bg-color:#ffffff; --text-color:#333333; --select-text-bg-color:#B5D6FC; --select-text-font-color:auto; --monospace:"Lucida Console",Consolas,"Courier",monospace; --title-bar-height:20px; }
.mac-os-11 { --title-bar-height:28px; }
html { font-size: 14px; background-color: var(--bg-color); color: var(--text-color); font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; -webkit-font-smoothing: antialiased; }
body { margin: 0px; padding: 0px; height: auto; inset: 0px; font-size: 1rem; line-height: 1.42857; overflow-x: hidden; background: inherit; tab-size: 4; }
iframe { margin: auto; }
a.url { word-break: break-all; }
a:active, a:hover { outline: 0px; }
.in-text-selection, ::selection { text-shadow: none; background: var(--select-text-bg-color); color: var(--select-text-font-color); }
#write { margin: 0px auto; height: auto; width: inherit; word-break: normal; overflow-wrap: break-word; position: relative; white-space: normal; overflow-x: visible; padding-top: 36px; }
#write.first-line-indent p { text-indent: 2em; }
#write.first-line-indent li p, #write.first-line-indent p * { text-indent: 0px; }
#write.first-line-indent li { margin-left: 2em; }
.for-image #write { padding-left: 8px; padding-right: 8px; }
body.typora-export { padding-left: 30px; padding-right: 30px; }
.typora-export .footnote-line, .typora-export li, .typora-export p { white-space: pre-wrap; }
.typora-export .task-list-item input { pointer-events: none; }
@media screen and (max-width: 500px) {
body.typora-export { padding-left: 0px; padding-right: 0px; }
#write { padding-left: 20px; padding-right: 20px; }
.CodeMirror-sizer { margin-left: 0px !important; }
.CodeMirror-gutters { display: none !important; }
}
#write li > figure:last-child { margin-bottom: 0.5rem; }
#write ol, #write ul { position: relative; }
img { max-width: 100%; vertical-align: middle; image-orientation: from-image; }
button, input, select, textarea { color: inherit; font: inherit; }
input[type="checkbox"], input[type="radio"] { line-height: normal; padding: 0px; }
*, ::after, ::before { box-sizing: border-box; }
#write h1, #write h2, #write h3, #write h4, #write h5, #write h6, #write p, #write pre { width: inherit; }
#write h1, #write h2, #write h3, #write h4, #write h5, #write h6, #write p { position: relative; }
p { line-height: inherit; }
h1, h2, h3, h4, h5, h6 { break-after: avoid-page; break-inside: avoid; orphans: 4; }
p { orphans: 4; }
h1 { font-size: 2rem; }
h2 { font-size: 1.8rem; }
h3 { font-size: 1.6rem; }
h4 { font-size: 1.4rem; }
h5 { font-size: 1.2rem; }
h6 { font-size: 1rem; }
.md-math-block, .md-rawblock, h1, h2, h3, h4, h5, h6, p { margin-top: 1rem; margin-bottom: 1rem; }
.hidden { display: none; }
.md-blockmeta { color: rgb(204, 204, 204); font-weight: 700; font-style: italic; }
a { cursor: pointer; }
sup.md-footnote { padding: 2px 4px; background-color: rgba(238, 238, 238, 0.7); color: rgb(85, 85, 85); border-radius: 4px; cursor: pointer; }
sup.md-footnote a, sup.md-footnote a:hover { color: inherit; text-transform: inherit; text-decoration: inherit; }
#write input[type="checkbox"] { cursor: pointer; width: inherit; height: inherit; }
figure { overflow-x: auto; margin: 1.2em 0px; max-width: calc(100% + 16px); padding: 0px; }
figure > table { margin: 0px; }
tr { break-inside: avoid; break-after: auto; }
thead { display: table-header-group; }
table { border-collapse: collapse; border-spacing: 0px; width: 100%; overflow: auto; break-inside: auto; text-align: left; }
table.md-table td { min-width: 32px; }
.CodeMirror-gutters { border-right: 0px; background-color: inherit; }
.CodeMirror-linenumber { user-select: none; }
.CodeMirror { text-align: left; }
.CodeMirror-placeholder { opacity: 0.3; }
.CodeMirror pre { padding: 0px 4px; }
.CodeMirror-lines { padding: 0px; }
div.hr:focus { cursor: none; }
#write pre { white-space: pre-wrap; }
#write.fences-no-line-wrapping pre { white-space: pre; }
#write pre.ty-contain-cm { white-space: normal; }
.CodeMirror-gutters { margin-right: 4px; }
.md-fences { font-size: 0.9rem; display: block; break-inside: avoid; text-align: left; overflow: visible; white-space: pre; background: inherit; position: relative !important; }
.md-fences-adv-panel { width: 100%; margin-top: 10px; text-align: center; padding-top: 0px; padding-bottom: 8px; overflow-x: auto; }
#write .md-fences.mock-cm { white-space: pre-wrap; }
.md-fences.md-fences-with-lineno { padding-left: 0px; }
#write.fences-no-line-wrapping .md-fences.mock-cm { white-space: pre; overflow-x: auto; }
.md-fences.mock-cm.md-fences-with-lineno { padding-left: 8px; }
.CodeMirror-line, twitterwidget { break-inside: avoid; }
.footnotes { opacity: 0.8; font-size: 0.9rem; margin-top: 1em; margin-bottom: 1em; }
.footnotes + .footnotes { margin-top: 0px; }
.md-reset { margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: top; background: 0px 0px; text-decoration: none; text-shadow: none; float: none; position: static; width: auto; height: auto; white-space: nowrap; cursor: inherit; -webkit-tap-highlight-color: transparent; line-height: normal; font-weight: 400; text-align: left; box-sizing: content-box; direction: ltr; }
li div { padding-top: 0px; }
blockquote { margin: 1rem 0px; }
li .mathjax-block, li p { margin: 0.5rem 0px; }
li blockquote { margin: 1rem 0px; }
li { margin: 0px; position: relative; }
blockquote > :last-child { margin-bottom: 0px; }
blockquote > :first-child, li > :first-child { margin-top: 0px; }
.footnotes-area { color: rgb(136, 136, 136); margin-top: 0.714rem; padding-bottom: 0.143rem; white-space: normal; }
#write .footnote-line { white-space: pre-wrap; }
@media print {
body, html { border: 1px solid transparent; height: 99%; break-after: avoid; break-before: avoid; font-variant-ligatures: no-common-ligatures; }
#write { margin-top: 0px; padding-top: 0px; border-color: transparent !important; }
.typora-export * { -webkit-print-color-adjust: exact; }
.typora-export #write { break-after: avoid; }
.typora-export #write::after { height: 0px; }
.is-mac table { break-inside: avoid; }
.typora-export-show-outline .typora-export-sidebar { display: none; }
}
.footnote-line { margin-top: 0.714em; font-size: 0.7em; }
a img, img a { cursor: pointer; }
pre.md-meta-block { font-size: 0.8rem; min-height: 0.8rem; white-space: pre-wrap; background: rgb(204, 204, 204); display: block; overflow-x: hidden; }
p > .md-image:only-child:not(.md-img-error) img, p > img:only-child { display: block; margin: auto; }
#write.first-line-indent p > .md-image:only-child:not(.md-img-error) img { left: -2em; position: relative; }
p > .md-image:only-child { display: inline-block; width: 100%; }
#write .MathJax_Display { margin: 0.8em 0px 0px; }
.md-math-block { width: 100%; }
.md-math-block:not(:empty)::after { display: none; }
.MathJax_ref { fill: currentcolor; }
[contenteditable="true"]:active, [contenteditable="true"]:focus, [contenteditable="false"]:active, [contenteditable="false"]:focus { outline: 0px; box-shadow: none; }
.md-task-list-item { position: relative; list-style-type: none; }
.task-list-item.md-task-list-item { padding-left: 0px; }
.md-task-list-item > input { position: absolute; top: 0px; left: 0px; margin-left: -1.2em; margin-top: calc(1em - 10px); border: none; }
.math { font-size: 1rem; }
.md-toc { min-height: 3.58rem; position: relative; font-size: 0.9rem; border-radius: 10px; }
.md-toc-content { position: relative; margin-left: 0px; }
.md-toc-content::after, .md-toc::after { display: none; }
.md-toc-item { display: block; color: rgb(65, 131, 196); }
.md-toc-item a { text-decoration: none; }
.md-toc-inner:hover { text-decoration: underline; }
.md-toc-inner { display: inline-block; cursor: pointer; }
.md-toc-h1 .md-toc-inner { margin-left: 0px; font-weight: 700; }
.md-toc-h2 .md-toc-inner { margin-left: 2em; }
.md-toc-h3 .md-toc-inner { margin-left: 4em; }
.md-toc-h4 .md-toc-inner { margin-left: 6em; }
.md-toc-h5 .md-toc-inner { margin-left: 8em; }
.md-toc-h6 .md-toc-inner { margin-left: 10em; }
@media screen and (max-width: 48em) {
.md-toc-h3 .md-toc-inner { margin-left: 3.5em; }
.md-toc-h4 .md-toc-inner { margin-left: 5em; }
.md-toc-h5 .md-toc-inner { margin-left: 6.5em; }
.md-toc-h6 .md-toc-inner { margin-left: 8em; }
}
a.md-toc-inner { font-size: inherit; font-style: inherit; font-weight: inherit; line-height: inherit; }
.footnote-line a:not(.reversefootnote) { color: inherit; }
.md-attr { display: none; }
.md-fn-count::after { content: "."; }
code, pre, samp, tt { font-family: var(--monospace); }
kbd { margin: 0px 0.1em; padding: 0.1em 0.6em; font-size: 0.8em; color: rgb(36, 39, 41); background: rgb(255, 255, 255); border: 1px solid rgb(173, 179, 185); border-radius: 3px; box-shadow: rgba(12, 13, 14, 0.2) 0px 1px 0px, rgb(255, 255, 255) 0px 0px 0px 2px inset; white-space: nowrap; vertical-align: middle; }
.md-comment { color: rgb(162, 127, 3); opacity: 0.6; font-family: var(--monospace); }
code { text-align: left; vertical-align: initial; }
a.md-print-anchor { white-space: pre !important; border-width: initial !important; border-style: none !important; border-color: initial !important; display: inline-block !important; position: absolute !important; width: 1px !important; right: 0px !important; outline: 0px !important; background: 0px 0px !important; text-decoration: initial !important; text-shadow: initial !important; }
.os-windows.monocolor-emoji .md-emoji { font-family: "Segoe UI Symbol", sans-serif; }
.md-diagram-panel > svg { max-width: 100%; }
[lang="flow"] svg, [lang="mermaid"] svg { max-width: 100%; height: auto; }
[lang="mermaid"] .node text { font-size: 1rem; }
table tr th { border-bottom: 0px; }
video { max-width: 100%; display: block; margin: 0px auto; }
iframe { max-width: 100%; width: 100%; border: none; }
.highlight td, .highlight tr { border: 0px; }
mark { background: rgb(255, 255, 0); color: rgb(0, 0, 0); }
.md-html-inline .md-plain, .md-html-inline strong, mark .md-inline-math, mark strong { color: inherit; }
.md-expand mark .md-meta { opacity: 0.3 !important; }
mark .md-meta { color: rgb(0, 0, 0); }
@media print {
.typora-export h1, .typora-export h2, .typora-export h3, .typora-export h4, .typora-export h5, .typora-export h6 { break-inside: avoid; }
}
.md-diagram-panel .messageText { stroke: none !important; }
.md-diagram-panel .start-state { fill: var(--node-fill); }
.md-diagram-panel .edgeLabel rect { opacity: 1 !important; }
.md-fences.md-fences-math { font-size: 1em; }
.md-fences-advanced:not(.md-focus) { padding: 0px; white-space: nowrap; border: 0px; }
.md-fences-advanced:not(.md-focus) { background: inherit; }
.typora-export-show-outline .typora-export-content { max-width: 1440px; margin: auto; display: flex; flex-direction: row; }
.typora-export-sidebar { width: 300px; font-size: 0.8rem; margin-top: 80px; margin-right: 18px; }
.typora-export-show-outline #write { --webkit-flex:2; flex: 2 1 0%; }
.typora-export-sidebar .outline-content { position: fixed; top: 0px; max-height: 100%; overflow: hidden auto; padding-bottom: 30px; padding-top: 60px; width: 300px; }
@media screen and (max-width: 1024px) {
.typora-export-sidebar, .typora-export-sidebar .outline-content { width: 240px; }
}
@media screen and (max-width: 800px) {
.typora-export-sidebar { display: none; }
}
.outline-content li, .outline-content ul { margin-left: 0px; margin-right: 0px; padding-left: 0px; padding-right: 0px; list-style: none; }
.outline-content ul { margin-top: 0px; margin-bottom: 0px; }
.outline-content strong { font-weight: 400; }
.outline-expander { width: 1rem; height: 1.42857rem; position: relative; display: table-cell; vertical-align: middle; cursor: pointer; padding-left: 4px; }
.outline-expander::before { content: ""; position: relative; font-family: Ionicons; display: inline-block; font-size: 8px; vertical-align: middle; }
.outline-item { padding-top: 3px; padding-bottom: 3px; cursor: pointer; }
.outline-expander:hover::before { content: ""; }
.outline-h1 > .outline-item { padding-left: 0px; }
.outline-h2 > .outline-item { padding-left: 1em; }
.outline-h3 > .outline-item { padding-left: 2em; }
.outline-h4 > .outline-item { padding-left: 3em; }
.outline-h5 > .outline-item { padding-left: 4em; }
.outline-h6 > .outline-item { padding-left: 5em; }
.outline-label { cursor: pointer; display: table-cell; vertical-align: middle; text-decoration: none; color: inherit; }
.outline-label:hover { text-decoration: underline; }
.outline-item:hover { border-color: rgb(245, 245, 245); background-color: var(--item-hover-bg-color); }
.outline-item:hover { margin-left: -28px; margin-right: -28px; border-left: 28px solid transparent; border-right: 28px solid transparent; }
.outline-item-single .outline-expander::before, .outline-item-single .outline-expander:hover::before { display: none; }
.outline-item-open > .outline-item > .outline-expander::before { content: ""; }
.outline-children { display: none; }
.info-panel-tab-wrapper { display: none; }
.outline-item-open > .outline-children { display: block; }
.typora-export .outline-item { padding-top: 1px; padding-bottom: 1px; }
.typora-export .outline-item:hover { margin-right: -8px; border-right: 8px solid transparent; }
.typora-export .outline-expander::before { content: "+"; font-family: inherit; top: -1px; }
.typora-export .outline-expander:hover::before, .typora-export .outline-item-open > .outline-item > .outline-expander::before { content: "−"; }
.typora-export-collapse-outline .outline-children { display: none; }
.typora-export-collapse-outline .outline-item-open > .outline-children, .typora-export-no-collapse-outline .outline-children { display: block; }
.typora-export-no-collapse-outline .outline-expander::before { content: "" !important; }
.typora-export-show-outline .outline-item-active > .outline-item .outline-label { font-weight: 700; }
.md-inline-math-container mjx-container { zoom: 0.95; }
.CodeMirror { height: auto; }
.CodeMirror.cm-s-inner { background: inherit; }
.CodeMirror-scroll { overflow: auto hidden; z-index: 3; }
.CodeMirror-gutter-filler, .CodeMirror-scrollbar-filler { background-color: rgb(255, 255, 255); }
.CodeMirror-gutters { border-right: 1px solid rgb(221, 221, 221); background: inherit; white-space: nowrap; }
.CodeMirror-linenumber { padding: 0px 3px 0px 5px; text-align: right; color: rgb(153, 153, 153); }
.cm-s-inner .cm-keyword { color: rgb(119, 0, 136); }
.cm-s-inner .cm-atom, .cm-s-inner.cm-atom { color: rgb(34, 17, 153); }
.cm-s-inner .cm-number { color: rgb(17, 102, 68); }
.cm-s-inner .cm-def { color: rgb(0, 0, 255); }
.cm-s-inner .cm-variable { color: rgb(0, 0, 0); }
.cm-s-inner .cm-variable-2 { color: rgb(0, 85, 170); }
.cm-s-inner .cm-variable-3 { color: rgb(0, 136, 85); }
.cm-s-inner .cm-string { color: rgb(170, 17, 17); }
.cm-s-inner .cm-property { color: rgb(0, 0, 0); }
.cm-s-inner .cm-operator { color: rgb(152, 26, 26); }
.cm-s-inner .cm-comment, .cm-s-inner.cm-comment { color: rgb(170, 85, 0); }
.cm-s-inner .cm-string-2 { color: rgb(255, 85, 0); }
.cm-s-inner .cm-meta { color: rgb(85, 85, 85); }
.cm-s-inner .cm-qualifier { color: rgb(85, 85, 85); }
.cm-s-inner .cm-builtin { color: rgb(51, 0, 170); }
.cm-s-inner .cm-bracket { color: rgb(153, 153, 119); }
.cm-s-inner .cm-tag { color: rgb(17, 119, 0); }
.cm-s-inner .cm-attribute { color: rgb(0, 0, 204); }
.cm-s-inner .cm-header, .cm-s-inner.cm-header { color: rgb(0, 0, 255); }
.cm-s-inner .cm-quote, .cm-s-inner.cm-quote { color: rgb(0, 153, 0); }
.cm-s-inner .cm-hr, .cm-s-inner.cm-hr { color: rgb(153, 153, 153); }
.cm-s-inner .cm-link, .cm-s-inner.cm-link { color: rgb(0, 0, 204); }
.cm-negative { color: rgb(221, 68, 68); }
.cm-positive { color: rgb(34, 153, 34); }
.cm-header, .cm-strong { font-weight: 700; }
.cm-del { text-decoration: line-through; }
.cm-em { font-style: italic; }
.cm-link { text-decoration: underline; }
.cm-error { color: red; }
.cm-invalidchar { color: red; }
.cm-constant { color: rgb(38, 139, 210); }
.cm-defined { color: rgb(181, 137, 0); }
div.CodeMirror span.CodeMirror-matchingbracket { color: rgb(0, 255, 0); }
div.CodeMirror span.CodeMirror-nonmatchingbracket { color: rgb(255, 34, 34); }
.cm-s-inner .CodeMirror-activeline-background { background: inherit; }
.CodeMirror { position: relative; overflow: hidden; }
.CodeMirror-scroll { height: 100%; outline: 0px; position: relative; box-sizing: content-box; background: inherit; }
.CodeMirror-sizer { position: relative; }
.CodeMirror-gutter-filler, .CodeMirror-hscrollbar, .CodeMirror-scrollbar-filler, .CodeMirror-vscrollbar { position: absolute; z-index: 6; display: none; outline: 0px; }
.CodeMirror-vscrollbar { right: 0px; top: 0px; overflow: hidden; }
.CodeMirror-hscrollbar { bottom: 0px; left: 0px; overflow: auto hidden; }
.CodeMirror-scrollbar-filler { right: 0px; bottom: 0px; }
.CodeMirror-gutter-filler { left: 0px; bottom: 0px; }
.CodeMirror-gutters { position: absolute; left: 0px; top: 0px; padding-bottom: 10px; z-index: 3; overflow-y: hidden; }
.CodeMirror-gutter { white-space: normal; height: 100%; box-sizing: content-box; padding-bottom: 30px; margin-bottom: -32px; display: inline-block; }
.CodeMirror-gutter-wrapper { position: absolute; z-index: 4; background: 0px 0px !important; border: none !important; }
.CodeMirror-gutter-background { position: absolute; top: 0px; bottom: 0px; z-index: 4; }
.CodeMirror-gutter-elt { position: absolute; cursor: default; z-index: 4; }
.CodeMirror-lines { cursor: text; }
.CodeMirror pre { border-radius: 0px; border-width: 0px; background: 0px 0px; font-family: inherit; font-size: inherit; margin: 0px; white-space: pre; overflow-wrap: normal; color: inherit; z-index: 2; position: relative; overflow: visible; }
.CodeMirror-wrap pre { overflow-wrap: break-word; white-space: pre-wrap; word-break: normal; }
.CodeMirror-code pre { border-right: 30px solid transparent; width: fit-content; }
.CodeMirror-wrap .CodeMirror-code pre { border-right: none; width: auto; }
.CodeMirror-linebackground { position: absolute; inset: 0px; z-index: 0; }
.CodeMirror-linewidget { position: relative; z-index: 2; overflow: auto; }
.CodeMirror-wrap .CodeMirror-scroll { overflow-x: hidden; }
.CodeMirror-measure { position: absolute; width: 100%; height: 0px; overflow: hidden; visibility: hidden; }
.CodeMirror-measure pre { position: static; }
.CodeMirror div.CodeMirror-cursor { position: absolute; visibility: hidden; border-right: none; width: 0px; }
.CodeMirror div.CodeMirror-cursor { visibility: hidden; }
.CodeMirror-focused div.CodeMirror-cursor { visibility: inherit; }
.cm-searching { background: rgba(255, 255, 0, 0.4); }
span.cm-underlined { text-decoration: underline; }
span.cm-strikethrough { text-decoration: line-through; }
.cm-tw-syntaxerror { color: rgb(255, 255, 255); background-color: rgb(153, 0, 0); }
.cm-tw-deleted { text-decoration: line-through; }
.cm-tw-header5 { font-weight: 700; }
.cm-tw-listitem:first-child { padding-left: 10px; }
.cm-tw-box { border-style: solid; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-color: inherit; border-top-width: 0px !important; }
.cm-tw-underline { text-decoration: underline; }
@media print {
.CodeMirror div.CodeMirror-cursor { visibility: hidden; }
}
:root {
--side-bar-bg-color: #fafafa;
--control-text-color: #777;
}
@include-when-export url(https://fonts.loli.net/css?family=Open+Sans:400italic,700italic,700,400&subset=latin,latin-ext);
/* open-sans-regular - latin-ext_latin */
/* open-sans-italic - latin-ext_latin */
/* open-sans-700 - latin-ext_latin */
/* open-sans-700italic - latin-ext_latin */
html {
font-size: 16px;
-webkit-font-smoothing: antialiased;
}
body {
font-family: "Open Sans","Clear Sans", "Helvetica Neue", Helvetica, Arial, 'Segoe UI Emoji', sans-serif;
color: rgb(51, 51, 51);
line-height: 1.6;
}
#write {
max-width: 860px;
margin: 0 auto;
padding: 30px;
padding-bottom: 100px;
}
@media only screen and (min-width: 1400px) {
#write {
max-width: 1024px;
}
}
@media only screen and (min-width: 1800px) {
#write {
max-width: 1200px;
}
}
#write > ul:first-child,
#write > ol:first-child{
margin-top: 30px;
}
a {
color: #4183C4;
}
h1,
h2,
h3,
h4,
h5,
h6 {
position: relative;
margin-top: 1rem;
margin-bottom: 1rem;
font-weight: bold;
line-height: 1.4;
cursor: text;
}
h1:hover a.anchor,
h2:hover a.anchor,
h3:hover a.anchor,
h4:hover a.anchor,
h5:hover a.anchor,
h6:hover a.anchor {
text-decoration: none;
}
h1 tt,
h1 code {
font-size: inherit;
}
h2 tt,
h2 code {
font-size: inherit;
}
h3 tt,
h3 code {
font-size: inherit;
}
h4 tt,
h4 code {
font-size: inherit;
}
h5 tt,
h5 code {
font-size: inherit;
}
h6 tt,
h6 code {
font-size: inherit;
}
h1 {
font-size: 2.25em;
line-height: 1.2;
border-bottom: 1px solid #eee;
}
h2 {
font-size: 1.75em;
line-height: 1.225;
border-bottom: 1px solid #eee;
}
/*@media print {
.typora-export h1,
.typora-export h2 {
border-bottom: none;
padding-bottom: initial;
}
.typora-export h1::after,
.typora-export h2::after {
content: "";
display: block;
height: 100px;
margin-top: -96px;
border-top: 1px solid #eee;
}
}*/
h3 {
font-size: 1.5em;
line-height: 1.43;
}
h4 {
font-size: 1.25em;
}
h5 {
font-size: 1em;
}
h6 {
font-size: 1em;
color: #777;
}
p,
blockquote,
ul,
ol,
dl,
table{
margin: 0.8em 0;
}
li>ol,
li>ul {
margin: 0 0;
}
hr {
height: 2px;
padding: 0;
margin: 16px 0;
background-color: #e7e7e7;
border: 0 none;
overflow: hidden;
box-sizing: content-box;
}
li p.first {
display: inline-block;
}
ul,
ol {
padding-left: 30px;
}
ul:first-child,
ol:first-child {
margin-top: 0;
}
ul:last-child,
ol:last-child {
margin-bottom: 0;
}
blockquote {
border-left: 4px solid #dfe2e5;
padding: 0 15px;
color: #777777;
}
blockquote blockquote {
padding-right: 0;
}
table {
padding: 0;
word-break: initial;
}
table tr {
border: 1px solid #dfe2e5;
margin: 0;
padding: 0;
}
table tr:nth-child(2n),
thead {
background-color: #f8f8f8;
}
table th {
font-weight: bold;
border: 1px solid #dfe2e5;
border-bottom: 0;
margin: 0;
padding: 6px 13px;
}
table td {
border: 1px solid #dfe2e5;
margin: 0;
padding: 6px 13px;
}
table th:first-child,
table td:first-child {
margin-top: 0;
}
table th:last-child,
table td:last-child {
margin-bottom: 0;
}
.CodeMirror-lines {
padding-left: 4px;
}
.code-tooltip {
box-shadow: 0 1px 1px 0 rgba(0,28,36,.3);
border-top: 1px solid #eef2f2;
}
.md-fences,
code,
tt {
border: 1px solid #e7eaed;
background-color: #f8f8f8;
border-radius: 3px;
padding: 0;
padding: 2px 4px 0px 4px;
font-size: 0.9em;
}
code {
background-color: #f3f4f4;
padding: 0 2px 0 2px;
}
.md-fences {
margin-bottom: 15px;
margin-top: 15px;
padding-top: 8px;
padding-bottom: 6px;
}
.md-task-list-item > input {
margin-left: -1.3em;
}
@media print {
html {
font-size: 13px;
}
table,
pre {
page-break-inside: avoid;
}
pre {
word-wrap: break-word;
}
}
.md-fences {
background-color: #f8f8f8;
}
#write pre.md-meta-block {
padding: 1rem;
font-size: 85%;
line-height: 1.45;
background-color: #f7f7f7;
border: 0;
border-radius: 3px;
color: #777777;
margin-top: 0 !important;
}
.mathjax-block>.code-tooltip {
bottom: .375rem;
}
.md-mathjax-midline {
background: #fafafa;
}
#write>h3.md-focus:before{
left: -1.5625rem;
top: .375rem;
}
#write>h4.md-focus:before{
left: -1.5625rem;
top: .285714286rem;
}
#write>h5.md-focus:before{
left: -1.5625rem;
top: .285714286rem;
}
#write>h6.md-focus:before{
left: -1.5625rem;
top: .285714286rem;
}
.md-image>.md-meta {
/*border: 1px solid #ddd;*/
border-radius: 3px;
padding: 2px 0px 0px 4px;
font-size: 0.9em;
color: inherit;
}
.md-tag {
color: #a7a7a7;
opacity: 1;
}
.md-toc {
margin-top:20px;
padding-bottom:20px;
}
.sidebar-tabs {
border-bottom: none;
}
#typora-quick-open {
border: 1px solid #ddd;
background-color: #f8f8f8;
}
#typora-quick-open-item {
background-color: #FAFAFA;
border-color: #FEFEFE #e5e5e5 #e5e5e5 #eee;
border-style: solid;
border-width: 1px;
}
/** focus mode */
.on-focus-mode blockquote {
border-left-color: rgba(85, 85, 85, 0.12);
}
header, .context-menu, .megamenu-content, footer{
font-family: "Segoe UI", "Arial", sans-serif;
}
.file-node-content:hover .file-node-icon,
.file-node-content:hover .file-node-open-state{
visibility: visible;
}
.mac-seamless-mode #typora-sidebar {
background-color: #fafafa;
background-color: var(--side-bar-bg-color);
}
.md-lang {
color: #b4654d;
}
/*.html-for-mac {
--item-hover-bg-color: #E6F0FE;
}*/
#md-notification .btn {
border: 0;
}
.dropdown-menu .divider {
border-color: #e5e5e5;
opacity: 0.4;
}
.ty-preferences .window-content {
background-color: #fafafa;
}
.ty-preferences .nav-group-item.active {
color: white;
background: #999;
}
.menu-item-container a.menu-style-btn {
background-color: #f5f8fa;
background-image: linear-gradient( 180deg , hsla(0, 0%, 100%, 0.8), hsla(0, 0%, 100%, 0));
}
mjx-container[jax="SVG"] {
direction: ltr;
}
mjx-container[jax="SVG"] > svg {
overflow: visible;
min-height: 1px;
min-width: 1px;
}
mjx-container[jax="SVG"] > svg a {
fill: blue;
stroke: blue;
}
mjx-assistive-mml {
position: absolute !important;
top: 0px;
left: 0px;
clip: rect(1px, 1px, 1px, 1px);
padding: 1px 0px 0px 0px !important;
border: 0px !important;
display: block !important;
width: auto !important;
overflow: hidden !important;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
mjx-assistive-mml[display="block"] {
width: 100% !important;
}
mjx-container[jax="SVG"][display="true"] {
display: block;
text-align: center;
margin: 1em 0;
}
mjx-container[jax="SVG"][display="true"][width="full"] {
display: flex;
}
mjx-container[jax="SVG"][justify="left"] {
text-align: left;
}
mjx-container[jax="SVG"][justify="right"] {
text-align: right;
}
g[data-mml-node="merror"] > g {
fill: red;
stroke: red;
}
g[data-mml-node="merror"] > rect[data-background] {
fill: yellow;
stroke: none;
}
g[data-mml-node="mtable"] > line[data-line], svg[data-table] > g > line[data-line] {
stroke-width: 70px;
fill: none;
}
g[data-mml-node="mtable"] > rect[data-frame], svg[data-table] > g > rect[data-frame] {
stroke-width: 70px;
fill: none;
}
g[data-mml-node="mtable"] > .mjx-dashed, svg[data-table] > g > .mjx-dashed {
stroke-dasharray: 140;
}
g[data-mml-node="mtable"] > .mjx-dotted, svg[data-table] > g > .mjx-dotted {
stroke-linecap: round;
stroke-dasharray: 0,140;
}
g[data-mml-node="mtable"] > g > svg {
overflow: visible;
}
[jax="SVG"] mjx-tool {
display: inline-block;
position: relative;
width: 0;
height: 0;
}
[jax="SVG"] mjx-tool > mjx-tip {
position: absolute;
top: 0;
left: 0;
}
mjx-tool > mjx-tip {
display: inline-block;
padding: .2em;
border: 1px solid #888;
font-size: 70%;
background-color: #F8F8F8;
color: black;
box-shadow: 2px 2px 5px #AAAAAA;
}
g[data-mml-node="maction"][data-toggle] {
cursor: pointer;
}
mjx-status {
display: block;
position: fixed;
left: 1em;
bottom: 1em;
min-width: 25%;
padding: .2em .4em;
border: 1px solid #888;
font-size: 90%;
background-color: #F8F8F8;
color: black;
}
foreignObject[data-mjx-xml] {
font-family: initial;
line-height: normal;
overflow: visible;
}
mjx-container[jax="SVG"] path[data-c], mjx-container[jax="SVG"] use[data-c] {
stroke-width: 3;
}
g[data-mml-node="xypic"] path {
stroke-width: inherit;
}
.MathJax g[data-mml-node="xypic"] path {
stroke-width: inherit;
}
mjx-container[jax="SVG"] path[data-c], mjx-container[jax="SVG"] use[data-c] {
stroke-width: 0;
}
</style><title>README</title>
</head>
<body class='typora-export os-windows'><div class='typora-export-content'>
<div id='write' class=' first-line-indent'><h1 id='esp-hmi'><span>ESP-HMI</span></h1><h6 id='designed-by-sotwild'><span>【Designed by SoTWild】</span><a href='{linkUrl}'><img src="https://img.shields.io/badge/My Website-当代研究所-brightgreen.svg" referrerpolicy="no-referrer"></a><span> </span><img src="https://img.shields.io/badge/Licence-GPL-blue" referrerpolicy="no-referrer"><span> </span><img src="https://img.shields.io/badge/Platform-Github-success" referrerpolicy="no-referrer"><span> </span><img src="https://img.shields.io/badge/Version-1.0-red" referrerpolicy="no-referrer"><span> </span><img src="https://img.shields.io/badge/Language-C%2FC%2B%2B-blueviolet" referrerpolicy="no-referrer"></h6><h6 id='engilsh简体中文'><span>[</span><a href='README-EN'><span>Engilsh</span></a><span>|简体中文]</span></h6><p><img src="https://s3.bmp.ovh/imgs/2022/10/28/daf94f94fd847e51.png" style="zoom: 67%;" /></p><center>成品图</center><hr /><h2 id='目录'><span>目录：</span></h2><ul><li><h4 id='概述-1'><a href='#概述概述'><span>概述</span></a></h4><ul><li><h5 id='faq-1'><a href='#faqfaq'><span>FAQ</span></a></h5></li></ul></li><li><h4 id='更新日志'><a href='#change-log'><span>更新日志</span></a></h4></li><li><h4 id='硬件组成'><a href='#esp-hmi-硬件'><span>硬件组成</span></a></h4></li><li><h4 id='软件组成'><a href='#esp-hmi-软件'><span>软件组成</span></a></h4><ul><li><h5 id='应用-1'><a href='#应用应用'><span>应用</span></a></h5></li></ul></li><li><h4 id='注意事项'><a href='#esp-hmi-注意事项'><span>注意事项</span></a></h4><ul><li><h6 id='硬件'><a href='#--硬件'><span>硬件</span></a></h6></li><li><h6 id='软件-1'><a href='#--软件'><span>软件</span></a></h6></li></ul></li><li><h4 id='搭建方法-1'><a href='#搭建方法搭建方法'><span>搭建方法</span></a></h4></li><li><h4 id='其他-1'><a href='#其他其他'><span>其他</span></a></h4><ul><li><h6 id='特别感谢'><a href='#special-thanks'><span>特别感谢</span></a></h6></li><li><h6 id='结语-1'><a href='#结语结语'><span>结语</span></a></h6></li></ul></li></ul><hr /><h2 id='概述-2'><span>概述：</span></h2><p><span>ESP-HMI 是 Link 设备链中的一个，是整个项目最</span><strong><span>难</span></strong><span>开发的部分，主要提供</span><strong><span>远程直接开关设备、数据汇总（设备监控）</span></strong><span>。</span></p><p><span>我还开发了一些针对</span><strong><span>不同人群</span></strong><span>的功能：</span><strong><span>文本阅读、编辑、图片查看、播放MJPEG视频、运行小程序</span></strong><span>等。如果你是</span><strong><span>开发者</span></strong><span>，你也可以对它进行</span><strong><span>二次开发</span></strong><span>。（普通人可以把它看做一个功能</span><strong><span>极其简单</span></strong><span>的小电脑）</span></p><p><span>为了高效率运行程序，我移植了 </span><strong><span>FreeRTOS</span></strong><span> 操作系统，使得主控芯片可以 “同时” 运行多个程序。</span></p><p><span>本文档很长，见谅。</span></p><h4 id='项目开发人员'><span>项目开发人员：</span></h4><p><a href='https://github.com/SoTWild'><mjx-container class="MathJax" jax="SVG" style="position: relative;"><svg xmlns="http://www.w3.org/2000/svg" width="9.152ex" height="1.645ex" role="img" focusable="false" viewBox="0 -705 4045 727" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" style="vertical-align: -0.05ex;"><defs><path id="MJX-19-TEX-I-1D446" d="M308 24Q367 24 416 76T466 197Q466 260 414 284Q308 311 278 321T236 341Q176 383 176 462Q176 523 208 573T273 648Q302 673 343 688T407 704H418H425Q521 704 564 640Q565 640 577 653T603 682T623 704Q624 704 627 704T632 705Q645 705 645 698T617 577T585 459T569 456Q549 456 549 465Q549 471 550 475Q550 478 551 494T553 520Q553 554 544 579T526 616T501 641Q465 662 419 662Q362 662 313 616T263 510Q263 480 278 458T319 427Q323 425 389 408T456 390Q490 379 522 342T554 242Q554 216 546 186Q541 164 528 137T492 78T426 18T332 -20Q320 -22 298 -22Q199 -22 144 33L134 44L106 13Q83 -14 78 -18T65 -22Q52 -22 52 -14Q52 -11 110 221Q112 227 130 227H143Q149 221 149 216Q149 214 148 207T144 186T142 153Q144 114 160 87T203 47T255 29T308 24Z"></path><path id="MJX-19-TEX-I-1D45C" d="M201 -11Q126 -11 80 38T34 156Q34 221 64 279T146 380Q222 441 301 441Q333 441 341 440Q354 437 367 433T402 417T438 387T464 338T476 268Q476 161 390 75T201 -11ZM121 120Q121 70 147 48T206 26Q250 26 289 58T351 142Q360 163 374 216T388 308Q388 352 370 375Q346 405 306 405Q243 405 195 347Q158 303 140 230T121 120Z"></path><path id="MJX-19-TEX-I-1D447" d="M40 437Q21 437 21 445Q21 450 37 501T71 602L88 651Q93 669 101 677H569H659Q691 677 697 676T704 667Q704 661 687 553T668 444Q668 437 649 437Q640 437 637 437T631 442L629 445Q629 451 635 490T641 551Q641 586 628 604T573 629Q568 630 515 631Q469 631 457 630T439 622Q438 621 368 343T298 60Q298 48 386 46Q418 46 427 45T436 36Q436 31 433 22Q429 4 424 1L422 0Q419 0 415 0Q410 0 363 1T228 2Q99 2 64 0H49Q43 6 43 9T45 27Q49 40 55 46H83H94Q174 46 189 55Q190 56 191 56Q196 59 201 76T241 233Q258 301 269 344Q339 619 339 625Q339 630 310 630H279Q212 630 191 624Q146 614 121 583T67 467Q60 445 57 441T43 437H40Z"></path><path id="MJX-19-TEX-I-1D44A" d="M436 683Q450 683 486 682T553 680Q604 680 638 681T677 682Q695 682 695 674Q695 670 692 659Q687 641 683 639T661 637Q636 636 621 632T600 624T597 615Q597 603 613 377T629 138L631 141Q633 144 637 151T649 170T666 200T690 241T720 295T759 362Q863 546 877 572T892 604Q892 619 873 628T831 637Q817 637 817 647Q817 650 819 660Q823 676 825 679T839 682Q842 682 856 682T895 682T949 681Q1015 681 1034 683Q1048 683 1048 672Q1048 666 1045 655T1038 640T1028 637Q1006 637 988 631T958 617T939 600T927 584L923 578L754 282Q586 -14 585 -15Q579 -22 561 -22Q546 -22 542 -17Q539 -14 523 229T506 480L494 462Q472 425 366 239Q222 -13 220 -15T215 -19Q210 -22 197 -22Q178 -22 176 -15Q176 -12 154 304T131 622Q129 631 121 633T82 637H58Q51 644 51 648Q52 671 64 683H76Q118 680 176 680Q301 680 313 683H323Q329 677 329 674T327 656Q322 641 318 637H297Q236 634 232 620Q262 160 266 136L501 550L499 587Q496 629 489 632Q483 636 447 637Q428 637 422 639T416 648Q416 650 418 660Q419 664 420 669T421 676T424 680T428 682T436 683Z"></path><path id="MJX-19-TEX-I-1D456" d="M184 600Q184 624 203 642T247 661Q265 661 277 649T290 619Q290 596 270 577T226 557Q211 557 198 567T184 600ZM21 287Q21 295 30 318T54 369T98 420T158 442Q197 442 223 419T250 357Q250 340 236 301T196 196T154 83Q149 61 149 51Q149 26 166 26Q175 26 185 29T208 43T235 78T260 137Q263 149 265 151T282 153Q302 153 302 143Q302 135 293 112T268 61T223 11T161 -11Q129 -11 102 10T74 74Q74 91 79 106T122 220Q160 321 166 341T173 380Q173 404 156 404H154Q124 404 99 371T61 287Q60 286 59 284T58 281T56 279T53 278T49 278T41 278H27Q21 284 21 287Z"></path><path id="MJX-19-TEX-I-1D459" d="M117 59Q117 26 142 26Q179 26 205 131Q211 151 215 152Q217 153 225 153H229Q238 153 241 153T246 151T248 144Q247 138 245 128T234 90T214 43T183 6T137 -11Q101 -11 70 11T38 85Q38 97 39 102L104 360Q167 615 167 623Q167 626 166 628T162 632T157 634T149 635T141 636T132 637T122 637Q112 637 109 637T101 638T95 641T94 647Q94 649 96 661Q101 680 107 682T179 688Q194 689 213 690T243 693T254 694Q266 694 266 686Q266 675 193 386T118 83Q118 81 118 75T117 65V59Z"></path><path id="MJX-19-TEX-I-1D451" d="M366 683Q367 683 438 688T511 694Q523 694 523 686Q523 679 450 384T375 83T374 68Q374 26 402 26Q411 27 422 35Q443 55 463 131Q469 151 473 152Q475 153 483 153H487H491Q506 153 506 145Q506 140 503 129Q490 79 473 48T445 8T417 -8Q409 -10 393 -10Q359 -10 336 5T306 36L300 51Q299 52 296 50Q294 48 292 46Q233 -10 172 -10Q117 -10 75 30T33 157Q33 205 53 255T101 341Q148 398 195 420T280 442Q336 442 364 400Q369 394 369 396Q370 400 396 505T424 616Q424 629 417 632T378 637H357Q351 643 351 645T353 664Q358 683 366 683ZM352 326Q329 405 277 405Q242 405 210 374T160 293Q131 214 119 129Q119 126 119 118T118 106Q118 61 136 44T179 26Q233 26 290 98L298 109L352 326Z"></path></defs><g stroke="currentColor" fill="currentColor" stroke-width="0" transform="scale(1,-1)"><g data-mml-node="math"><g data-mml-node="mi"><use data-c="1D446" xlink:href="#MJX-19-TEX-I-1D446"></use></g><g data-mml-node="mi" transform="translate(645,0)"><use data-c="1D45C" xlink:href="#MJX-19-TEX-I-1D45C"></use></g><g data-mml-node="mi" transform="translate(1130,0)"><use data-c="1D447" xlink:href="#MJX-19-TEX-I-1D447"></use></g><g data-mml-node="mi" transform="translate(1834,0)"><use data-c="1D44A" xlink:href="#MJX-19-TEX-I-1D44A"></use></g><g data-mml-node="mi" transform="translate(2882,0)"><use data-c="1D456" xlink:href="#MJX-19-TEX-I-1D456"></use></g><g data-mml-node="mi" transform="translate(3227,0)"><use data-c="1D459" xlink:href="#MJX-19-TEX-I-1D459"></use></g><g data-mml-node="mi" transform="translate(3525,0)"><use data-c="1D451" xlink:href="#MJX-19-TEX-I-1D451"></use></g></g></g></svg><mjx-assistive-mml unselectable="on" display="inline"><math xmlns="http://www.w3.org/1998/Math/MathML"><mi>S</mi><mi>o</mi><mi>T</mi><mi>W</mi><mi>i</mi><mi>l</mi><mi>d</mi></math></mjx-assistive-mml></mjx-container><script type="math/tex">SoTWild</script></a></p><p><span class='md-image'><img src="https://s3.bmp.ovh/imgs/2022/10/29/ffaaa19ca3283bd3.jpg" style="zoom:7%; float:left" /></span></p><hr /><h3 id='faq-2'><span>FAQ：</span></h3><h4 id='1）整个设备的造价大约是多少'><span>1）整个设备的造价大约是多少？</span></h4><p><mjx-container class="MathJax" jax="SVG" style="position: relative;"><svg xmlns="http://www.w3.org/2000/svg" width="8.109ex" height="2.149ex" role="img" focusable="false" viewBox="0 -750 3584 950" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" style="vertical-align: -0.452ex;"><defs><path id="MJX-20-TEX-N-3C" d="M694 -11T694 -19T688 -33T678 -40Q671 -40 524 29T234 166L90 235Q83 240 83 250Q83 261 91 266Q664 540 678 540Q681 540 687 534T694 519T687 505Q686 504 417 376L151 250L417 124Q686 -4 687 -5Q694 -11 694 -19Z"></path><path id="MJX-20-TEX-N-31" d="M213 578L200 573Q186 568 160 563T102 556H83V602H102Q149 604 189 617T245 641T273 663Q275 666 285 666Q294 666 302 660V361L303 61Q310 54 315 52T339 48T401 46H427V0H416Q395 3 257 3Q121 3 100 0H88V46H114Q136 46 152 46T177 47T193 50T201 52T207 57T213 61V578Z"></path><path id="MJX-20-TEX-N-30" d="M96 585Q152 666 249 666Q297 666 345 640T423 548Q460 465 460 320Q460 165 417 83Q397 41 362 16T301 -15T250 -22Q224 -22 198 -16T137 16T82 83Q39 165 39 320Q39 494 96 585ZM321 597Q291 629 250 629Q208 629 178 597Q153 571 145 525T137 333Q137 175 145 125T181 46Q209 16 250 16Q290 16 318 46Q347 76 354 130T362 333Q362 478 354 524T321 597Z"></path></defs><g stroke="currentColor" fill="currentColor" stroke-width="0" transform="scale(1,-1)"><g data-mml-node="math"><g data-mml-node="mo"><use data-c="3C" xlink:href="#MJX-20-TEX-N-3C"></use></g><g data-mml-node="mn" transform="translate(1055.8,0)"><use data-c="31" xlink:href="#MJX-20-TEX-N-31"></use><use data-c="30" xlink:href="#MJX-20-TEX-N-30" transform="translate(500,0)"></use><use data-c="30" xlink:href="#MJX-20-TEX-N-30" transform="translate(1000,0)"></use></g><g data-mml-node="mi" transform="translate(2555.8,0)"><text data-variant="italic" transform="scale(1,-1)" font-size="884px" font-family="serif" font-style="italic">￥</text></g></g></g></svg><mjx-assistive-mml unselectable="on" display="inline"><math xmlns="http://www.w3.org/1998/Math/MathML"><mo><</mo><mn>100</mn><mi>￥</mi></math></mjx-assistive-mml></mjx-container><script type="math/tex">< 100 ￥</script></p><h4 id='2）复刻的难度如何'><span>2）复刻的难度如何？</span></h4><p><span>硬件上有一两个元件最小封装为</span><strong><span>0201</span></strong><span>，软件已经</span><strong><span>开源</span></strong><span>，综合来看很容易复刻。</span></p><h4 id='3）续航时间'><span>3）续航时间？</span></h4><p><span>充电芯片采用</span><strong><span>TP4056</span></strong><span>，可以通过配置</span><strong><span>PROG</span></strong><span>引脚控制</span><strong><span>充电电流</span></strong><span>，我这里使用了</span><strong><span>500mA</span></strong><span>充电电流，电池为</span><strong><span>4000mAh聚合物锂电池</span></strong><span>，理论上可以供电超过</span><strong><span>26小时</span></strong><span>，充电时间约为</span><strong><span>8小时</span></strong><span>。（运行电流约为</span><strong><span>150mA</span></strong><span>）</span></p><h4 id='4）成品的体积'><span>4）成品的体积？</span></h4><p><span>全面屏，</span><strong><span>3.5吋</span></strong><span>TFT屏幕，</span><strong><span>长</span><mjx-container class="MathJax" jax="SVG" style="position: relative;"><svg xmlns="http://www.w3.org/2000/svg" width="5.857ex" height="1.557ex" role="img" focusable="false" viewBox="0 -666 2589 688" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" style="vertical-align: -0.05ex;"><defs><path id="MJX-21-TEX-N-38" d="M70 417T70 494T124 618T248 666Q319 666 374 624T429 515Q429 485 418 459T392 417T361 389T335 371T324 363L338 354Q352 344 366 334T382 323Q457 264 457 174Q457 95 399 37T249 -22Q159 -22 101 29T43 155Q43 263 172 335L154 348Q133 361 127 368Q70 417 70 494ZM286 386L292 390Q298 394 301 396T311 403T323 413T334 425T345 438T355 454T364 471T369 491T371 513Q371 556 342 586T275 624Q268 625 242 625Q201 625 165 599T128 534Q128 511 141 492T167 463T217 431Q224 426 228 424L286 386ZM250 21Q308 21 350 55T392 137Q392 154 387 169T375 194T353 216T330 234T301 253T274 270Q260 279 244 289T218 306L210 311Q204 311 181 294T133 239T107 157Q107 98 150 60T250 21Z"></path><path id="MJX-21-TEX-N-2E" d="M78 60Q78 84 95 102T138 120Q162 120 180 104T199 61Q199 36 182 18T139 0T96 17T78 60Z"></path><path id="MJX-21-TEX-N-35" d="M164 157Q164 133 148 117T109 101H102Q148 22 224 22Q294 22 326 82Q345 115 345 210Q345 313 318 349Q292 382 260 382H254Q176 382 136 314Q132 307 129 306T114 304Q97 304 95 310Q93 314 93 485V614Q93 664 98 664Q100 666 102 666Q103 666 123 658T178 642T253 634Q324 634 389 662Q397 666 402 666Q410 666 410 648V635Q328 538 205 538Q174 538 149 544L139 546V374Q158 388 169 396T205 412T256 420Q337 420 393 355T449 201Q449 109 385 44T229 -22Q148 -22 99 32T50 154Q50 178 61 192T84 210T107 214Q132 214 148 197T164 157Z"></path><path id="MJX-21-TEX-I-1D450" d="M34 159Q34 268 120 355T306 442Q362 442 394 418T427 355Q427 326 408 306T360 285Q341 285 330 295T319 325T330 359T352 380T366 386H367Q367 388 361 392T340 400T306 404Q276 404 249 390Q228 381 206 359Q162 315 142 235T121 119Q121 73 147 50Q169 26 205 26H209Q321 26 394 111Q403 121 406 121Q410 121 419 112T429 98T420 83T391 55T346 25T282 0T202 -11Q127 -11 81 37T34 159Z"></path><path id="MJX-21-TEX-I-1D45A" d="M21 287Q22 293 24 303T36 341T56 388T88 425T132 442T175 435T205 417T221 395T229 376L231 369Q231 367 232 367L243 378Q303 442 384 442Q401 442 415 440T441 433T460 423T475 411T485 398T493 385T497 373T500 364T502 357L510 367Q573 442 659 442Q713 442 746 415T780 336Q780 285 742 178T704 50Q705 36 709 31T724 26Q752 26 776 56T815 138Q818 149 821 151T837 153Q857 153 857 145Q857 144 853 130Q845 101 831 73T785 17T716 -10Q669 -10 648 17T627 73Q627 92 663 193T700 345Q700 404 656 404H651Q565 404 506 303L499 291L466 157Q433 26 428 16Q415 -11 385 -11Q372 -11 364 -4T353 8T350 18Q350 29 384 161L420 307Q423 322 423 345Q423 404 379 404H374Q288 404 229 303L222 291L189 157Q156 26 151 16Q138 -11 108 -11Q95 -11 87 -5T76 7T74 17Q74 30 112 181Q151 335 151 342Q154 357 154 369Q154 405 129 405Q107 405 92 377T69 316T57 280Q55 278 41 278H27Q21 284 21 287Z"></path></defs><g stroke="currentColor" fill="currentColor" stroke-width="0" transform="scale(1,-1)"><g data-mml-node="math"><g data-mml-node="mn"><use data-c="38" xlink:href="#MJX-21-TEX-N-38"></use><use data-c="2E" xlink:href="#MJX-21-TEX-N-2E" transform="translate(500,0)"></use><use data-c="35" xlink:href="#MJX-21-TEX-N-35" transform="translate(778,0)"></use></g><g data-mml-node="mi" transform="translate(1278,0)"><use data-c="1D450" xlink:href="#MJX-21-TEX-I-1D450"></use></g><g data-mml-node="mi" transform="translate(1711,0)"><use data-c="1D45A" xlink:href="#MJX-21-TEX-I-1D45A"></use></g></g></g></svg><mjx-assistive-mml unselectable="on" display="inline"><math xmlns="http://www.w3.org/1998/Math/MathML"><mn>8.5</mn><mi>c</mi><mi>m</mi></math></mjx-assistive-mml></mjx-container><script type="math/tex">8.5cm</script><span>，宽</span><mjx-container class="MathJax" jax="SVG" style="position: relative;"><svg xmlns="http://www.w3.org/2000/svg" width="5.857ex" height="1.557ex" role="img" focusable="false" viewBox="0 -666 2589 688" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" style="vertical-align: -0.05ex;"><defs><path id="MJX-22-TEX-N-35" d="M164 157Q164 133 148 117T109 101H102Q148 22 224 22Q294 22 326 82Q345 115 345 210Q345 313 318 349Q292 382 260 382H254Q176 382 136 314Q132 307 129 306T114 304Q97 304 95 310Q93 314 93 485V614Q93 664 98 664Q100 666 102 666Q103 666 123 658T178 642T253 634Q324 634 389 662Q397 666 402 666Q410 666 410 648V635Q328 538 205 538Q174 538 149 544L139 546V374Q158 388 169 396T205 412T256 420Q337 420 393 355T449 201Q449 109 385 44T229 -22Q148 -22 99 32T50 154Q50 178 61 192T84 210T107 214Q132 214 148 197T164 157Z"></path><path id="MJX-22-TEX-N-2E" d="M78 60Q78 84 95 102T138 120Q162 120 180 104T199 61Q199 36 182 18T139 0T96 17T78 60Z"></path><path id="MJX-22-TEX-I-1D450" d="M34 159Q34 268 120 355T306 442Q362 442 394 418T427 355Q427 326 408 306T360 285Q341 285 330 295T319 325T330 359T352 380T366 386H367Q367 388 361 392T340 400T306 404Q276 404 249 390Q228 381 206 359Q162 315 142 235T121 119Q121 73 147 50Q169 26 205 26H209Q321 26 394 111Q403 121 406 121Q410 121 419 112T429 98T420 83T391 55T346 25T282 0T202 -11Q127 -11 81 37T34 159Z"></path><path id="MJX-22-TEX-I-1D45A" d="M21 287Q22 293 24 303T36 341T56 388T88 425T132 442T175 435T205 417T221 395T229 376L231 369Q231 367 232 367L243 378Q303 442 384 442Q401 442 415 440T441 433T460 423T475 411T485 398T493 385T497 373T500 364T502 357L510 367Q573 442 659 442Q713 442 746 415T780 336Q780 285 742 178T704 50Q705 36 709 31T724 26Q752 26 776 56T815 138Q818 149 821 151T837 153Q857 153 857 145Q857 144 853 130Q845 101 831 73T785 17T716 -10Q669 -10 648 17T627 73Q627 92 663 193T700 345Q700 404 656 404H651Q565 404 506 303L499 291L466 157Q433 26 428 16Q415 -11 385 -11Q372 -11 364 -4T353 8T350 18Q350 29 384 161L420 307Q423 322 423 345Q423 404 379 404H374Q288 404 229 303L222 291L189 157Q156 26 151 16Q138 -11 108 -11Q95 -11 87 -5T76 7T74 17Q74 30 112 181Q151 335 151 342Q154 357 154 369Q154 405 129 405Q107 405 92 377T69 316T57 280Q55 278 41 278H27Q21 284 21 287Z"></path></defs><g stroke="currentColor" fill="currentColor" stroke-width="0" transform="scale(1,-1)"><g data-mml-node="math"><g data-mml-node="mn"><use data-c="35" xlink:href="#MJX-22-TEX-N-35"></use><use data-c="2E" xlink:href="#MJX-22-TEX-N-2E" transform="translate(500,0)"></use><use data-c="35" xlink:href="#MJX-22-TEX-N-35" transform="translate(778,0)"></use></g><g data-mml-node="mi" transform="translate(1278,0)"><use data-c="1D450" xlink:href="#MJX-22-TEX-I-1D450"></use></g><g data-mml-node="mi" transform="translate(1711,0)"><use data-c="1D45A" xlink:href="#MJX-22-TEX-I-1D45A"></use></g></g></g></svg><mjx-assistive-mml unselectable="on" display="inline"><math xmlns="http://www.w3.org/1998/Math/MathML"><mn>5.5</mn><mi>c</mi><mi>m</mi></math></mjx-assistive-mml></mjx-container><script type="math/tex">5.5cm</script><span>，厚</span><mjx-container class="MathJax" jax="SVG" style="position: relative;"><svg xmlns="http://www.w3.org/2000/svg" width="6.235ex" height="1.532ex" role="img" focusable="false" viewBox="0 -666 2756 677" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" style="vertical-align: -0.025ex;"><defs><path id="MJX-23-TEX-N-31" d="M213 578L200 573Q186 568 160 563T102 556H83V602H102Q149 604 189 617T245 641T273 663Q275 666 285 666Q294 666 302 660V361L303 61Q310 54 315 52T339 48T401 46H427V0H416Q395 3 257 3Q121 3 100 0H88V46H114Q136 46 152 46T177 47T193 50T201 52T207 57T213 61V578Z"></path><path id="MJX-23-TEX-N-32" d="M109 429Q82 429 66 447T50 491Q50 562 103 614T235 666Q326 666 387 610T449 465Q449 422 429 383T381 315T301 241Q265 210 201 149L142 93L218 92Q375 92 385 97Q392 99 409 186V189H449V186Q448 183 436 95T421 3V0H50V19V31Q50 38 56 46T86 81Q115 113 136 137Q145 147 170 174T204 211T233 244T261 278T284 308T305 340T320 369T333 401T340 431T343 464Q343 527 309 573T212 619Q179 619 154 602T119 569T109 550Q109 549 114 549Q132 549 151 535T170 489Q170 464 154 447T109 429Z"></path><path id="MJX-23-TEX-I-1D45A" d="M21 287Q22 293 24 303T36 341T56 388T88 425T132 442T175 435T205 417T221 395T229 376L231 369Q231 367 232 367L243 378Q303 442 384 442Q401 442 415 440T441 433T460 423T475 411T485 398T493 385T497 373T500 364T502 357L510 367Q573 442 659 442Q713 442 746 415T780 336Q780 285 742 178T704 50Q705 36 709 31T724 26Q752 26 776 56T815 138Q818 149 821 151T837 153Q857 153 857 145Q857 144 853 130Q845 101 831 73T785 17T716 -10Q669 -10 648 17T627 73Q627 92 663 193T700 345Q700 404 656 404H651Q565 404 506 303L499 291L466 157Q433 26 428 16Q415 -11 385 -11Q372 -11 364 -4T353 8T350 18Q350 29 384 161L420 307Q423 322 423 345Q423 404 379 404H374Q288 404 229 303L222 291L189 157Q156 26 151 16Q138 -11 108 -11Q95 -11 87 -5T76 7T74 17Q74 30 112 181Q151 335 151 342Q154 357 154 369Q154 405 129 405Q107 405 92 377T69 316T57 280Q55 278 41 278H27Q21 284 21 287Z"></path></defs><g stroke="currentColor" fill="currentColor" stroke-width="0" transform="scale(1,-1)"><g data-mml-node="math"><g data-mml-node="mn"><use data-c="31" xlink:href="#MJX-23-TEX-N-31"></use><use data-c="32" xlink:href="#MJX-23-TEX-N-32" transform="translate(500,0)"></use></g><g data-mml-node="mi" transform="translate(1000,0)"><use data-c="1D45A" xlink:href="#MJX-23-TEX-I-1D45A"></use></g><g data-mml-node="mi" transform="translate(1878,0)"><use data-c="1D45A" xlink:href="#MJX-23-TEX-I-1D45A"></use></g></g></g></svg><mjx-assistive-mml unselectable="on" display="inline"><math xmlns="http://www.w3.org/1998/Math/MathML"><mn>12</mn><mi>m</mi><mi>m</mi></math></mjx-assistive-mml></mjx-container><script type="math/tex">12mm</script></strong><span>（不加电池）。</span></p><h4 id='5）支持的sd卡容量'><span>5）支持的SD卡容量？</span></h4><p><span>目前测试最大为</span><strong><mjx-container class="MathJax" jax="SVG" style="position: relative;"><svg xmlns="http://www.w3.org/2000/svg" width="4.041ex" height="1.645ex" role="img" focusable="false" viewBox="0 -705 1786 727" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" style="vertical-align: -0.05ex;"><defs><path id="MJX-24-TEX-N-33" d="M127 463Q100 463 85 480T69 524Q69 579 117 622T233 665Q268 665 277 664Q351 652 390 611T430 522Q430 470 396 421T302 350L299 348Q299 347 308 345T337 336T375 315Q457 262 457 175Q457 96 395 37T238 -22Q158 -22 100 21T42 130Q42 158 60 175T105 193Q133 193 151 175T169 130Q169 119 166 110T159 94T148 82T136 74T126 70T118 67L114 66Q165 21 238 21Q293 21 321 74Q338 107 338 175V195Q338 290 274 322Q259 328 213 329L171 330L168 332Q166 335 166 348Q166 366 174 366Q202 366 232 371Q266 376 294 413T322 525V533Q322 590 287 612Q265 626 240 626Q208 626 181 615T143 592T132 580H135Q138 579 143 578T153 573T165 566T175 555T183 540T186 520Q186 498 172 481T127 463Z"></path><path id="MJX-24-TEX-N-32" d="M109 429Q82 429 66 447T50 491Q50 562 103 614T235 666Q326 666 387 610T449 465Q449 422 429 383T381 315T301 241Q265 210 201 149L142 93L218 92Q375 92 385 97Q392 99 409 186V189H449V186Q448 183 436 95T421 3V0H50V19V31Q50 38 56 46T86 81Q115 113 136 137Q145 147 170 174T204 211T233 244T261 278T284 308T305 340T320 369T333 401T340 431T343 464Q343 527 309 573T212 619Q179 619 154 602T119 569T109 550Q109 549 114 549Q132 549 151 535T170 489Q170 464 154 447T109 429Z"></path><path id="MJX-24-TEX-I-1D43A" d="M50 252Q50 367 117 473T286 641T490 704Q580 704 633 653Q642 643 648 636T656 626L657 623Q660 623 684 649Q691 655 699 663T715 679T725 690L740 705H746Q760 705 760 698Q760 694 728 561Q692 422 692 421Q690 416 687 415T669 413H653Q647 419 647 422Q647 423 648 429T650 449T651 481Q651 552 619 605T510 659Q492 659 471 656T418 643T357 615T294 567T236 496T189 394T158 260Q156 242 156 221Q156 173 170 136T206 79T256 45T308 28T353 24Q407 24 452 47T514 106Q517 114 529 161T541 214Q541 222 528 224T468 227H431Q425 233 425 235T427 254Q431 267 437 273H454Q494 271 594 271Q634 271 659 271T695 272T707 272Q721 272 721 263Q721 261 719 249Q714 230 709 228Q706 227 694 227Q674 227 653 224Q646 221 643 215T629 164Q620 131 614 108Q589 6 586 3Q584 1 581 1Q571 1 553 21T530 52Q530 53 528 52T522 47Q448 -22 322 -22Q201 -22 126 55T50 252Z"></path></defs><g stroke="currentColor" fill="currentColor" stroke-width="0" transform="scale(1,-1)"><g data-mml-node="math"><g data-mml-node="mn"><use data-c="33" xlink:href="#MJX-24-TEX-N-33"></use><use data-c="32" xlink:href="#MJX-24-TEX-N-32" transform="translate(500,0)"></use></g><g data-mml-node="mi" transform="translate(1000,0)"><use data-c="1D43A" xlink:href="#MJX-24-TEX-I-1D43A"></use></g></g></g></svg><mjx-assistive-mml unselectable="on" display="inline"><math xmlns="http://www.w3.org/1998/Math/MathML"><mn>32</mn><mi>G</mi></math></mjx-assistive-mml></mjx-container><script type="math/tex">32G</script></strong><span>，再大应该不行。</span></p><h4 id='6）主控芯片是什么'><span>6）主控芯片是什么？</span></h4><p><strong><span>ESP32-D0WD-V3</span></strong><span> 双核，模组为</span><strong><span>ESP32-WROVER</span></strong><span>。</span></p><h4 id='7）开发环境'><span>7）开发环境？</span></h4><p><span>Visual Studio Code + Platform IO</span></p><hr /><h2 id='change-log'><span>Change Log：</span></h2><p><span>2021.09.05：开始构思</span></p><p><span>2021.10.22：成功播放 Mjpeg 视频</span></p><p><span>2021.10.23：在 Mjpeg 基础上，添加了 pcm 背景音乐</span></p><p><span>2021.12.19：成功驱动 XPT2046 触摸芯片并运行了 LVGL demo</span></p><p><span>2021.12.21：优化 Mjpeg 240*320 像素，帧率最高 8.9FPS</span></p><p><span>2021.12.25：解码 jpg 文件；完成 ESP-IED Ver 1 PCB 的绘制</span></p><p><span>2021.12.26：编写画图程序</span></p><p><span>2021.12.30：编写 MP3 程序</span></p><p><span>2022.01.01：ESP-HMI Ver 1 直插板成功搭建</span></p><p><span>2022.01.02：开始编辑源代码</span></p><p><span>2022.01.02：添加 Media Player 中 Mjpeg 播放功能</span></p><p><span>2022.01.03：添加 Media Player 中 Jpeg 播放功能|添加 Media Player 中 MP3 播放功能</span></p><p><span>2022.01.09：添加 Media Player 中 PCM 播放功能</span></p><p><span>2022.01.09：添加 Media Player 中 TXT 播放功能</span></p><p><span>2022.01.12：添加 Draw 功能</span></p><p><span>2022.01.12：添加 THMini 功能</span></p><p><span>2022.03.28：添加 Album 功能</span></p><p><span>2022.03.28：添加 Ebook 功能</span></p><p><span>2022.03.29 ：代码优化</span></p><p><span>2022.04.01：蓝牙音频传输（接收）</span></p><p><span>2022.04.05：开始编写 Sounder</span></p><p><span>2022.04.10：完成编写 Sounder</span></p><p><span>2022.04.13：开始编写 Vision</span></p><p><span>2022.04.14：完成编写 Vision</span></p><p><span>2022.04.17：完善 Ebook</span></p><p><span>2022.04.18：开始并完成编写 Settings</span></p><p><span>2022.04.22：绘制 Ver 1 原理图</span></p><p><span>2022.05.02：用户登陆系统</span></p><p><span>2022.07.05：计算器（普通）</span></p><p><span>2022.07.08：温度计</span></p><p><span>2022.07.12：文件上传</span></p><p><span>2022.07.14：WiFi</span></p><p><span>2022.07.30：Ver 1 PCB完成</span></p><p><span>2022.08.12：Ver 1 PCB调试完成</span></p><p><span>2022.08.13：添加Task Manager</span></p><p><span>2022.08.14：完成Album功能；编写文档</span></p><p><span>2022.08.15：编写文档</span></p><p><span>2022.08.16：修改Task Manager|Debug Vision</span></p><p><span>2022.08.19：完善Album</span></p><p><span>2022.08.21：开始编写 東方微型行</span></p><p><span>2022.08.29：修复了用户名长度的问题|添加bat快捷转换器</span></p><hr /><h2 id='esp-hmi-硬件'><span>ESP-HMI 硬件</span></h2><h3 id='主要硬件组成'><span>主要硬件组成：</span></h3><h4 id='·-esp32-wrover'><span>· ESP32-WROVER</span></h4><p><a href='extension://oikmahiipjniocckomdccmplodldodja/pdf-viewer/web/viewer.html?file=http%3A%2F%2Fstatics3.seeedstudio.com%2Fassets%2Ffile%2Fbazaar%2Fproduct%2Fesp32-wrover_datasheet_cn.pdf'><span>ESP32-WROVER</span></a><span> 系列模组基于 </span><strong><span>ESP32-D0WD</span></strong><span> </span><strong><span>双核</span></strong><span>芯片设计，其强大的双核性能适用于对内存需求大的应用场景，例如多样的 </span><strong><span>AIoT</span></strong><span> 应用和</span><strong><span>网关</span></strong><span>应用。</span></p><p><img src="https://tse2-mm.cn.bing.net/th/id/OIP-C.HAEQhUWocwVcb56vDvSXiwHaFj?pid=ImgDet&rs=1" style="zoom:33%;" /></p><center>ESP32-WROVER 模组</center><h4 id='·-35-寸-tftlcd'><span>· 3.5 寸 TFT_LCD</span></h4><blockquote><p><span>驱动芯片：ILI9488</span></p><p><span>通讯接口：SPI</span></p><p><span>触摸芯片：XPT2046</span></p></blockquote><p><img src="https://s3.bmp.ovh/imgs/2022/10/28/d460827e10d3bd94.jpg" style="zoom:33%;" /></p><center>屏幕模块</center><h4 id='·-存储卡'><span>· 存储卡</span></h4><p><span>最大 </span><strong><span>32G</span></strong><span>，推荐 4 或 8G。</span></p><p><img src="https://s3.bmp.ovh/imgs/2022/10/28/5821d740d8bbdd5c.jpg" style="zoom:15%;" /></p><center>32G TF卡</center><h4 id='·-sht30'><span>· SHT30：</span></h4><p><span>SHT30能够提供极高的</span><strong><span>可靠性</span></strong><span>和出色的长期</span><strong><span>稳定性</span></strong><span>，具有</span><strong><span>功耗低、反应快、抗干扰能力强</span></strong><span>等优点。</span></p><p><span>轻松实现城市环境监控、智能楼宇、工业自动化、智能家居等物联网应用场景的温湿度传感。</span></p><blockquote><ul><li><span>主芯片（传感器）：Sensirion SHT30</span></li><li><span>供电电压(VCC)：3.3V ~ 5.5V</span></li><li><span>通信接口：Gravity Analog （PH2.0-3P，模拟电压输出0.3-2.7V）</span></li><li><span>工作电流：< 0.5 mA</span></li><li><span>产品尺寸：30×22 mm</span></li><li><span>重量：3 g</span></li></ul></blockquote><p><strong><span>温度测量性能：</span></strong></p><blockquote><ul><li><span>量程：-40 ~ 125 ℃</span></li><li><span>分辨率：0.01 ℃，14bit</span></li><li><span>精度：±0.2℃@10~55℃（典型值），±1.5℃@-40 ~ 125 ℃（典型值）</span></li><li><span>响应速度：> 2s</span></li></ul></blockquote><p><strong><span>湿度测量性能：</span></strong></p><blockquote><ul><li><span>量程：0~100 %RH</span></li><li><span>分辨率：0.006 %，14bit</span></li><li><span>精度：±3 %RH@10~90 %RH（典型值），±8 %RH@0~100 %RH（典型值）</span></li><li><span>响应速度：> 8s</span></li></ul></blockquote><p><img src="https://www.startece.com/startececms/template/website/product/upload/2019/11/04/1324cea8f6a64d76aa382c47696dfd65.jpg" style="zoom:10%;" /></p><center>SHT30</center><h4 id='·-pcf8563'><span>· PCF8563</span></h4><p><span>PCF8563 是 PHILIPS 公司推出的一款</span><strong><span>工业级内含I2C 总线接口功能</span></strong><span>的具有</span><strong><span>极低功耗</span></strong><span>的多功能</span><strong><span>时钟/日历芯片</span></strong><span>。是一款性价比极高的时钟芯片，它已被广泛用于电表、水表、气表、电话、传真机、便携式仪器以及电池供电的仪器仪表等产品领域。</span></p><p><img src="https://image3.pushauction.com/2/0/0/f37477f9-6aaa-4217-9548-c36e3e397539/e593b779-4bc5-40a3-a4b6-8498011dd512.jpg" style="zoom:10%;" /></p><center>PCF8563 模块</center><h4 id='·-mpu6050'><span>· MPU6050：</span></h4><p><span>MPU-60X0 是全球首例 </span><strong><span>⑨ 轴运动处理传感器</span></strong><span>。它集成了3 轴MEMS</span><strong><span>陀螺仪</span></strong><span>，3 轴MEMS</span><strong><span>加速度计</span></strong><span>，以及一个可扩展的数字运动处理器</span><strong><span>DMP</span></strong><span>，可用</span><strong><span>I2C</span></strong><span>接口连接一个</span><strong><span>第三方</span></strong><span>的数字传感器，比如磁力计。扩展之后就可以通过其</span><strong><span>I2C 或 SPI</span></strong><span> 接口输出一个⑨轴的信号（SPI 接口仅在MPU-6000 可用）。</span></p><p><span>MPU-60X0 对陀螺仪和加速度计分别用了三个</span><strong><span>16位的ADC</span></strong><span>（0~65535），将其测量的模拟量转化为可输出的数字量。传感器的测量范围都是用户可控的，陀螺仪可测范围为</span><strong><span>±250，±500，±1000，±2000°/秒（dps）</span></strong><span>，加速度计可测范围为</span><strong><span>±2，±4，±8，±16g</span></strong><span>。</span></p><p><span>芯片尺寸</span><strong><span>4×4×0.9mm</span></strong><span>，采用</span><strong><span>QFN</span></strong><span>封装，可承受最大</span><strong><span>10000g</span></strong><span>的冲击，并有可编程的</span><strong><span>低通滤波器</span></strong><span>。</span></p><p><img src="https://rukminim1.flixcart.com/image/1408/1408/learning-toy/g/h/v/robokits-triple-axis-accelerometer-gyro-mpu-6050-breakout-original-imae3ux6t2hrcz65.jpeg?q=90" style="zoom:10%;" /></p><center>MPU6050模块</center><h4 id='·-ch340c'><span>· CH340C：</span></h4><p><span>USB转串口芯片，支持通讯波特率50bps～2Mbps。</span></p><p><span>此型号内置时钟，无需外部晶振。</span></p><p><img src="https://s3.bmp.ovh/imgs/2022/10/28/b04057c7ae1ef853.jpg" style="zoom:20%;" /></p><center>搭载了CH340C的串口下载模块</center><h4 id='·-pw2053'><span>· PW2053：</span></h4><p><span>PW2053是一款高效单片同步降压调节器。</span></p><p><a href='https://www.pwchip.com/file-download-967-left.html'><span>点我下载DataSheet</span></a></p><p><img src="https://www.pwchip.com/file.php?f=202012/f_e6e9ab266c9b037b25d5c88e1e2a627c.png&t=png&o=product&s=smallURL&v=1627957605" referrerpolicy="no-referrer"></p><center>没找到实物图……</center><h4 id='·-tp4056'><span>· TP4056:</span></h4><p><span>TP4056 是一款完整的</span><strong><span>单节锂离子电池</span></strong><span>采用恒定电流/恒定电压</span><strong><span>线性充电器</span></strong><span>。</span></p><p><img src="https://img.alicdn.com/imgextra/i1/2920967664/TB2ULTimC0jpuFjy0FlXXc0bpXa_!!2920967664.png" style="zoom:25%;" /></p><center>著名的充电模块</center><h4 id='·-wt8302'><span>· WT8302：</span></h4><p><span>WT8302系列是一款</span><strong><span>超低EM.3.0W,单声道,D类音频功率放大器</span></strong><span>。在5V电源下,能够向</span><strong><span>4Ω负载提供3.0W</span></strong><span>的输出功率,并具有高达</span><strong><span>90%</span></strong><span>的效率。</span></p><p><img src="https://www.wtchip.com/uploads/allimg/2102/1-2102230TZ0.jpg" style="zoom:30%;" /></p><center>没找到实物图……</center><hr /><h3 id='pcb'><span>PCB:</span></h3><h5 id='验证板'><span>验证板：</span></h5><p><span>只有最</span><strong><span>基础硬件</span></strong><span>（包括SHT30），注意 </span><strong><span>GPIO2</span></strong><span> 在烧录程序时需断开，如果你要频繁烧录程序，最好 PCB上飞线一个开关，或者拔下开发板（如果你愿意的话）。</span></p><h5 id='bug-1'><span>Bug：</span></h5><blockquote><p><span>（1）</span><strong><span>T_CLK</span></strong><span>应连接</span><strong><span>IO0</span></strong><span>而不是IO25，</span><strong><span>已</span></strong><span>经在最新的PCB中</span><strong><span>改正</span></strong><span>。</span></p><p><span>（2）不要在意有两个ESP32开发板的插槽</span></p></blockquote><p><a href='https://github.com/SoTWild/ESP-HMI/raw/main/PCB/%E7%9B%B4%E6%8F%92%E6%9D%BF/Gerber_PCB_ESP32%E5%BC%80%E5%8F%91%E7%9B%B4%E6%8F%92%E6%9D%BF.zip'><span>Gerber_PCB_ESP32开发直插板.zip</span></a></p><p><img src="https://s3.bmp.ovh/imgs/2022/10/28/a3fdfc84d8914a23.webp" style="zoom:10%;" /></p><center>验证板</center><h5 id='最终板'><span>最终板：</span></h5><p><span>硬件齐全，自动烧录，配备电池。</span></p><h5 id='bug-2'><span>Bug：</span></h5><p><span>（1）DC-DC电源部分电感封装大小错误。</span><strong><span>解决办法：可以勉强焊接</span></strong></p><p><span>（2）R15连接Strapping引脚导致无法启动。</span><strong><span>解决方法：不焊接R15</span></strong></p><p><span>（3）PCF8563设计缺陷，晶振波形错误。</span><strong><span>解决方法：重新设计</span></strong></p><p><span>（4）</span><strong><span>T_CLK</span></strong><span>应连接</span><strong><span>IO0</span></strong><span>而不是IO25，</span><strong><span>原理图已改正，PCB未改正</span></strong><span>。</span><strong><span>解决办法：飞线</span></strong></p><p><span>（5）WT8302设计缺陷，杂音。</span><strong><span>解决方法：重新设计</span></strong></p><p><a href='https://github.com/SoTWild/ESP-HMI/raw/main/PCB/%E5%AE%8C%E6%88%90%E7%89%88%20Ver%201/Gerber_PCB_ESP32-HMI.zip'><span>Gerber文件下载</span></a></p><h5 id='原理图'><span>原理图：</span></h5><p><img src="https://s3.bmp.ovh/imgs/2022/10/28/73dab4828ad2bf56.webp" referrerpolicy="no-referrer"></p><p><img src="https://s3.bmp.ovh/imgs/2022/10/28/d169f816bd14a523.webp" referrerpolicy="no-referrer"></p><h5 id='pcb图'><span>PCB图：</span></h5><p><img src="https://s3.bmp.ovh/imgs/2022/10/28/5c970341434f300c.webp" referrerpolicy="no-referrer"></p><h5 id='实物图'><span>实物图：</span></h5><p><img src="https://s3.bmp.ovh/imgs/2022/10/29/c7d764ff55f6910b.png" style="zoom:50%;" /></p><center>未更正</center><p><img src = 'https://s3.bmp.ovh/imgs/2022/10/29/04793d0fa1468b5a.png' style="zoom:35%;" ></p><center>飞线后</center><hr /><h3 id='其他一些解读'><span>其他一些解读：</span></h3><p><strong><span>ESP-HMI</span></strong><span>配有</span><del><span>极为先进的</span></del><strong><span>USB Type-C</span></strong><span>接口，作为供电和通信。</span></p><p><strong><span>SW7</span></strong><span>为DC-DC芯片的使能开关，实现小开关控制大功率开关。</span></p><p><strong><span>U9</span></strong><span>连接的为震动马达。</span></p><p><strong><span>SW3</span></strong><span>连接</span><strong><span>IO35</span></strong><span>，可以自由配置为</span><strong><span>中断引脚</span></strong><span>或其他功能。</span></p><p><span>板载</span><strong><span>5V、3.3V、BAT、SDA、SCL</span></strong><span>触点，方便调试。</span></p><hr /><h3 id='bom表'><span>BOM表：</span></h3><figure><table><thead><tr><th><span>ID</span></th><th><span>Name</span></th><th style='text-align:left;' ><span>Designator</span></th><th><span>Footprint</span></th><th><span>Price</span></th></tr></thead><tbody><tr><td><span>1</span></td><td><span>10uF</span></td><td style='text-align:left;' ><span>C1,C5</span></td><td><span>C0603</span></td><td> </td></tr><tr><td><span>2</span></td><td><span>1uF</span></td><td style='text-align:left;' ><span>C2</span></td><td><span>C0603</span></td><td><span>0.0391</span></td></tr><tr><td><span>3</span></td><td><span>22pF</span></td><td style='text-align:left;' ><span>C3</span></td><td><span>C0603</span></td><td><span>0.0573</span></td></tr><tr><td><span>4</span></td><td><span>0.1uF</span></td><td style='text-align:left;' ><span>C12</span></td><td><span>C0603</span></td><td><span>3.29</span></td></tr><tr><td><span>5</span></td><td><span>1uF</span></td><td style='text-align:left;' ><span>C15</span></td><td><span>C0603</span></td><td><span>0.0351</span></td></tr><tr><td><span>6</span></td><td><span>15pF</span></td><td style='text-align:left;' ><span>C16,C17</span></td><td><span>C0603</span></td><td><span>0.0883</span></td></tr><tr><td><span>7</span></td><td><span>22uF</span></td><td style='text-align:left;' ><span>C4,C11</span></td><td><span>C0805</span></td><td><span>3.29</span></td></tr><tr><td><span>8</span></td><td><span>0.1u</span></td><td style='text-align:left;' ><span>C6</span></td><td><span>1206</span></td><td> </td></tr><tr><td><span>9</span></td><td><span>100nF/50V</span></td><td style='text-align:left;' ><span>C7,C9</span></td><td><span>0603_C_JX</span></td><td> </td></tr><tr><td><span>10</span></td><td><span>10μF/10V</span></td><td style='text-align:left;' ><span>C8,C10</span></td><td><span>0805_C_JX</span></td><td> </td></tr><tr><td><span>11</span></td><td><span>104</span></td><td style='text-align:left;' ><span>C13,C18</span></td><td><span>C0805</span></td><td> </td></tr><tr><td><span>12</span></td><td><span>100nF</span></td><td style='text-align:left;' ><span>C14</span></td><td><span>603</span></td><td><span>0.0082</span></td></tr><tr><td><span>13</span></td><td><span>104</span></td><td style='text-align:left;' ><span>C19,C22</span></td><td><span>C 0603</span></td><td> </td></tr><tr><td><span>14</span></td><td><span>103</span></td><td style='text-align:left;' ><span>C20</span></td><td><span>C 0603</span></td><td> </td></tr><tr><td><span>15</span></td><td><span>2.2NF</span></td><td style='text-align:left;' ><span>C21</span></td><td><span>C 0603</span></td><td> </td></tr><tr><td><span>16</span></td><td><span>104</span></td><td style='text-align:left;' ><span>C23</span></td><td><span>C0603</span></td><td> </td></tr><tr><td><span>17</span></td><td><span>1uF</span></td><td style='text-align:left;' ><span>C24</span></td><td><span>C0603</span></td><td><span>0.032</span></td></tr><tr><td><span>18</span></td><td><span>HYC77-TF09-200</span></td><td style='text-align:left;' ><span>CARD1</span></td><td><span>TF-SMD_HYC77-TF09-200</span></td><td><span>0.9401</span></td></tr><tr><td><span>19</span></td><td><span>PJ-327A 5JJ</span></td><td style='text-align:left;' ><span>CN1</span></td><td><span>AUDIO-SMD_PJ-327A5JJ</span></td><td><span>0.5698</span></td></tr><tr><td><span>20</span></td><td><span>IN4007</span></td><td style='text-align:left;' ><span>D1,D2</span></td><td><span>SMA_L4.3-W2.6-LS5.1-RD</span></td><td> </td></tr><tr><td><span>21</span></td><td><span>触点</span></td><td style='text-align:left;' ><span>5V,BAT,3.3V,SDA,SCL</span></td><td><span>触点</span></td><td> </td></tr><tr><td><span>22</span></td><td><span>2.2UH_0520</span></td><td style='text-align:left;' ><span>L1</span></td><td><span>IND-SMD_L2.5-W2.0</span></td><td> </td></tr><tr><td><span>23</span></td><td><span>AFC07-S40ECA-00</span></td><td style='text-align:left;' ><span>LCD1</span></td><td><span>FPC-SMD_P0.50-40P_LCS-SJ-H2.0</span></td><td><span>1.1266</span></td></tr><tr><td><span>24</span></td><td><span>Red/LED</span></td><td style='text-align:left;' ><span>LED1</span></td><td><span>0603_D_JX</span></td><td> </td></tr><tr><td><span>25</span></td><td><span>Green/LED</span></td><td style='text-align:left;' ><span>LED2</span></td><td><span>0603_D_JX</span></td><td> </td></tr><tr><td><span>26</span></td><td><span>S8050</span></td><td style='text-align:left;' ><span>Q1,Q2</span></td><td><span>SOT-23-3_L2.9-W1.3-P1.90-LS2.4-BR</span></td><td><span>0.0702</span></td></tr><tr><td><span>27</span></td><td><span>RU8205C6</span></td><td style='text-align:left;' ><span>Q3</span></td><td><span>SOT-23-6</span></td><td><span>0.3144</span></td></tr><tr><td><span>28</span></td><td><span>S8050LT1-J3Y</span></td><td style='text-align:left;' ><span>Q5</span></td><td><span>SOT-23_L2.9-W1.3-P1.90-LS2.4-BR</span></td><td><span>0.1207</span></td></tr><tr><td><span>29</span></td><td><span>220R</span></td><td style='text-align:left;' ><span>R1,R2</span></td><td><span>R0603</span></td><td> </td></tr><tr><td><span>30</span></td><td><span>10k</span></td><td style='text-align:left;' ><span>R4,R5,R6,R7,R29</span></td><td><span>R0603</span></td><td> </td></tr><tr><td><span>31</span></td><td><span>1k</span></td><td style='text-align:left;' ><span>R3</span></td><td><span>805</span></td><td> </td></tr><tr><td><span>32</span></td><td><span>100</span></td><td style='text-align:left;' ><span>R8</span></td><td><span>805</span></td><td> </td></tr><tr><td><span>33</span></td><td><span>0.25R/1%</span></td><td style='text-align:left;' ><span>R9</span></td><td><span>1206_R_JX</span></td><td> </td></tr><tr><td><span>34</span></td><td><span>10k/1%</span></td><td style='text-align:left;' ><span>R10</span></td><td><span>0603_R_JX</span></td><td> </td></tr><tr><td><span>35</span></td><td><span>2k/1%</span></td><td style='text-align:left;' ><span>R11</span></td><td><span>0603_R_JX</span></td><td> </td></tr><tr><td><span>36</span></td><td><span>1.2k/1%</span></td><td style='text-align:left;' ><span>R12</span></td><td><span>0805-R</span></td><td> </td></tr><tr><td><span>37</span></td><td><span>45K</span></td><td style='text-align:left;' ><span>R13</span></td><td><span>R0603</span></td><td><span>0.0135</span></td></tr><tr><td><span>38</span></td><td><span>10K</span></td><td style='text-align:left;' ><span>R14,R15,R16,R17,R18,R19,R25</span></td><td><span>R0603</span></td><td><span>0.0132</span></td></tr><tr><td><span>39</span></td><td><span>100kΩ</span></td><td style='text-align:left;' ><span>R21</span></td><td><span>R0603</span></td><td><span>0.0075</span></td></tr><tr><td><span>40</span></td><td><span>10K</span></td><td style='text-align:left;' ><span>R20,R22,R23</span></td><td><span>R0402</span></td><td><span>0.0038</span></td></tr><tr><td><span>41</span></td><td><span>10k</span></td><td style='text-align:left;' ><span>R24</span></td><td><span>R0805</span></td><td> </td></tr><tr><td><span>42</span></td><td><span>1k</span></td><td style='text-align:left;' ><span>R26</span></td><td><span>R0603</span></td><td> </td></tr><tr><td><span>43</span></td><td><span>10K</span></td><td style='text-align:left;' ><span>R27</span></td><td><span>R0603</span></td><td> </td></tr><tr><td><span>44</span></td><td><span>10K</span></td><td style='text-align:left;' ><span>R28</span></td><td><span>R 0603</span></td><td> </td></tr><tr><td><span>45</span></td><td><span>10K</span></td><td style='text-align:left;' ><span>R30</span></td><td><span>RES-ADJ-TH_R1001B</span></td><td><span>0.504</span></td></tr><tr><td><span>46</span></td><td><span>10k</span></td><td style='text-align:left;' ><span>R31,R32</span></td><td><span>R0603</span></td><td><span>0.0066</span></td></tr><tr><td><span>47</span></td><td><span>TA-3525-A1</span></td><td style='text-align:left;' ><span>SW1,SW2,SW4,SW7</span></td><td><span>SW-SMD_3P-L9.1-W3.5-P2.50-EH6.8</span></td><td><span>0.8578</span></td></tr><tr><td><span>48</span></td><td><span>TS-KG012EV</span></td><td style='text-align:left;' ><span>SW3,SW5,SW6</span></td><td><span>SW-SMD_TS-KG012EV</span></td><td><span>0.3602</span></td></tr><tr><td><span>49</span></td><td><span>CH340C</span></td><td style='text-align:left;' ><span>U1</span></td><td><span>SOP-16_L10.0-W3.9-P1.27-LS6.0-BL</span></td><td><span>2.66</span></td></tr><tr><td><span>50</span></td><td><span>ESP32-WROVER-E(4MB)</span></td><td style='text-align:left;' ><span>U2</span></td><td><span>WIFIM-SMD_39P-L31.4-W18.0-P1.27</span></td><td><span>33.11</span></td></tr><tr><td><span>51</span></td><td><span>PW2053</span></td><td style='text-align:left;' ><span>U3</span></td><td><span>SOT-23-5_L2.9-W1.6-P0.95-LS2.8-BL</span></td><td> </td></tr><tr><td><span>52</span></td><td><span>3P金手指</span></td><td style='text-align:left;' ><span>BAT,U9,U12</span></td><td><span>3P金手指</span></td><td> </td></tr><tr><td><span>53</span></td><td><span>TP4056_JX</span></td><td style='text-align:left;' ><span>U5</span></td><td><span>SOP8_150MIL_JX</span></td><td> </td></tr><tr><td><span>54</span></td><td><span>PCF8563M/TR</span></td><td style='text-align:left;' ><span>U6</span></td><td><span>SOP-8_L4.9-W3.9-P1.27-LS6.0-BL</span></td><td><span>1.1374</span></td></tr><tr><td><span>55</span></td><td><span>DW01+</span></td><td style='text-align:left;' ><span>U7</span></td><td><span>SOT-23-6-L</span></td><td> </td></tr><tr><td><span>56</span></td><td><span>SHT30-DIS-B</span></td><td style='text-align:left;' ><span>U8</span></td><td><span>DFN-8_L2.5-W2.5-P0.50-BL-EP</span></td><td><span>6.48</span></td></tr><tr><td><span>57</span></td><td><span>WT8302-MSOP-8</span></td><td style='text-align:left;' ><span>U10</span></td><td><span>MSOP-8_L3.0-W3.0-P0.65-LS4.9-BL</span></td><td> </td></tr><tr><td><span>58</span></td><td><span>MPU-6050-24PIN-4</span><em><span>4</span></em><span>0.9</span></td><td style='text-align:left;' ><span>U13</span></td><td><span>QFN24</span></td><td> </td></tr><tr><td><span>59</span></td><td><span>XPT2046</span></td><td style='text-align:left;' ><span>U14</span></td><td><span>TSSOP-16_L5.0-W4.4-P0.65-LS6.4-BL</span></td><td><span>3.31</span></td></tr><tr><td><span>60</span></td><td><span>TYPE-C16PIN</span></td><td style='text-align:left;' ><span>USB1</span></td><td><span>USB-C-SMD_TYPE-C16PIN</span></td><td><span>1.5593</span></td></tr><tr><td><span>61</span></td><td><span>-</span></td><td style='text-align:left;' ><span>X2</span></td><td><span>OSC-SMD_BD2.0-P2.54_TMXLI-206F32.768KHZ12.5PF20PPM</span></td><td><span>1.2412</span></td></tr></tbody></table></figure><hr /><h2 id='esp-hmi-软件'><span>ESP-HMI 软件</span></h2><h3 id='软件-2'><span>软件：</span></h3><p><span>本人一切嵌入式皆为</span><strong><span>自学</span></strong><span>，</span><del><span>原谅我写成屎山或执行效率不高</span></del></p><hr /><h3 id='主要函数'><span>主要函数：</span></h3><p><a href='https://github.com/SoTWild/ESP-HMI/blob/main/ESP32-HMI/include/Media_Player.h'><span>Media_Player.h</span></a><span> 中：</span></p><pre class="md-fences md-end-block md-fences-with-lineno ty-contain-cm modeLoaded" spellcheck="false" lang="c"><div class="CodeMirror cm-s-inner cm-s-null-scroll CodeMirror-wrap" lang="c"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 9.34259px; left: 35.9809px;"><textarea autocorrect="off" autocapitalize="off" spellcheck="false" tabindex="0" style="position: absolute; bottom: -1em; padding: 0px; width: 1000px; height: 1em; outline: none;"></textarea></div><div class="CodeMirror-scrollbar-filler" cm-not-content="true"></div><div class="CodeMirror-gutter-filler" cm-not-content="true"></div><div class="CodeMirror-scroll" tabindex="-1"><div class="CodeMirror-sizer" style="margin-left: 28px; margin-bottom: 0px; border-right-width: 0px; padding-right: 0px; padding-bottom: 0px;"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines" role="presentation"><div role="presentation" style="position: relative; outline: none;"><div class="CodeMirror-measure"></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-code" role="presentation"><div class="CodeMirror-activeline" style="position: relative;"><div class="CodeMirror-activeline-background CodeMirror-linebackground"></div><div class="CodeMirror-gutter-background CodeMirror-activeline-gutter" style="left: -27.9948px; width: 28px;"></div><div class="CodeMirror-gutter-wrapper CodeMirror-activeline-gutter" style="left: -27.9948px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt CodeMirror-linenumber-show" style="left: 0px; width: 19px;">1</div></div><pre class=" CodeMirror-line " role="presentation"><span role="presentation" style="padding-right: 0.1px;"><span class="cm-variable-3">void</span> <span class="cm-def">Mjpeg_start</span>(<span class="cm-keyword">const</span> <span class="cm-variable-3">char</span> <span class="cm-variable-3">*</span><span class="cm-variable">MJPEG_FILENAME</span>, <span class="cm-keyword">const</span> <span class="cm-variable-3">char</span> <span class="cm-variable-3">*</span><span class="cm-variable">AUDIO_FILENAME</span>);</span></pre></div></div></div></div></div></div><div style="position: absolute; height: 0px; width: 1px; border-bottom: 0px solid transparent; top: 23px;"></div><div class="CodeMirror-gutters" style="height: 23px;"><div class="CodeMirror-gutter CodeMirror-linenumbers" style="width: 27px;"></div></div></div></div></pre><p><span>这是进行 </span><strong><span>Mjpeg</span></strong><span> 视频播放，源代码由</span><a href='https://www.instructables.com/Play-Video-With-ESP32/'><span>Play Video With ESP32</span></a><span>修改而来，详情见</span><a href='https://github.com/SoTWild/ESP-HMI/blob/main/ESP32-HMI/include/MjpegClass.h'><span>MjpegClass.h</span></a><span>。</span></p><p> </p><pre class="md-fences md-end-block md-fences-with-lineno ty-contain-cm modeLoaded" spellcheck="false" lang="c"><div class="CodeMirror cm-s-inner cm-s-null-scroll CodeMirror-wrap" lang="c"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 9.34259px; left: 35.9809px;"><textarea autocorrect="off" autocapitalize="off" spellcheck="false" tabindex="0" style="position: absolute; bottom: -1em; padding: 0px; width: 1000px; height: 1em; outline: none;"></textarea></div><div class="CodeMirror-scrollbar-filler" cm-not-content="true"></div><div class="CodeMirror-gutter-filler" cm-not-content="true"></div><div class="CodeMirror-scroll" tabindex="-1"><div class="CodeMirror-sizer" style="margin-left: 28px; margin-bottom: 0px; border-right-width: 0px; padding-right: 0px; padding-bottom: 0px;"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines" role="presentation"><div role="presentation" style="position: relative; outline: none;"><div class="CodeMirror-measure"><pre><span>xxxxxxxxxx</span></pre><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>1</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-code" role="presentation"><div class="CodeMirror-activeline" style="position: relative;"><div class="CodeMirror-activeline-background CodeMirror-linebackground"></div><div class="CodeMirror-gutter-background CodeMirror-activeline-gutter" style="left: -27.9948px; width: 28px;"></div><div class="CodeMirror-gutter-wrapper CodeMirror-activeline-gutter" style="left: -27.9948px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt CodeMirror-linenumber-show" style="left: 0px; width: 19px;">1</div></div><pre class=" CodeMirror-line " role="presentation"><span role="presentation" style="padding-right: 0.1px;"><span class="cm-variable-3">void</span> <span class="cm-def">drawSdJpeg</span>(<span class="cm-keyword">const</span> <span class="cm-variable-3">char</span> <span class="cm-variable-3">*</span><span class="cm-variable">filename</span>, <span class="cm-variable-3">int</span> <span class="cm-variable">xpos</span>, <span class="cm-variable-3">int</span> <span class="cm-variable">ypos</span>);</span></pre></div></div></div></div></div></div><div style="position: absolute; height: 0px; width: 1px; border-bottom: 0px solid transparent; top: 23px;"></div><div class="CodeMirror-gutters" style="height: 23px;"><div class="CodeMirror-gutter CodeMirror-linenumbers" style="width: 27px;"></div></div></div></div></pre><p><span>这是绘制 </span><strong><span>.jpg</span></strong><span> 格式图片，源代码由</span><a href='https://github.com/Bodmer/JPEGDecoder'><span>Bodmer/JPEGDecoder</span></a><span>修改而来。</span></p><p> </p><pre class="md-fences md-end-block md-fences-with-lineno ty-contain-cm modeLoaded" spellcheck="false" lang="c"><div class="CodeMirror cm-s-inner cm-s-null-scroll CodeMirror-wrap" lang="c"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 9.34259px; left: 35.9809px;"><textarea autocorrect="off" autocapitalize="off" spellcheck="false" tabindex="0" style="position: absolute; bottom: -1em; padding: 0px; width: 1000px; height: 1em; outline: none;"></textarea></div><div class="CodeMirror-scrollbar-filler" cm-not-content="true"></div><div class="CodeMirror-gutter-filler" cm-not-content="true"></div><div class="CodeMirror-scroll" tabindex="-1"><div class="CodeMirror-sizer" style="margin-left: 28px; margin-bottom: 0px; border-right-width: 0px; padding-right: 0px; padding-bottom: 0px;"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines" role="presentation"><div role="presentation" style="position: relative; outline: none;"><div class="CodeMirror-measure"><pre><span>xxxxxxxxxx</span></pre><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>1</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-code" role="presentation"><div class="CodeMirror-activeline" style="position: relative;"><div class="CodeMirror-activeline-background CodeMirror-linebackground"></div><div class="CodeMirror-gutter-background CodeMirror-activeline-gutter" style="left: -27.9948px; width: 28px;"></div><div class="CodeMirror-gutter-wrapper CodeMirror-activeline-gutter" style="left: -27.9948px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt CodeMirror-linenumber-show" style="left: 0px; width: 19px;">1</div></div><pre class=" CodeMirror-line " role="presentation"><span role="presentation" style="padding-right: 0.1px;"><span class="cm-variable-3">void</span> <span class="cm-def">MP3_start</span>(<span class="cm-keyword">const</span> <span class="cm-variable-3">char</span> <span class="cm-variable-3">*</span><span class="cm-variable">filename</span>);</span></pre></div></div></div></div></div></div><div style="position: absolute; height: 0px; width: 1px; border-bottom: 0px solid transparent; top: 23px;"></div><div class="CodeMirror-gutters" style="height: 23px;"><div class="CodeMirror-gutter CodeMirror-linenumbers" style="width: 27px;"></div></div></div></div></pre><p><span>这是进行 </span><strong><span>.mp3</span></strong><span> 格式音频的播放，源代码由</span><a href='https://github.com/earlephilhower/ESP8266Audio'><span>ESP8266Audio</span></a><span>修改而来。</span></p><p> </p><pre class="md-fences md-end-block md-fences-with-lineno ty-contain-cm modeLoaded" spellcheck="false" lang="c"><div class="CodeMirror cm-s-inner cm-s-null-scroll CodeMirror-wrap" lang="c"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 9.34259px; left: 35.9809px;"><textarea autocorrect="off" autocapitalize="off" spellcheck="false" tabindex="0" style="position: absolute; bottom: -1em; padding: 0px; width: 1000px; height: 1em; outline: none;"></textarea></div><div class="CodeMirror-scrollbar-filler" cm-not-content="true"></div><div class="CodeMirror-gutter-filler" cm-not-content="true"></div><div class="CodeMirror-scroll" tabindex="-1"><div class="CodeMirror-sizer" style="margin-left: 28px; margin-bottom: 0px; border-right-width: 0px; padding-right: 0px; padding-bottom: 0px;"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines" role="presentation"><div role="presentation" style="position: relative; outline: none;"><div class="CodeMirror-measure"><pre><span>xxxxxxxxxx</span></pre><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>1</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-code" role="presentation"><div class="CodeMirror-activeline" style="position: relative;"><div class="CodeMirror-activeline-background CodeMirror-linebackground"></div><div class="CodeMirror-gutter-background CodeMirror-activeline-gutter" style="left: -27.9948px; width: 28px;"></div><div class="CodeMirror-gutter-wrapper CodeMirror-activeline-gutter" style="left: -27.9948px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt CodeMirror-linenumber-show" style="left: 0px; width: 19px;">1</div></div><pre class=" CodeMirror-line " role="presentation"><span role="presentation" style="padding-right: 0.1px;"><span class="cm-variable-3">void</span> <span class="cm-def">PCM_start</span>(<span class="cm-keyword">const</span> <span class="cm-variable-3">char</span> <span class="cm-variable-3">*</span><span class="cm-variable">AUDIOFILENAME</span>);</span></pre></div></div></div></div></div></div><div style="position: absolute; height: 0px; width: 1px; border-bottom: 0px solid transparent; top: 23px;"></div><div class="CodeMirror-gutters" style="height: 23px;"><div class="CodeMirror-gutter CodeMirror-linenumbers" style="width: 27px;"></div></div></div></div></pre><p><span>这是进行 </span><strong><span>.pcm</span></strong><span> 格式音频的播放，源代码由</span><a href='https://www.instructables.com/Play-Video-With-ESP32/'><span>Play Video With ESP32</span></a><span>修改而来。</span></p><p> </p><pre class="md-fences md-end-block md-fences-with-lineno ty-contain-cm modeLoaded" spellcheck="false" lang="c"><div class="CodeMirror cm-s-inner cm-s-null-scroll CodeMirror-wrap" lang="c"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 9.34259px; left: 35.9809px;"><textarea autocorrect="off" autocapitalize="off" spellcheck="false" tabindex="0" style="position: absolute; bottom: -1em; padding: 0px; width: 1000px; height: 1em; outline: none;"></textarea></div><div class="CodeMirror-scrollbar-filler" cm-not-content="true"></div><div class="CodeMirror-gutter-filler" cm-not-content="true"></div><div class="CodeMirror-scroll" tabindex="-1"><div class="CodeMirror-sizer" style="margin-left: 28px; margin-bottom: 0px; border-right-width: 0px; padding-right: 0px; padding-bottom: 0px;"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines" role="presentation"><div role="presentation" style="position: relative; outline: none;"><div class="CodeMirror-measure"><pre><span>xxxxxxxxxx</span></pre><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>1</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-code" role="presentation"><div class="CodeMirror-activeline" style="position: relative;"><div class="CodeMirror-activeline-background CodeMirror-linebackground"></div><div class="CodeMirror-gutter-background CodeMirror-activeline-gutter" style="left: -27.9948px; width: 28px;"></div><div class="CodeMirror-gutter-wrapper CodeMirror-activeline-gutter" style="left: -27.9948px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt CodeMirror-linenumber-show" style="left: 0px; width: 19px;">1</div></div><pre class=" CodeMirror-line " role="presentation"><span role="presentation" style="padding-right: 0.1px;"><span class="cm-variable">String</span> <span class="cm-def">readFileLine</span>(<span class="cm-keyword">const</span> <span class="cm-variable-3">char*</span> <span class="cm-variable">path</span>, <span class="cm-variable-3">int</span> <span class="cm-variable">num</span>);</span></pre></div></div></div></div></div></div><div style="position: absolute; height: 0px; width: 1px; border-bottom: 0px solid transparent; top: 23px;"></div><div class="CodeMirror-gutters" style="height: 23px;"><div class="CodeMirror-gutter CodeMirror-linenumbers" style="width: 27px;"></div></div></div></div></pre><p><span>读取 </span><strong><span>.txt</span></strong><span> 文本的某一行，源代码来自</span><a href='https://github.com/peng-zhihui/HoloCubic'><span>peng-zhihui/HoloCubic</span></a><span>。</span></p><p> </p><pre class="md-fences md-end-block md-fences-with-lineno ty-contain-cm modeLoaded" spellcheck="false" lang="c"><div class="CodeMirror cm-s-inner cm-s-null-scroll CodeMirror-wrap" lang="c"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 9.34259px; left: 35.9809px;"><textarea autocorrect="off" autocapitalize="off" spellcheck="false" tabindex="0" style="position: absolute; bottom: -1em; padding: 0px; width: 1000px; height: 1em; outline: none;"></textarea></div><div class="CodeMirror-scrollbar-filler" cm-not-content="true"></div><div class="CodeMirror-gutter-filler" cm-not-content="true"></div><div class="CodeMirror-scroll" tabindex="-1"><div class="CodeMirror-sizer" style="margin-left: 28px; margin-bottom: 0px; border-right-width: 0px; padding-right: 0px; padding-bottom: 0px;"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines" role="presentation"><div role="presentation" style="position: relative; outline: none;"><div class="CodeMirror-measure"><pre><span>xxxxxxxxxx</span></pre><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>1</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-code" role="presentation"><div class="CodeMirror-activeline" style="position: relative;"><div class="CodeMirror-activeline-background CodeMirror-linebackground"></div><div class="CodeMirror-gutter-background CodeMirror-activeline-gutter" style="left: -27.9948px; width: 28px;"></div><div class="CodeMirror-gutter-wrapper CodeMirror-activeline-gutter" style="left: -27.9948px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt CodeMirror-linenumber-show" style="left: 0px; width: 19px;">1</div></div><pre class=" CodeMirror-line " role="presentation"><span role="presentation" style="padding-right: 0.1px;"><span class="cm-variable-3">void</span> <span class="cm-def">BleAudio</span>();</span></pre></div></div></div></div></div></div><div style="position: absolute; height: 0px; width: 1px; border-bottom: 0px solid transparent; top: 23px;"></div><div class="CodeMirror-gutters" style="height: 23px;"><div class="CodeMirror-gutter CodeMirror-linenumbers" style="width: 27px;"></div></div></div></div></pre><p><span>蓝牙音频接收，来自</span><a href='https://github.com/pschatzmann/ESP32-A2DP'><span>ESP32-A2DP</span></a><span>。</span></p><p> </p><pre class="md-fences md-end-block md-fences-with-lineno ty-contain-cm modeLoaded" spellcheck="false" lang="c"><div class="CodeMirror cm-s-inner cm-s-null-scroll CodeMirror-wrap" lang="c"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 9.22681px; left: 35.9809px;"><textarea autocorrect="off" autocapitalize="off" spellcheck="false" tabindex="0" style="position: absolute; bottom: -1em; padding: 0px; width: 1000px; height: 1em; outline: none;"></textarea></div><div class="CodeMirror-scrollbar-filler" cm-not-content="true"></div><div class="CodeMirror-gutter-filler" cm-not-content="true"></div><div class="CodeMirror-scroll" tabindex="-1"><div class="CodeMirror-sizer" style="margin-left: 28px; margin-bottom: 0px; border-right-width: 0px; padding-right: 0px; padding-bottom: 0px;"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines" role="presentation"><div role="presentation" style="position: relative; outline: none;"><div class="CodeMirror-measure"><pre><span>xxxxxxxxxx</span></pre><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>1</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-code" role="presentation"><div class="CodeMirror-activeline" style="position: relative;"><div class="CodeMirror-activeline-background CodeMirror-linebackground"></div><div class="CodeMirror-gutter-background CodeMirror-activeline-gutter" style="left: -27.9948px; width: 28px;"></div><div class="CodeMirror-gutter-wrapper CodeMirror-activeline-gutter" style="left: -27.9948px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt CodeMirror-linenumber-show" style="left: 0px; width: 19px;">1</div></div><pre class=" CodeMirror-line " role="presentation"><span role="presentation" style="padding-right: 0.1px;"><span class="cm-variable-3">void</span> <span class="cm-def">CreatCrollWords</span>(<span class="cm-variable-3">int</span> <span class="cm-variable">IWIDTH</span>, <span class="cm-variable-3">int</span> <span class="cm-variable">IHEIGHT</span>, <span class="cm-variable-3">int</span> <span class="cm-variable">WAIT</span>, <span class="cm-variable-3">int</span> <span class="cm-variable">X</span>, <span class="cm-variable-3">int</span> <span class="cm-variable">Y</span>,<span class="cm-variable-3">int</span> <span class="cm-variable">size</span>,<span class="cm-variable-3">int</span> <span class="cm-variable">font</span>, <span class="cm-variable-3">uint16_t</span> <span class="cm-variable">TextColor</span>, <span class="cm-variable">String</span> <span class="cm-variable">msg</span>);</span></pre></div></div></div></div></div></div><div style="position: absolute; height: 0px; width: 1px; border-bottom: 0px solid transparent; top: 45px;"></div><div class="CodeMirror-gutters" style="height: 45px;"><div class="CodeMirror-gutter CodeMirror-linenumbers" style="width: 27px;"></div></div></div></div></pre><p><span>创建滚动文字，修改自</span><a href='https://github.com/Bodmer/TFT_eSPI'><span>TFT_eSPI</span></a><span>。</span></p><p> </p><pre class="md-fences md-end-block md-fences-with-lineno ty-contain-cm modeLoaded" spellcheck="false" lang="c"><div class="CodeMirror cm-s-inner cm-s-null-scroll CodeMirror-wrap" lang="c"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 9.34259px; left: 35.9809px;"><textarea autocorrect="off" autocapitalize="off" spellcheck="false" tabindex="0" style="position: absolute; bottom: -1em; padding: 0px; width: 1000px; height: 1em; outline: none;"></textarea></div><div class="CodeMirror-scrollbar-filler" cm-not-content="true"></div><div class="CodeMirror-gutter-filler" cm-not-content="true"></div><div class="CodeMirror-scroll" tabindex="-1"><div class="CodeMirror-sizer" style="margin-left: 28px; margin-bottom: 0px; border-right-width: 0px; padding-right: 0px; padding-bottom: 0px;"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines" role="presentation"><div role="presentation" style="position: relative; outline: none;"><div class="CodeMirror-measure"><pre><span>xxxxxxxxxx</span></pre><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>1</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-code" role="presentation"><div class="CodeMirror-activeline" style="position: relative;"><div class="CodeMirror-activeline-background CodeMirror-linebackground"></div><div class="CodeMirror-gutter-background CodeMirror-activeline-gutter" style="left: -27.9948px; width: 28px;"></div><div class="CodeMirror-gutter-wrapper CodeMirror-activeline-gutter" style="left: -27.9948px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt CodeMirror-linenumber-show" style="left: 0px; width: 19px;">1</div></div><pre class=" CodeMirror-line " role="presentation"><span role="presentation" style="padding-right: 0.1px;"><span class="cm-variable-3">void</span> <span class="cm-def">GetfromMometer</span>();</span></pre></div></div></div></div></div></div><div style="position: absolute; height: 0px; width: 1px; border-bottom: 0px solid transparent; top: 23px;"></div><div class="CodeMirror-gutters" style="height: 23px;"><div class="CodeMirror-gutter CodeMirror-linenumbers" style="width: 27px;"></div></div></div></div></pre><p><span>从SHT30获得温湿度数据，修改自</span><a href='https://github.com/Risele/SHT3x'><span>SHT3x: Arduino library for Sensorion SHT3x</span></a><span>。</span></p><p> </p><pre class="md-fences md-end-block md-fences-with-lineno ty-contain-cm modeLoaded" spellcheck="false" lang="c"><div class="CodeMirror cm-s-inner cm-s-null-scroll CodeMirror-wrap" lang="c"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 9.34259px; left: 35.9809px;"><textarea autocorrect="off" autocapitalize="off" spellcheck="false" tabindex="0" style="position: absolute; bottom: -1em; padding: 0px; width: 1000px; height: 1em; outline: none;"></textarea></div><div class="CodeMirror-scrollbar-filler" cm-not-content="true"></div><div class="CodeMirror-gutter-filler" cm-not-content="true"></div><div class="CodeMirror-scroll" tabindex="-1"><div class="CodeMirror-sizer" style="margin-left: 28px; margin-bottom: 0px; border-right-width: 0px; padding-right: 0px; padding-bottom: 0px;"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines" role="presentation"><div role="presentation" style="position: relative; outline: none;"><div class="CodeMirror-measure"><pre><span>xxxxxxxxxx</span></pre><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>1</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-code" role="presentation"><div class="CodeMirror-activeline" style="position: relative;"><div class="CodeMirror-activeline-background CodeMirror-linebackground"></div><div class="CodeMirror-gutter-background CodeMirror-activeline-gutter" style="left: -27.9948px; width: 28px;"></div><div class="CodeMirror-gutter-wrapper CodeMirror-activeline-gutter" style="left: -27.9948px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt CodeMirror-linenumber-show" style="left: 0px; width: 19px;">1</div></div><pre class=" CodeMirror-line " role="presentation"><span role="presentation" style="padding-right: 0.1px;"><span class="cm-variable-3">void</span> <span class="cm-def">getNetTime</span>();</span></pre></div></div></div></div></div></div><div style="position: absolute; height: 0px; width: 1px; border-bottom: 0px solid transparent; top: 23px;"></div><div class="CodeMirror-gutters" style="height: 23px;"><div class="CodeMirror-gutter CodeMirror-linenumbers" style="width: 27px;"></div></div></div></div></pre><p><span>获取网络时间，修改自</span><a href='https://github.com/arduino-libraries/NTPClient'><span>NTPClient</span></a><span>。</span></p><p> </p><pre class="md-fences md-end-block md-fences-with-lineno ty-contain-cm modeLoaded" spellcheck="false" lang="c"><div class="CodeMirror cm-s-inner cm-s-null-scroll CodeMirror-wrap" lang="c"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 9.34259px; left: 35.9809px;"><textarea autocorrect="off" autocapitalize="off" spellcheck="false" tabindex="0" style="position: absolute; bottom: -1em; padding: 0px; width: 1000px; height: 1em; outline: none;"></textarea></div><div class="CodeMirror-scrollbar-filler" cm-not-content="true"></div><div class="CodeMirror-gutter-filler" cm-not-content="true"></div><div class="CodeMirror-scroll" tabindex="-1"><div class="CodeMirror-sizer" style="margin-left: 28px; margin-bottom: 0px; border-right-width: 0px; padding-right: 0px; padding-bottom: 0px;"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines" role="presentation"><div role="presentation" style="position: relative; outline: none;"><div class="CodeMirror-measure"><pre><span>xxxxxxxxxx</span></pre><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>1</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-code" role="presentation"><div class="CodeMirror-activeline" style="position: relative;"><div class="CodeMirror-activeline-background CodeMirror-linebackground"></div><div class="CodeMirror-gutter-background CodeMirror-activeline-gutter" style="left: -27.9948px; width: 28px;"></div><div class="CodeMirror-gutter-wrapper CodeMirror-activeline-gutter" style="left: -27.9948px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt CodeMirror-linenumber-show" style="left: 0px; width: 19px;">1</div></div><pre class=" CodeMirror-line " role="presentation"><span role="presentation" style="padding-right: 0.1px;"><span class="cm-variable-3">void</span> <span class="cm-def">WiFiInit</span>(<span class="cm-variable">String</span> <span class="cm-variable">Mode</span>);</span></pre></div></div></div></div></div></div><div style="position: absolute; height: 0px; width: 1px; border-bottom: 0px solid transparent; top: 23px;"></div><div class="CodeMirror-gutters" style="height: 23px;"><div class="CodeMirror-gutter CodeMirror-linenumbers" style="width: 27px;"></div></div></div></div></pre><p><span>初始化网络，可选STA/AP模式。</span></p><p> </p><pre class="md-fences md-end-block md-fences-with-lineno ty-contain-cm modeLoaded" spellcheck="false" lang="c"><div class="CodeMirror cm-s-inner cm-s-null-scroll CodeMirror-wrap" lang="c"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 9.34259px; left: 35.9809px;"><textarea autocorrect="off" autocapitalize="off" spellcheck="false" tabindex="0" style="position: absolute; bottom: -1em; padding: 0px; width: 1000px; height: 1em; outline: none;"></textarea></div><div class="CodeMirror-scrollbar-filler" cm-not-content="true"></div><div class="CodeMirror-gutter-filler" cm-not-content="true"></div><div class="CodeMirror-scroll" tabindex="-1"><div class="CodeMirror-sizer" style="margin-left: 28px; margin-bottom: 0px; border-right-width: 0px; padding-right: 0px; padding-bottom: 0px;"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines" role="presentation"><div role="presentation" style="position: relative; outline: none;"><div class="CodeMirror-measure"><pre><span>xxxxxxxxxx</span></pre><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>1</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-code" role="presentation"><div class="CodeMirror-activeline" style="position: relative;"><div class="CodeMirror-activeline-background CodeMirror-linebackground"></div><div class="CodeMirror-gutter-background CodeMirror-activeline-gutter" style="left: -27.9948px; width: 28px;"></div><div class="CodeMirror-gutter-wrapper CodeMirror-activeline-gutter" style="left: -27.9948px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt CodeMirror-linenumber-show" style="left: 0px; width: 19px;">1</div></div><pre class=" CodeMirror-line " role="presentation"><span role="presentation" style="padding-right: 0.1px;"><span class="cm-variable-3">void</span> <span class="cm-def">File_transfer_init</span>();</span></pre></div></div></div></div></div></div><div style="position: absolute; height: 0px; width: 1px; border-bottom: 0px solid transparent; top: 23px;"></div><div class="CodeMirror-gutters" style="height: 23px;"><div class="CodeMirror-gutter CodeMirror-linenumbers" style="width: 27px;"></div></div></div></div></pre><p><span>无线文件传输功能，修改自</span><a href='https://www.bilibili.com/video/BV1r34117746'><span>教你做一个ESP32-SD卡服务器</span><em><span>哔哩哔哩</span></em><span>bilibili</span></a></p><hr /><p><a href='https://github.com/SoTWild/ESP-HMI/blob/main/ESP32-HMI/include/Main.h'><span>Main.h</span></a><span> 这是应用：</span></p><blockquote><p><span>Sounder 音乐播放器</span></p><p><span>Vision 视频播放器</span></p><p><span>画图</span></p><p><span>Ebook 电子书阅读器</span></p><p><span>Game 小游戏</span></p><p><span>Album 相册</span></p><p><span>Settings 设置</span></p><p><span>Calculator计算器、函数绘图器</span></p><p><span>Thermometer温湿度计</span></p><p><span>文件上传</span></p><p><span>网络</span></p><p><span>任务管理器（资源查看器）</span></p></blockquote><hr /><p><a href='https://github.com/SoTWild/ESP-HMI/blob/main/ESP32-HMI/include/MjpegClass.h'><span>MjpegClass.h</span></a><span> 这是mjpeg解码库。</span></p><hr /><p><a href='https://github.com/SoTWild/ESP-HMI/blob/main/ESP32-HMI/src/main.cpp'><span>main.cpp</span></a><span> 开机时执行的程序，包括：</span></p><blockquote><p><span>1）加载串口</span></p><p><span>2）屏幕初始化</span></p><p><span>3）触摸初始化</span></p><p><span>4）挂载SD卡</span></p><p><span>5）连接 Wi-Fi</span></p><p><span>6）读取设置文件</span></p><p><span>7）用户登录</span></p><p><span>8）运行 MainPage(); 主页程序</span></p></blockquote><hr /><h3 id='文件系统'><span>文件系统：</span></h3><p><span>主要有</span><strong><span>两个</span></strong><span>文件夹：</span></p><p><strong><span>System：</span></strong><span>包含系统配置信息、应用图标、默认图标、控件图标等</span></p><p><strong><span>User：</span></strong><span>各用户文件</span></p><hr /><h3 id='应用-2'><span>应用：</span></h3><h4 id='sounder-音乐播放器'><span>Sounder 音乐播放器：</span></h4><h6 id='需要两个文件夹分别存放音乐jpg封面图片可选）和mp3音乐文件'><span>需要</span><strong><span>两个</span></strong><span>文件夹，分别存放音乐</span><strong><span>JPG</span></strong><span>封面图片（可选）和</span><strong><span>MP3</span></strong><span>音乐文件。</span></h6><p><span>注：封面图片大小需 </span><strong><span>≤ 240 x 240</span></strong><span>。</span></p><pre class="md-fences md-end-block md-fences-with-lineno ty-contain-cm modeLoaded" spellcheck="false" lang="c"><div class="CodeMirror cm-s-inner cm-s-null-scroll CodeMirror-wrap" lang="c"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 9.34259px; left: 35.9809px;"><textarea autocorrect="off" autocapitalize="off" spellcheck="false" tabindex="0" style="position: absolute; bottom: -1em; padding: 0px; width: 1000px; height: 1em; outline: none;"></textarea></div><div class="CodeMirror-scrollbar-filler" cm-not-content="true"></div><div class="CodeMirror-gutter-filler" cm-not-content="true"></div><div class="CodeMirror-scroll" tabindex="-1"><div class="CodeMirror-sizer" style="margin-left: 28px; margin-bottom: 0px; border-right-width: 0px; padding-right: 0px; padding-bottom: 0px;"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines" role="presentation"><div role="presentation" style="position: relative; outline: none;"><div class="CodeMirror-measure"><pre><span>xxxxxxxxxx</span></pre><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>2</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-code" role="presentation"><div class="CodeMirror-activeline" style="position: relative;"><div class="CodeMirror-activeline-background CodeMirror-linebackground"></div><div class="CodeMirror-gutter-background CodeMirror-activeline-gutter" style="left: -27.9948px; width: 28px;"></div><div class="CodeMirror-gutter-wrapper CodeMirror-activeline-gutter" style="left: -27.9948px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt CodeMirror-linenumber-show" style="left: 0px; width: 19px;">1</div></div><pre class=" CodeMirror-line " role="presentation"><span role="presentation" style="padding-right: 0.1px;">.<span class="cm-variable">jpg的路径：</span><span class="cm-operator">/</span><span class="cm-variable">User</span><span class="cm-operator">/</span><span class="cm-variable">登录的用户名</span><span class="cm-operator">/</span><span class="cm-variable">Data</span><span class="cm-operator">/</span><span class="cm-variable">Music</span><span class="cm-operator">/</span><span class="cm-variable">MusicCover</span><span class="cm-operator">/</span><span class="cm-variable">xxx</span>.<span class="cm-variable">jpg</span></span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="left: -27.9948px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt CodeMirror-linenumber-show" style="left: 0px; width: 19px;">2</div></div><pre class=" CodeMirror-line " role="presentation"><span role="presentation" style="padding-right: 0.1px;">.<span class="cm-variable">mp3的路径：</span><span class="cm-operator">/</span><span class="cm-variable">User</span><span class="cm-operator">/</span><span class="cm-variable">登录的用户名</span><span class="cm-operator">/</span><span class="cm-variable">Data</span><span class="cm-operator">/</span><span class="cm-variable">Music</span><span class="cm-operator">/</span><span class="cm-variable">MusicData</span><span class="cm-operator">/</span><span class="cm-variable">xxx</span>.<span class="cm-variable">mp3</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 0px; width: 1px; border-bottom: 0px solid transparent; top: 45px;"></div><div class="CodeMirror-gutters" style="height: 45px;"><div class="CodeMirror-gutter CodeMirror-linenumbers" style="width: 27px;"></div></div></div></div></pre><p><span>特点：只要添加（合适）名称的.mp3文件和</span><strong><span>同名</span></strong><span>的封面文件，系统即可</span><strong><span>自动识别</span></strong><span>音乐文件和封面文件。</span></p><p><strong><span>核心</span></strong><span>实现方法：依靠以下函数每次</span><strong><span>开机</span></strong><span>时</span><strong><span>读取指定位置的文件</span></strong><span>并将</span><strong><span>文件路径</span></strong><span>写入</span><strong><span>对应的配置文件</span></strong><span>中。</span></p><p><span>然后系统调用</span><code>readFileLine();</code><span>函数读取配置文件，得到目标文件位置。</span></p><pre class="md-fences md-end-block md-fences-with-lineno ty-contain-cm modeLoaded" spellcheck="false" lang="c"><div class="CodeMirror cm-s-inner cm-s-null-scroll CodeMirror-wrap" lang="c"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 9.34259px; left: 35.9809px;"><textarea autocorrect="off" autocapitalize="off" spellcheck="false" tabindex="0" style="position: absolute; bottom: -1em; padding: 0px; width: 1000px; height: 1em; outline: none;"></textarea></div><div class="CodeMirror-scrollbar-filler" cm-not-content="true"></div><div class="CodeMirror-gutter-filler" cm-not-content="true"></div><div class="CodeMirror-scroll" tabindex="-1"><div class="CodeMirror-sizer" style="margin-left: 28px; margin-bottom: 0px; border-right-width: 0px; padding-right: 0px; padding-bottom: 0px;"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines" role="presentation"><div role="presentation" style="position: relative; outline: none;"><div class="CodeMirror-measure"><pre><span>xxxxxxxxxx</span></pre><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>1</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-code" role="presentation"><div class="CodeMirror-activeline" style="position: relative;"><div class="CodeMirror-activeline-background CodeMirror-linebackground"></div><div class="CodeMirror-gutter-background CodeMirror-activeline-gutter" style="left: -27.9948px; width: 28px;"></div><div class="CodeMirror-gutter-wrapper CodeMirror-activeline-gutter" style="left: -27.9948px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt CodeMirror-linenumber-show" style="left: 0px; width: 19px;">1</div></div><pre class=" CodeMirror-line " role="presentation"><span role="presentation" style="padding-right: 0.1px;"><span class="cm-variable-3">void</span> <span class="cm-def">listDir</span>(<span class="cm-variable">fs</span>::<span class="cm-variable">FS</span> <span class="cm-operator">&</span><span class="cm-variable">fs</span>, <span class="cm-keyword">const</span> <span class="cm-variable-3">char</span> <span class="cm-variable-3">*</span> <span class="cm-variable">dirname</span>, <span class="cm-variable-3">uint8_t</span> <span class="cm-variable">levels</span>);</span></pre></div></div></div></div></div></div><div style="position: absolute; height: 0px; width: 1px; border-bottom: 0px solid transparent; top: 23px;"></div><div class="CodeMirror-gutters" style="height: 23px;"><div class="CodeMirror-gutter CodeMirror-linenumbers" style="width: 27px;"></div></div></div></div></pre><pre class="md-fences md-end-block md-fences-with-lineno ty-contain-cm modeLoaded" spellcheck="false" lang="c"><div class="CodeMirror cm-s-inner cm-s-null-scroll CodeMirror-wrap" lang="c"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 9.34259px; left: 35.9809px;"><textarea autocorrect="off" autocapitalize="off" spellcheck="false" tabindex="0" style="position: absolute; bottom: -1em; padding: 0px; width: 1000px; height: 1em; outline: none;"></textarea></div><div class="CodeMirror-scrollbar-filler" cm-not-content="true"></div><div class="CodeMirror-gutter-filler" cm-not-content="true"></div><div class="CodeMirror-scroll" tabindex="-1"><div class="CodeMirror-sizer" style="margin-left: 28px; margin-bottom: 0px; border-right-width: 0px; padding-right: 0px; padding-bottom: 0px;"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines" role="presentation"><div role="presentation" style="position: relative; outline: none;"><div class="CodeMirror-measure"><pre><span>xxxxxxxxxx</span></pre><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>1</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-code" role="presentation"><div class="CodeMirror-activeline" style="position: relative;"><div class="CodeMirror-activeline-background CodeMirror-linebackground"></div><div class="CodeMirror-gutter-background CodeMirror-activeline-gutter" style="left: -27.9948px; width: 28px;"></div><div class="CodeMirror-gutter-wrapper CodeMirror-activeline-gutter" style="left: -27.9948px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt CodeMirror-linenumber-show" style="left: 0px; width: 19px;">1</div></div><pre class=" CodeMirror-line " role="presentation"><span role="presentation" style="padding-right: 0.1px;"><span class="cm-variable-3">void</span> <span class="cm-def">appendDir</span>(<span class="cm-variable">fs</span>::<span class="cm-variable">FS</span> <span class="cm-operator">&</span><span class="cm-variable">fs</span>, <span class="cm-keyword">const</span> <span class="cm-variable-3">char</span> <span class="cm-variable-3">*</span> <span class="cm-variable">dirname</span>, <span class="cm-variable">String</span> <span class="cm-variable">filename</span>, <span class="cm-variable-3">uint8_t</span> <span class="cm-variable">levels</span>);</span></pre></div></div></div></div></div></div><div style="position: absolute; height: 0px; width: 1px; border-bottom: 0px solid transparent; top: 23px;"></div><div class="CodeMirror-gutters" style="height: 23px;"><div class="CodeMirror-gutter CodeMirror-linenumbers" style="width: 27px;"></div></div></div></div></pre><h6 id='配置文件路径分别是封面路径和音乐路径'><span>配置文件路径，分别是封面路径和音乐路径：</span></h6><pre class="md-fences md-end-block md-fences-with-lineno ty-contain-cm modeLoaded" spellcheck="false" lang="c"><div class="CodeMirror cm-s-inner cm-s-null-scroll CodeMirror-wrap" lang="c"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 9.34259px; left: 35.9809px;"><textarea autocorrect="off" autocapitalize="off" spellcheck="false" tabindex="0" style="position: absolute; bottom: -1em; padding: 0px; width: 1000px; height: 1em; outline: none;"></textarea></div><div class="CodeMirror-scrollbar-filler" cm-not-content="true"></div><div class="CodeMirror-gutter-filler" cm-not-content="true"></div><div class="CodeMirror-scroll" tabindex="-1"><div class="CodeMirror-sizer" style="margin-left: 28px; margin-bottom: 0px; border-right-width: 0px; padding-right: 0px; padding-bottom: 0px;"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines" role="presentation"><div role="presentation" style="position: relative; outline: none;"><div class="CodeMirror-measure"><pre><span>xxxxxxxxxx</span></pre><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>2</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-code" role="presentation"><div class="CodeMirror-activeline" style="position: relative;"><div class="CodeMirror-activeline-background CodeMirror-linebackground"></div><div class="CodeMirror-gutter-background CodeMirror-activeline-gutter" style="left: -27.9948px; width: 28px;"></div><div class="CodeMirror-gutter-wrapper CodeMirror-activeline-gutter" style="left: -27.9948px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt CodeMirror-linenumber-show" style="left: 0px; width: 19px;">1</div></div><pre class=" CodeMirror-line " role="presentation"><span role="presentation" style="padding-right: 0.1px;"><span class="cm-operator">/</span><span class="cm-variable">User</span><span class="cm-operator">/</span><span class="cm-variable">登录的用户名</span><span class="cm-operator">/</span><span class="cm-variable">Config</span><span class="cm-operator">/</span><span class="cm-variable">MusicCoverConfig</span>.<span class="cm-variable">txt</span></span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="left: -27.9948px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt CodeMirror-linenumber-show" style="left: 0px; width: 19px;">2</div></div><pre class=" CodeMirror-line " role="presentation"><span role="presentation" style="padding-right: 0.1px;"><span class="cm-operator">/</span><span class="cm-variable">User</span><span class="cm-operator">/</span><span class="cm-variable">登录的用户名</span><span class="cm-operator">/</span><span class="cm-variable">Config</span><span class="cm-operator">/</span><span class="cm-variable">MusicConfig</span>.<span class="cm-variable">txt</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 0px; width: 1px; border-bottom: 0px solid transparent; top: 45px;"></div><div class="CodeMirror-gutters" style="height: 45px;"><div class="CodeMirror-gutter CodeMirror-linenumbers" style="width: 27px;"></div></div></div></div></pre><p><span>注：系统首先通过</span><strong><span>截取字符串</span></strong><span>从</span><strong><span>读取到的</span></strong><span>文件路径中获取</span><strong><span>文件名</span></strong><span>，用户选中文件名后再填补出文件路径。</span></p><blockquote><p><span>取字符串的前i个字符：</span><code>str=str.substring(0,i);</code></p><p><span>去掉字符串的前i个字符：</span><code>str=str.substring(i);</code><span> </span></p><p><span>从右边开始取i个字符：</span><code>str=str.substring(str.length()-i);</code><span> </span><code>str=str.substring(str.length()-i,str.length());</code></p><p><span>从右边开始去掉i个字符：</span><code>str=str.substring(0,str.Length-i);</code></p><p><a href='https://blog.csdn.net/xinyuezitang/article/details/88850802'><span>常用的字符串截取方法</span></a></p></blockquote><p><code>sizeof(str)</code><span>获取字符串</span><strong><span>长度</span></strong><span>。</span></p><p><code>(str).c_str()</code><span>String转char。</span></p><h4 id='vision-视频播放器'><span>Vision 视频播放器：</span></h4><p><span>和Sounder的实现方法</span><strong><span>大同小异</span></strong><span>，添加了显示封面图片的功能。</span></p><h6 id='必须要3个文件分别是封面mjpegpcm'><span>必须要3个文件，分别是封面、mjpeg、pcm。</span></h6><p><span>原因：系统读取</span><code>VideoCover</code><span>文件夹内文件，根据</span><strong><span>封面</span></strong><span>文件名</span><strong><span>截取字符串</span></strong><span>得出</span><strong><span>文件名</span></strong><span>，后</span><strong><span>添加后缀</span></strong><span>得出</span><strong><span>其余文件名</span></strong><span>。</span></p><p><span>注：封面大小需 </span><strong><span>≤ 180 x 100</span></strong><span>。</span></p><pre class="md-fences md-end-block md-fences-with-lineno ty-contain-cm modeLoaded" spellcheck="false" lang="c"><div class="CodeMirror cm-s-inner cm-s-null-scroll CodeMirror-wrap" lang="c"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 9.34259px; left: 35.9809px;"><textarea autocorrect="off" autocapitalize="off" spellcheck="false" tabindex="0" style="position: absolute; bottom: -1em; padding: 0px; width: 1000px; height: 1em; outline: none;"></textarea></div><div class="CodeMirror-scrollbar-filler" cm-not-content="true"></div><div class="CodeMirror-gutter-filler" cm-not-content="true"></div><div class="CodeMirror-scroll" tabindex="-1"><div class="CodeMirror-sizer" style="margin-left: 28px; margin-bottom: 0px; border-right-width: 0px; padding-right: 0px; padding-bottom: 0px;"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines" role="presentation"><div role="presentation" style="position: relative; outline: none;"><div class="CodeMirror-measure"><pre><span>xxxxxxxxxx</span></pre><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>3</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-code" role="presentation"><div class="CodeMirror-activeline" style="position: relative;"><div class="CodeMirror-activeline-background CodeMirror-linebackground"></div><div class="CodeMirror-gutter-background CodeMirror-activeline-gutter" style="left: -27.9948px; width: 28px;"></div><div class="CodeMirror-gutter-wrapper CodeMirror-activeline-gutter" style="left: -27.9948px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt CodeMirror-linenumber-show" style="left: 0px; width: 19px;">1</div></div><pre class=" CodeMirror-line " role="presentation"><span role="presentation" style="padding-right: 0.1px;">.<span class="cm-variable">jpg的路径：</span><span class="cm-operator">/</span><span class="cm-variable">User</span><span class="cm-operator">/</span><span class="cm-variable">登录的用户名</span><span class="cm-operator">/</span><span class="cm-variable">Data</span><span class="cm-operator">/</span><span class="cm-variable">Video</span><span class="cm-operator">/</span><span class="cm-variable">VideoCover</span><span class="cm-operator">/</span><span class="cm-variable">xxx</span>.<span class="cm-variable">jpg</span></span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="left: -27.9948px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 19px;">2</div></div><pre class=" CodeMirror-line " role="presentation"><span role="presentation" style="padding-right: 0.1px;">.<span class="cm-variable">mjpeg的路径：</span><span class="cm-operator">/</span><span class="cm-variable">User</span><span class="cm-operator">/</span><span class="cm-variable">登录的用户名</span><span class="cm-operator">/</span><span class="cm-variable">Data</span><span class="cm-operator">/</span><span class="cm-variable">Video</span><span class="cm-operator">/</span><span class="cm-variable">VideoData</span><span class="cm-operator">/</span><span class="cm-variable">xxx</span>.<span class="cm-variable">mjpeg</span></span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="left: -27.9948px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt CodeMirror-linenumber-show" style="left: 0px; width: 19px;">3</div></div><pre class=" CodeMirror-line " role="presentation"><span role="presentation" style="padding-right: 0.1px;">.<span class="cm-variable">pcm的路径：</span><span class="cm-operator">/</span><span class="cm-variable">User</span><span class="cm-operator">/</span><span class="cm-variable">登录的用户名</span><span class="cm-operator">/</span><span class="cm-variable">Data</span><span class="cm-operator">/</span><span class="cm-variable">Video</span><span class="cm-operator">/</span><span class="cm-variable">VideoData</span><span class="cm-operator">/</span><span class="cm-variable">xxx</span>.<span class="cm-variable">pcm</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 0px; width: 1px; border-bottom: 0px solid transparent; top: 68px;"></div><div class="CodeMirror-gutters" style="height: 68px;"><div class="CodeMirror-gutter CodeMirror-linenumbers" style="width: 27px;"></div></div></div></div></pre><p><strong><span>.mp4转.mjpeg</span></strong><span>的方法：下载</span><strong><span>ffmpeg</span></strong><span>，</span><a href='https://www.instructables.com/Play-Video-With-ESP32/'><span>Play Video With ESP32</span></a><span>，使用指令：</span></p><pre class="md-fences md-end-block md-fences-with-lineno ty-contain-cm modeLoaded" spellcheck="false" lang="cmd"><div class="CodeMirror cm-s-inner cm-s-null-scroll CodeMirror-wrap" lang="cmd"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 9.34259px; left: 35.9809px;"><textarea autocorrect="off" autocapitalize="off" spellcheck="false" tabindex="0" style="position: absolute; bottom: -1em; padding: 0px; width: 1000px; height: 1em; outline: none;"></textarea></div><div class="CodeMirror-scrollbar-filler" cm-not-content="true"></div><div class="CodeMirror-gutter-filler" cm-not-content="true"></div><div class="CodeMirror-scroll" tabindex="-1"><div class="CodeMirror-sizer" style="margin-left: 28px; margin-bottom: 0px; border-right-width: 0px; padding-right: 0px; padding-bottom: 0px;"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines" role="presentation"><div role="presentation" style="position: relative; outline: none;"><div class="CodeMirror-measure"><pre><span>xxxxxxxxxx</span></pre><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>1</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-code" role="presentation"><div class="CodeMirror-activeline" style="position: relative;"><div class="CodeMirror-activeline-background CodeMirror-linebackground"></div><div class="CodeMirror-gutter-background CodeMirror-activeline-gutter" style="left: -27.9948px; width: 28px;"></div><div class="CodeMirror-gutter-wrapper CodeMirror-activeline-gutter" style="left: -27.9948px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt CodeMirror-linenumber-show" style="left: 0px; width: 19px;">1</div></div><pre class=" CodeMirror-line " role="presentation"><span role="presentation" style="padding-right: 0.1px;"><span class="cm-identifier">ffmpeg</span> <span class="cm-operator">-</span><span class="cm-identifier">i</span> <span class="cm-identifier">input</span><span class="cm-punctuation">.</span><span class="cm-identifier">mp4</span> <span class="cm-operator">-</span><span class="cm-identifier">vf</span> <span class="cm-string">"fps=30"</span> <span class="cm-identifier">output</span><span class="cm-punctuation">.</span><span class="cm-identifier">mjpeg</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 0px; width: 1px; border-bottom: 0px solid transparent; top: 23px;"></div><div class="CodeMirror-gutters" style="height: 23px;"><div class="CodeMirror-gutter CodeMirror-linenumbers" style="width: 27px;"></div></div></div></div></pre><p><span>注：可以用ffmpeg调整视频序列设置或者提前准备合适的视频。</span></p><p><span>这是</span><strong><span>.mp4转.pcm</span></strong><span>：</span></p><pre class="md-fences md-end-block md-fences-with-lineno ty-contain-cm modeLoaded" spellcheck="false" lang="cmd"><div class="CodeMirror cm-s-inner cm-s-null-scroll CodeMirror-wrap" lang="cmd"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 9.34259px; left: 35.9809px;"><textarea autocorrect="off" autocapitalize="off" spellcheck="false" tabindex="0" style="position: absolute; bottom: -1em; padding: 0px; width: 1000px; height: 1em; outline: none;"></textarea></div><div class="CodeMirror-scrollbar-filler" cm-not-content="true"></div><div class="CodeMirror-gutter-filler" cm-not-content="true"></div><div class="CodeMirror-scroll" tabindex="-1"><div class="CodeMirror-sizer" style="margin-left: 28px; margin-bottom: 0px; border-right-width: 0px; padding-right: 0px; padding-bottom: 0px;"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines" role="presentation"><div role="presentation" style="position: relative; outline: none;"><div class="CodeMirror-measure"><pre><span>xxxxxxxxxx</span></pre><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>1</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-code" role="presentation"><div class="CodeMirror-activeline" style="position: relative;"><div class="CodeMirror-activeline-background CodeMirror-linebackground"></div><div class="CodeMirror-gutter-background CodeMirror-activeline-gutter" style="left: -27.9948px; width: 28px;"></div><div class="CodeMirror-gutter-wrapper CodeMirror-activeline-gutter" style="left: -27.9948px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt CodeMirror-linenumber-show" style="left: 0px; width: 19px;">1</div></div><pre class=" CodeMirror-line " role="presentation"><span role="presentation" style="padding-right: 0.1px;"><span class="cm-identifier">ffmpeg</span> <span class="cm-operator">-</span><span class="cm-identifier">i</span> <span class="cm-identifier">input</span><span class="cm-punctuation">.</span><span class="cm-identifier">mp4</span> <span class="cm-operator">-f</span> <span class="cm-identifier">u16be</span> <span class="cm-operator">-</span><span class="cm-identifier">acodec</span> <span class="cm-identifier">pcm_u16le</span> <span class="cm-operator">-</span><span class="cm-identifier">ar</span> <span class="cm-number">44100</span> <span class="cm-operator">-</span><span class="cm-builtin">ac</span> <span class="cm-number">1</span> <span class="cm-identifier">output</span><span class="cm-punctuation">.</span><span class="cm-identifier">pcm</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 0px; width: 1px; border-bottom: 0px solid transparent; top: 23px;"></div><div class="CodeMirror-gutters" style="height: 23px;"><div class="CodeMirror-gutter CodeMirror-linenumbers" style="width: 27px;"></div></div></div></div></pre><h4 id='画图'><span>画图：</span></h4><p><span>修改自</span><strong><span>TFT_Touch</span></strong><span>库中的</span><strong><span>Draw</span></strong><span>实例。</span></p><h4 id='ebook-电子书阅读器'><span>Ebook 电子书阅读器：</span></h4><p><span>和Sounder的实现方法</span><strong><span>大同小异</span></strong><span>，添加了显示封面图片的功能。</span></p><p><span>读取文件函数为</span><code>String readFileLine(const char* path, int num);</code></p><h6 id='必须要两个文件'><span>必须要</span><strong><span>两</span></strong><span>个文件：</span></h6><p><span>注：封面大小需 </span><strong><span>≤ 140 x 200</span></strong><span>。</span></p><pre class="md-fences md-end-block md-fences-with-lineno ty-contain-cm modeLoaded" spellcheck="false" lang="c"><div class="CodeMirror cm-s-inner cm-s-null-scroll CodeMirror-wrap" lang="c"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 9.34259px; left: 35.9809px;"><textarea autocorrect="off" autocapitalize="off" spellcheck="false" tabindex="0" style="position: absolute; bottom: -1em; padding: 0px; width: 1000px; height: 1em; outline: none;"></textarea></div><div class="CodeMirror-scrollbar-filler" cm-not-content="true"></div><div class="CodeMirror-gutter-filler" cm-not-content="true"></div><div class="CodeMirror-scroll" tabindex="-1"><div class="CodeMirror-sizer" style="margin-left: 28px; margin-bottom: 0px; border-right-width: 0px; padding-right: 0px; padding-bottom: 0px;"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines" role="presentation"><div role="presentation" style="position: relative; outline: none;"><div class="CodeMirror-measure"><pre><span>xxxxxxxxxx</span></pre><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>2</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-code" role="presentation"><div class="CodeMirror-activeline" style="position: relative;"><div class="CodeMirror-activeline-background CodeMirror-linebackground"></div><div class="CodeMirror-gutter-background CodeMirror-activeline-gutter" style="left: -27.9948px; width: 28px;"></div><div class="CodeMirror-gutter-wrapper CodeMirror-activeline-gutter" style="left: -27.9948px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt CodeMirror-linenumber-show" style="left: 0px; width: 19px;">1</div></div><pre class=" CodeMirror-line " role="presentation"><span role="presentation" style="padding-right: 0.1px;">.<span class="cm-variable">jpg的路径：</span><span class="cm-operator">/</span><span class="cm-variable">User</span><span class="cm-operator">/</span><span class="cm-variable">登录的用户名</span><span class="cm-operator">/</span><span class="cm-variable">Data</span><span class="cm-operator">/</span><span class="cm-variable">Ebook</span><span class="cm-operator">/</span><span class="cm-variable">EbookCover</span><span class="cm-operator">/</span><span class="cm-variable">xxx</span>.<span class="cm-variable">jpg</span></span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="left: -27.9948px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt CodeMirror-linenumber-show" style="left: 0px; width: 19px;">2</div></div><pre class=" CodeMirror-line " role="presentation"><span role="presentation" style="padding-right: 0.1px;">.<span class="cm-variable">mjpeg的路径：</span><span class="cm-operator">/</span><span class="cm-variable">User</span><span class="cm-operator">/</span><span class="cm-variable">登录的用户名</span><span class="cm-operator">/</span><span class="cm-variable">Data</span><span class="cm-operator">/</span><span class="cm-variable">Ebook</span><span class="cm-operator">/</span><span class="cm-variable">EbookData</span><span class="cm-operator">/</span><span class="cm-variable">xxx</span>.<span class="cm-variable">txt</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 0px; width: 1px; border-bottom: 0px solid transparent; top: 45px;"></div><div class="CodeMirror-gutters" style="height: 45px;"><div class="CodeMirror-gutter CodeMirror-linenumbers" style="width: 27px;"></div></div></div></div></pre><h4 id='game-小游戏'><span>Game 小游戏：</span></h4><p><span>移植了同人作品</span><strong><span>《玩弄蕾米莉亚的红色恶魔晚餐》</span></strong><span>中</span><strong><span>“咲夜时停搬物”</span></strong><span>游戏。</span></p><p><del><span>相当简单</span></del></p><h6 id='文件路径-1'><span>文件路径：</span></h6><pre class="md-fences md-end-block md-fences-with-lineno ty-contain-cm modeLoaded" spellcheck="false" lang="c"><div class="CodeMirror cm-s-inner cm-s-null-scroll CodeMirror-wrap" lang="c"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 9.34259px; left: 35.9809px;"><textarea autocorrect="off" autocapitalize="off" spellcheck="false" tabindex="0" style="position: absolute; bottom: -1em; padding: 0px; width: 1000px; height: 1em; outline: none;"></textarea></div><div class="CodeMirror-scrollbar-filler" cm-not-content="true"></div><div class="CodeMirror-gutter-filler" cm-not-content="true"></div><div class="CodeMirror-scroll" tabindex="-1"><div class="CodeMirror-sizer" style="margin-left: 28px; margin-bottom: 0px; border-right-width: 0px; padding-right: 0px; padding-bottom: 0px;"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines" role="presentation"><div role="presentation" style="position: relative; outline: none;"><div class="CodeMirror-measure"><pre><span>xxxxxxxxxx</span></pre><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>1</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-code" role="presentation"><div class="CodeMirror-activeline" style="position: relative;"><div class="CodeMirror-activeline-background CodeMirror-linebackground"></div><div class="CodeMirror-gutter-background CodeMirror-activeline-gutter" style="left: -27.9948px; width: 28px;"></div><div class="CodeMirror-gutter-wrapper CodeMirror-activeline-gutter" style="left: -27.9948px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt CodeMirror-linenumber-show" style="left: 0px; width: 19px;">1</div></div><pre class=" CodeMirror-line " role="presentation"><span role="presentation" style="padding-right: 0.1px;"><span class="cm-operator">/</span><span class="cm-variable">User</span><span class="cm-operator">/</span><span class="cm-variable">登录的用户名</span><span class="cm-operator">/</span><span class="cm-variable">Data</span><span class="cm-operator">/</span><span class="cm-variable">Game</span><span class="cm-operator">/</span><span class="cm-variable">TouHou</span><span class="cm-operator">/</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 0px; width: 1px; border-bottom: 0px solid transparent; top: 23px;"></div><div class="CodeMirror-gutters" style="height: 23px;"><div class="CodeMirror-gutter CodeMirror-linenumbers" style="width: 27px;"></div></div></div></div></pre><h4 id='album-相册'><span>Album 相册：</span></h4><p><span>和Sounder的实现方法</span><strong><span>大同小异</span></strong><span>。</span></p><h6 id='文件路径-2'><span>文件路径：</span></h6><p><span>注：图片大小需 </span><strong><span>≤ 480 x 320</span></strong><span>。</span></p><pre class="md-fences md-end-block md-fences-with-lineno ty-contain-cm modeLoaded" spellcheck="false" lang="c"><div class="CodeMirror cm-s-inner cm-s-null-scroll CodeMirror-wrap" lang="c"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 9.34259px; left: 35.9809px;"><textarea autocorrect="off" autocapitalize="off" spellcheck="false" tabindex="0" style="position: absolute; bottom: -1em; padding: 0px; width: 1000px; height: 1em; outline: none;"></textarea></div><div class="CodeMirror-scrollbar-filler" cm-not-content="true"></div><div class="CodeMirror-gutter-filler" cm-not-content="true"></div><div class="CodeMirror-scroll" tabindex="-1"><div class="CodeMirror-sizer" style="margin-left: 28px; margin-bottom: 0px; border-right-width: 0px; padding-right: 0px; padding-bottom: 0px;"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines" role="presentation"><div role="presentation" style="position: relative; outline: none;"><div class="CodeMirror-measure"><pre><span>xxxxxxxxxx</span></pre><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>1</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-code" role="presentation"><div class="CodeMirror-activeline" style="position: relative;"><div class="CodeMirror-activeline-background CodeMirror-linebackground"></div><div class="CodeMirror-gutter-background CodeMirror-activeline-gutter" style="left: -27.9948px; width: 28px;"></div><div class="CodeMirror-gutter-wrapper CodeMirror-activeline-gutter" style="left: -27.9948px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt CodeMirror-linenumber-show" style="left: 0px; width: 19px;">1</div></div><pre class=" CodeMirror-line " role="presentation"><span role="presentation" style="padding-right: 0.1px;"><span class="cm-operator">/</span><span class="cm-variable">User</span><span class="cm-operator">/</span><span class="cm-variable">登录的用户名</span><span class="cm-operator">/</span><span class="cm-variable">Data</span><span class="cm-operator">/</span><span class="cm-variable">Image</span><span class="cm-operator">/</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 0px; width: 1px; border-bottom: 0px solid transparent; top: 23px;"></div><div class="CodeMirror-gutters" style="height: 23px;"><div class="CodeMirror-gutter CodeMirror-linenumbers" style="width: 27px;"></div></div></div></div></pre><h4 id='settings-设置'><span>Settings 设置：</span></h4><p><span>待修改完善。</span></p><h4 id='calculator计算器函数绘图器'><span>Calculator计算器、函数绘图器：</span></h4><p><span>核心函数</span><code>String::toFloat(void)</code><span>触摸键盘添加字符串，再将字符串转换为可运算的数据类型。</span></p><p><strong><span>某些计算会有误差</span></strong></p><p><span>函数绘图器未编写完成。</span></p><h4 id='thermometer温湿度计'><span>Thermometer温湿度计：</span></h4><p><span>单纯刷屏</span></p><h4 id='文件上传'><span>文件上传：</span></h4><p><span>修改自</span><a href='https://www.bilibili.com/video/BV1r34117746'><span>教你做一个ESP32-SD卡服务器</span></a><span>，添加了</span><strong><span>在线查看</span></strong><span>功能、不同用户</span><strong><span>分区</span></strong><span>功能、用户名密码</span><strong><span>登录</span></strong><span>功能。</span></p><p><span>使用</span><strong><span>AP</span></strong><span>模式</span><strong><span>直连ESP32</span></strong><span>时文件下载速度</span><strong><span>最高可达350KB/s</span></strong><span>，稳定在</span><strong><span>330 ~ 350KB/s</span></strong><span>。</span></p><p><span>使用</span><strong><span>STA</span></strong><span>模式将ESP-HMI</span><strong><span>连接至路由器</span></strong><span>时下载速度</span><strong><span>最高327KB/s</span></strong><span>，稳定在</span><strong><span>200KB/s</span></strong><span>（路由器旁）。</span><strong><span>远离</span></strong><span>路由器时</span><strong><span>只有18KB/s</span></strong><span>，因此</span><strong><span>推荐使用AP模式</span></strong><span>。</span></p><h6 id='文件保存路径'><span>文件保存路径：</span></h6><pre class="md-fences md-end-block md-fences-with-lineno ty-contain-cm modeLoaded" spellcheck="false" lang="c"><div class="CodeMirror cm-s-inner cm-s-null-scroll CodeMirror-wrap" lang="c"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 9.34259px; left: 35.9809px;"><textarea autocorrect="off" autocapitalize="off" spellcheck="false" tabindex="0" style="position: absolute; bottom: -1em; padding: 0px; width: 1000px; height: 1em; outline: none;"></textarea></div><div class="CodeMirror-scrollbar-filler" cm-not-content="true"></div><div class="CodeMirror-gutter-filler" cm-not-content="true"></div><div class="CodeMirror-scroll" tabindex="-1"><div class="CodeMirror-sizer" style="margin-left: 28px; margin-bottom: 0px; border-right-width: 0px; padding-right: 0px; padding-bottom: 0px;"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines" role="presentation"><div role="presentation" style="position: relative; outline: none;"><div class="CodeMirror-measure"><pre><span>xxxxxxxxxx</span></pre><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>1</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-code" role="presentation"><div class="CodeMirror-activeline" style="position: relative;"><div class="CodeMirror-activeline-background CodeMirror-linebackground"></div><div class="CodeMirror-gutter-background CodeMirror-activeline-gutter" style="left: -27.9948px; width: 28px;"></div><div class="CodeMirror-gutter-wrapper CodeMirror-activeline-gutter" style="left: -27.9948px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt CodeMirror-linenumber-show" style="left: 0px; width: 19px;">1</div></div><pre class=" CodeMirror-line " role="presentation"><span role="presentation" style="padding-right: 0.1px;"><span class="cm-operator">/</span><span class="cm-variable">User</span><span class="cm-operator">/</span><span class="cm-variable">登录的用户名</span><span class="cm-operator">/</span><span class="cm-variable">Data</span><span class="cm-operator">/</span><span class="cm-variable">upload</span><span class="cm-operator">/</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 0px; width: 1px; border-bottom: 0px solid transparent; top: 23px;"></div><div class="CodeMirror-gutters" style="height: 23px;"><div class="CodeMirror-gutter CodeMirror-linenumbers" style="width: 27px;"></div></div></div></div></pre><h4 id='网络'><span>网络：</span></h4><p><span>可以选择</span><strong><span>AP</span></strong><span>模式或</span><strong><span>STA</span></strong><span>模式。</span></p><h4 id='任务管理器资源查看器）'><span>任务管理器（资源查看器）：</span></h4><h6 id='显示内容'><span>显示内容：</span></h6><blockquote><p><span>CPU：频率、运行时间</span></p><p><span>RAM：芯片RAM、SPI RAM</span></p><p><span>ROM：Flash大小、Flash速度、SD卡大小</span></p><p><span>Battery：电池电压、剩余百分比、预计使用时间</span></p><p><span>WiFi：当前模式、IP地址、SSID、MAC地址</span></p><p><span>Temperature：温度（不是CPU温度）</span></p></blockquote><p><span>后续会添加真正意义上的“任务管理”功能。</span></p><hr /><h2 id='esp-hmi-注意事项'><span>ESP-HMI 注意事项：</span></h2><h3 id='--硬件'><span>- 硬件：</span></h3><p><span>（1）PCB上要将</span><strong><span>IO25与XPT2046的T_CLK断开</span></strong><span>，</span><strong><span>将T_CLK和IO0连接</span></strong><span>。</span></p><p><span>原因：</span><strong><span>IO25</span></strong><span>和</span><strong><span>IO26</span></strong><span>为</span><strong><span>ESP32 DAC</span></strong><span> 的两个通道，音频输出时与触摸屏时钟信号</span><strong><span>冲突</span></strong><span>，会导致音频播放时（后）无法触摸。</span></p><p><span>（2）如果追求完美，建议重新设计</span><strong><span>WT8302</span></strong><span>和</span><strong><span>PCF8563</span></strong><span>的电路，并且将DC-DC设计在偏僻位置。</span></p><p><span>原因：原设计有缺陷，根据</span><strong><span>信号测量</span></strong><span>可以判定</span><strong><span>失败</span></strong><span>。</span></p><p><img src="https://s3.bmp.ovh/imgs/2022/10/29/05a10152abf33ff3.jpg" referrerpolicy="no-referrer"></p><p><img src="https://s3.bmp.ovh/imgs/2022/10/29/000c899e9800d003.jpg" referrerpolicy="no-referrer"></p><center>电源纹波</center><p><img src="https://s3.bmp.ovh/imgs/2022/10/29/7cfef5e36d0e23e2.jpg" referrerpolicy="no-referrer"></p><center>晶振波形，已经失控了</center><p><span>（3）音频质量有限，但还是能接受。</span></p><p><span>原因：ESP32 DAC 精度为 </span><strong><span>8-bit</span></strong><span>，理论只可以输出</span><strong><span>256</span></strong><span>个值。</span></p><p><img src="https://s3.bmp.ovh/imgs/2022/10/29/249324eb40188aec.jpg" referrerpolicy="no-referrer"></p><center>放大后的音频波形</center><p><span>（4）在（1）中，断开</span><code>IO25</code><span>后，可以将其连接上耳机插座，实现双声道。</span></p><p><span>原因：ESP32 中，</span><code>IO25</code><span> 为 </span><strong><span>DAC Channel 1</span></strong><span>，是</span><strong><span>左</span></strong><span>声道；</span><code>IO26</code><span> 为 </span><strong><span>DAC Channel 2</span></strong><span>，是</span><strong><span>右</span></strong><span>声道。原设计中耳机的</span><strong><span>两声道并联</span></strong><span>，由 </span><code>IO26</code><span> 提供</span><strong><span>右</span></strong><span>声道信号。</span></p><p><span>（5）注意屏幕插座要买</span><strong><span>插接上接式40p插座</span></strong><span>，</span><strong><span>而不是翻盖式</span></strong><span>。</span></p><p><span>原因：翻盖式虽然好用，但一开始设计是插接式，没注意到，是我踩过的坑。</span></p><hr /><h3 id='--软件'><span>- 软件：</span></h3><p><span>（1）使用了两个TFT库（TFT_eSPI、Arduino GFX），分别负责</span><strong><span>绘制GUI</span></strong><span>和</span><strong><span>播放Mjpeg视频</span></strong><span>。</span></p><p><span>原因：TFT_eSPI用得比较熟悉……</span><img src="https://i0.hdslb.com/bfs/emote/3087d273a78ccaff4bb1e9972e2ba2a7583c9f11.png" style="zoom:20%;" /></p><p><span>（2）不同的触摸模块需要配置（校准、设置旋转方向）</span></p><pre class="md-fences md-end-block md-fences-with-lineno ty-contain-cm modeLoaded" spellcheck="false" lang="c"><div class="CodeMirror cm-s-inner cm-s-null-scroll CodeMirror-wrap" lang="c"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 9.22705px; left: 35.9809px;"><textarea autocorrect="off" autocapitalize="off" spellcheck="false" tabindex="0" style="position: absolute; bottom: -1em; padding: 0px; width: 1000px; height: 1em; outline: none;"></textarea></div><div class="CodeMirror-scrollbar-filler" cm-not-content="true"></div><div class="CodeMirror-gutter-filler" cm-not-content="true"></div><div class="CodeMirror-scroll" tabindex="-1"><div class="CodeMirror-sizer" style="margin-left: 28px; margin-bottom: 0px; border-right-width: 0px; padding-right: 0px; padding-bottom: 0px;"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines" role="presentation"><div role="presentation" style="position: relative; outline: none;"><div class="CodeMirror-measure"><pre><span>xxxxxxxxxx</span></pre><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>2</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-code" role="presentation"><div class="CodeMirror-activeline" style="position: relative;"><div class="CodeMirror-activeline-background CodeMirror-linebackground"></div><div class="CodeMirror-gutter-background CodeMirror-activeline-gutter" style="left: -27.9948px; width: 28px;"></div><div class="CodeMirror-gutter-wrapper CodeMirror-activeline-gutter" style="left: -27.9948px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt CodeMirror-linenumber-show" style="left: 0px; width: 19px;">1</div></div><pre class=" CodeMirror-line " role="presentation"><span role="presentation" style="padding-right: 0.1px;"><span class="cm-variable-3">void</span> <span class="cm-def">setCal</span>(<span class="cm-variable-3">uint16_t</span> <span class="cm-variable">xmin</span>, <span class="cm-variable-3">uint16_t</span> <span class="cm-variable">xmax</span>, <span class="cm-variable-3">uint16_t</span> <span class="cm-variable">ymin</span>, <span class="cm-variable-3">uint16_t</span> <span class="cm-variable">ymax</span>, <span class="cm-variable-3">uint16_t</span> <span class="cm-variable">xres</span>, <span class="cm-variable-3">uint16_t</span> <span class="cm-variable">yres</span>, <span class="cm-variable">boolean</span> <span class="cm-variable">axis</span>);</span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="left: -27.9948px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt CodeMirror-linenumber-show" style="left: 0px; width: 19px;">2</div></div><pre class=" CodeMirror-line " role="presentation"><span role="presentation" style="padding-right: 0.1px;"><span class="cm-variable-3">void</span> <span class="cm-def">setRotation</span>(<span class="cm-variable">byte</span> <span class="cm-variable">rotation</span>);</span></pre></div></div></div></div></div></div><div style="position: absolute; height: 0px; width: 1px; border-bottom: 0px solid transparent; top: 68px;"></div><div class="CodeMirror-gutters" style="height: 68px;"><div class="CodeMirror-gutter CodeMirror-linenumbers" style="width: 27px;"></div></div></div></div></pre><p><span>注：代码中</span><code>setRotation</code><span>有</span><strong><span>多处</span></strong><span>需要修改。</span></p><p><span>（3）在TFT_eSPI库</span><code>/User_Setups/Setup21_ILI9488.h</code><span>中，设置了</span><code>SPI_FREQUENCY</code><span>为</span><strong><span>40MHz</span></strong><span>，80MHz会出现</span><strong><span>花屏</span></strong><span>现象。</span></p><p><span>注：若将屏幕更换为</span><strong><span>ST7796</span></strong><span>驱动芯片的类型再</span><strong><span>优化PCB布线</span></strong><span>可能会解决花屏问题（待测试）</span></p><p><img src="https://s3.bmp.ovh/imgs/2022/10/29/547a915b916ece67.jpg" referrerpolicy="no-referrer"></p><center>修改前的CLK信号：40MHz</center><p><img src="https://s3.bmp.ovh/imgs/2022/10/29/34607370573d189a.jpg" referrerpolicy="no-referrer"></p><center>修改后的CLK信号：80MHz</center><p><span>（4）本项目文件夹中</span><code>SD</code><span>文件夹内名为</span><code>NewUserDemo</code><span>的文件夹用途是</span><strong><span>创建新用户时复制粘贴到</span><code>User</code><span>文件夹内</span></strong><span>以</span><code>生成文件系统</code><span>用的。</span></p><p><span>（5）</span><strong><span>电池电压和百分比</span></strong><span>的计算方法比较粗糙，百分比算法是：</span></p><div contenteditable="false" spellcheck="false" class="mathjax-block md-end-block md-math-block md-rawblock" id="mathjax-n790" cid="n790" mdtype="math_block" data-math-tag-before="0" data-math-tag-after="0" data-math-labels="[]"><div class="md-rawblock-container md-math-container" tabindex="-1"><mjx-container class="MathJax" jax="SVG" display="true" style="position: relative;"><svg xmlns="http://www.w3.org/2000/svg" width="26.772ex" height="5.285ex" role="img" focusable="false" viewBox="0 -1426 11833 2336" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" style="vertical-align: -2.059ex;"><defs><path id="MJX-15-TEX-N-2212" d="M84 237T84 250T98 270H679Q694 262 694 250T679 230H98Q84 237 84 250Z"></path><path id="MJX-15-TEX-N-D7" d="M630 29Q630 9 609 9Q604 9 587 25T493 118L389 222L284 117Q178 13 175 11Q171 9 168 9Q160 9 154 15T147 29Q147 36 161 51T255 146L359 250L255 354Q174 435 161 449T147 471Q147 480 153 485T168 490Q173 490 175 489Q178 487 284 383L389 278L493 382Q570 459 587 475T609 491Q630 491 630 471Q630 464 620 453T522 355L418 250L522 145Q606 61 618 48T630 29Z"></path><path id="MJX-15-TEX-N-31" d="M213 578L200 573Q186 568 160 563T102 556H83V602H102Q149 604 189 617T245 641T273 663Q275 666 285 666Q294 666 302 660V361L303 61Q310 54 315 52T339 48T401 46H427V0H416Q395 3 257 3Q121 3 100 0H88V46H114Q136 46 152 46T177 47T193 50T201 52T207 57T213 61V578Z"></path><path id="MJX-15-TEX-N-30" d="M96 585Q152 666 249 666Q297 666 345 640T423 548Q460 465 460 320Q460 165 417 83Q397 41 362 16T301 -15T250 -22Q224 -22 198 -16T137 16T82 83Q39 165 39 320Q39 494 96 585ZM321 597Q291 629 250 629Q208 629 178 597Q153 571 145 525T137 333Q137 175 145 125T181 46Q209 16 250 16Q290 16 318 46Q347 76 354 130T362 333Q362 478 354 524T321 597Z"></path><path id="MJX-15-TEX-N-25" d="M465 605Q428 605 394 614T340 632T319 641Q332 608 332 548Q332 458 293 403T202 347Q145 347 101 402T56 548Q56 637 101 693T202 750Q241 750 272 719Q359 642 464 642Q580 642 650 732Q662 748 668 749Q670 750 673 750Q682 750 688 743T693 726Q178 -47 170 -52Q166 -56 160 -56Q147 -56 142 -45Q137 -36 142 -27Q143 -24 363 304Q469 462 525 546T581 630Q528 605 465 605ZM207 385Q235 385 263 427T292 548Q292 617 267 664T200 712Q193 712 186 709T167 698T147 668T134 615Q132 595 132 548V527Q132 436 165 403Q183 385 203 385H207ZM500 146Q500 234 544 290T647 347Q699 347 737 292T776 146T737 0T646 -56Q590 -56 545 0T500 146ZM651 -18Q679 -18 707 24T736 146Q736 215 711 262T644 309Q637 309 630 306T611 295T591 265T578 212Q577 200 577 146V124Q577 -18 647 -18H651Z"></path></defs><g stroke="currentColor" fill="currentColor" stroke-width="0" transform="scale(1,-1)"><g data-mml-node="math"><g data-mml-node="mfrac"><g data-mml-node="mrow" transform="translate(633.4,676)"><g data-mml-node="mtext"><text data-variant="normal" transform="scale(1,-1)" font-size="827.1px" font-family="serif">采</text></g><g data-mml-node="mtext" transform="translate(826.9,0)"><text data-variant="normal" transform="scale(1,-1)" font-size="827.1px" font-family="serif">样</text></g><g data-mml-node="mtext" transform="translate(1653.8,0)"><text data-variant="normal" transform="scale(1,-1)" font-size="827.1px" font-family="serif">值</text></g><g data-mml-node="mo" transform="translate(2702.9,0)"><use data-c="2212" xlink:href="#MJX-15-TEX-N-2212"></use></g><g data-mml-node="mtext" transform="translate(3703.1,0)"><text data-variant="normal" transform="scale(1,-1)" font-size="827.1px" font-family="serif">关</text></g><g data-mml-node="mtext" transform="translate(4530,0)"><text data-variant="normal" transform="scale(1,-1)" font-size="827.1px" font-family="serif">机</text></g><g data-mml-node="mtext" transform="translate(5356.9,0)"><text data-variant="normal" transform="scale(1,-1)" font-size="827.1px" font-family="serif">电</text></g><g data-mml-node="mtext" transform="translate(6183.8,0)"><text data-variant="normal" transform="scale(1,-1)" font-size="827.1px" font-family="serif">压</text></g></g><g data-mml-node="mrow" transform="translate(220,-710)"><g data-mml-node="mtext"><text data-variant="normal" transform="scale(1,-1)" font-size="827.1px" font-family="serif">满</text></g><g data-mml-node="mtext" transform="translate(826.9,0)"><text data-variant="normal" transform="scale(1,-1)" font-size="827.1px" font-family="serif">电</text></g><g data-mml-node="mtext" transform="translate(1653.8,0)"><text data-variant="normal" transform="scale(1,-1)" font-size="827.1px" font-family="serif">电</text></g><g data-mml-node="mtext" transform="translate(2480.7,0)"><text data-variant="normal" transform="scale(1,-1)" font-size="827.1px" font-family="serif">压</text></g><g data-mml-node="mo" transform="translate(3529.8,0)"><use data-c="2212" xlink:href="#MJX-15-TEX-N-2212"></use></g><g data-mml-node="mtext" transform="translate(4530,0)"><text data-variant="normal" transform="scale(1,-1)" font-size="827.1px" font-family="serif">关</text></g><g data-mml-node="mtext" transform="translate(5356.9,0)"><text data-variant="normal" transform="scale(1,-1)" font-size="827.1px" font-family="serif">机</text></g><g data-mml-node="mtext" transform="translate(6183.8,0)"><text data-variant="normal" transform="scale(1,-1)" font-size="827.1px" font-family="serif">电</text></g><g data-mml-node="mtext" transform="translate(7010.7,0)"><text data-variant="normal" transform="scale(1,-1)" font-size="827.1px" font-family="serif">压</text></g></g><rect width="8037.6" height="60" x="120" y="220"></rect></g><g data-mml-node="mo" transform="translate(8499.8,0)"><use data-c="D7" xlink:href="#MJX-15-TEX-N-D7"></use></g><g data-mml-node="mn" transform="translate(9500,0)"><use data-c="31" xlink:href="#MJX-15-TEX-N-31"></use><use data-c="30" xlink:href="#MJX-15-TEX-N-30" transform="translate(500,0)"></use><use data-c="30" xlink:href="#MJX-15-TEX-N-30" transform="translate(1000,0)"></use></g><g data-mml-node="mi" transform="translate(11000,0)"><use data-c="25" xlink:href="#MJX-15-TEX-N-25"></use></g></g></g></svg><mjx-assistive-mml unselectable="on" display="block"><math xmlns="http://www.w3.org/1998/Math/MathML" display="block"><mfrac><mrow><mtext>采</mtext><mtext>样</mtext><mtext>值</mtext><mo>−</mo><mtext>关</mtext><mtext>机</mtext><mtext>电</mtext><mtext>压</mtext></mrow><mrow><mtext>满</mtext><mtext>电</mtext><mtext>电</mtext><mtext>压</mtext><mo>−</mo><mtext>关</mtext><mtext>机</mtext><mtext>电</mtext><mtext>压</mtext></mrow></mfrac><mo>×</mo><mn>100</mn><mi mathvariant="normal">%</mi></math></mjx-assistive-mml></mjx-container></div></div><p><span>这里设置关机电压为</span><mjx-container class="MathJax" jax="SVG" style="position: relative;"><svg xmlns="http://www.w3.org/2000/svg" width="4.631ex" height="1.595ex" role="img" focusable="false" viewBox="0 -683 2047 705" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" style="vertical-align: -0.05ex;"><defs><path id="MJX-25-TEX-N-33" d="M127 463Q100 463 85 480T69 524Q69 579 117 622T233 665Q268 665 277 664Q351 652 390 611T430 522Q430 470 396 421T302 350L299 348Q299 347 308 345T337 336T375 315Q457 262 457 175Q457 96 395 37T238 -22Q158 -22 100 21T42 130Q42 158 60 175T105 193Q133 193 151 175T169 130Q169 119 166 110T159 94T148 82T136 74T126 70T118 67L114 66Q165 21 238 21Q293 21 321 74Q338 107 338 175V195Q338 290 274 322Q259 328 213 329L171 330L168 332Q166 335 166 348Q166 366 174 366Q202 366 232 371Q266 376 294 413T322 525V533Q322 590 287 612Q265 626 240 626Q208 626 181 615T143 592T132 580H135Q138 579 143 578T153 573T165 566T175 555T183 540T186 520Q186 498 172 481T127 463Z"></path><path id="MJX-25-TEX-N-2E" d="M78 60Q78 84 95 102T138 120Q162 120 180 104T199 61Q199 36 182 18T139 0T96 17T78 60Z"></path><path id="MJX-25-TEX-N-35" d="M164 157Q164 133 148 117T109 101H102Q148 22 224 22Q294 22 326 82Q345 115 345 210Q345 313 318 349Q292 382 260 382H254Q176 382 136 314Q132 307 129 306T114 304Q97 304 95 310Q93 314 93 485V614Q93 664 98 664Q100 666 102 666Q103 666 123 658T178 642T253 634Q324 634 389 662Q397 666 402 666Q410 666 410 648V635Q328 538 205 538Q174 538 149 544L139 546V374Q158 388 169 396T205 412T256 420Q337 420 393 355T449 201Q449 109 385 44T229 -22Q148 -22 99 32T50 154Q50 178 61 192T84 210T107 214Q132 214 148 197T164 157Z"></path><path id="MJX-25-TEX-I-1D449" d="M52 648Q52 670 65 683H76Q118 680 181 680Q299 680 320 683H330Q336 677 336 674T334 656Q329 641 325 637H304Q282 635 274 635Q245 630 242 620Q242 618 271 369T301 118L374 235Q447 352 520 471T595 594Q599 601 599 609Q599 633 555 637Q537 637 537 648Q537 649 539 661Q542 675 545 679T558 683Q560 683 570 683T604 682T668 681Q737 681 755 683H762Q769 676 769 672Q769 655 760 640Q757 637 743 637Q730 636 719 635T698 630T682 623T670 615T660 608T652 599T645 592L452 282Q272 -9 266 -16Q263 -18 259 -21L241 -22H234Q216 -22 216 -15Q213 -9 177 305Q139 623 138 626Q133 637 76 637H59Q52 642 52 648Z"></path></defs><g stroke="currentColor" fill="currentColor" stroke-width="0" transform="scale(1,-1)"><g data-mml-node="math"><g data-mml-node="mn"><use data-c="33" xlink:href="#MJX-25-TEX-N-33"></use><use data-c="2E" xlink:href="#MJX-25-TEX-N-2E" transform="translate(500,0)"></use><use data-c="35" xlink:href="#MJX-25-TEX-N-35" transform="translate(778,0)"></use></g><g data-mml-node="mi" transform="translate(1278,0)"><use data-c="1D449" xlink:href="#MJX-25-TEX-I-1D449"></use></g></g></g></svg><mjx-assistive-mml unselectable="on" display="inline"><math xmlns="http://www.w3.org/1998/Math/MathML"><mn>3.5</mn><mi>V</mi></math></mjx-assistive-mml></mjx-container><script type="math/tex">3.5V</script><span>。则代码算法是：</span></p><div contenteditable="false" spellcheck="false" class="mathjax-block md-end-block md-math-block md-rawblock" id="mathjax-n792" cid="n792" mdtype="math_block" data-math-tag-before="0" data-math-tag-after="0" data-math-labels="[]"><div class="md-rawblock-container md-math-container" tabindex="-1"><mjx-container class="MathJax" jax="SVG" display="true" style="position: relative;"><svg xmlns="http://www.w3.org/2000/svg" width="47.517ex" height="5.475ex" role="img" focusable="false" viewBox="0 -1460 21002.4 2420" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" style="vertical-align: -2.172ex;"><defs><path id="MJX-16-TEX-I-1D435" d="M231 637Q204 637 199 638T194 649Q194 676 205 682Q206 683 335 683Q594 683 608 681Q671 671 713 636T756 544Q756 480 698 429T565 360L555 357Q619 348 660 311T702 219Q702 146 630 78T453 1Q446 0 242 0Q42 0 39 2Q35 5 35 10Q35 17 37 24Q42 43 47 45Q51 46 62 46H68Q95 46 128 49Q142 52 147 61Q150 65 219 339T288 628Q288 635 231 637ZM649 544Q649 574 634 600T585 634Q578 636 493 637Q473 637 451 637T416 636H403Q388 635 384 626Q382 622 352 506Q352 503 351 500L320 374H401Q482 374 494 376Q554 386 601 434T649 544ZM595 229Q595 273 572 302T512 336Q506 337 429 337Q311 337 310 336Q310 334 293 263T258 122L240 52Q240 48 252 48T333 46Q422 46 429 47Q491 54 543 105T595 229Z"></path><path id="MJX-16-TEX-I-1D44E" d="M33 157Q33 258 109 349T280 441Q331 441 370 392Q386 422 416 422Q429 422 439 414T449 394Q449 381 412 234T374 68Q374 43 381 35T402 26Q411 27 422 35Q443 55 463 131Q469 151 473 152Q475 153 483 153H487Q506 153 506 144Q506 138 501 117T481 63T449 13Q436 0 417 -8Q409 -10 393 -10Q359 -10 336 5T306 36L300 51Q299 52 296 50Q294 48 292 46Q233 -10 172 -10Q117 -10 75 30T33 157ZM351 328Q351 334 346 350T323 385T277 405Q242 405 210 374T160 293Q131 214 119 129Q119 126 119 118T118 106Q118 61 136 44T179 26Q217 26 254 59T298 110Q300 114 325 217T351 328Z"></path><path id="MJX-16-TEX-I-1D461" d="M26 385Q19 392 19 395Q19 399 22 411T27 425Q29 430 36 430T87 431H140L159 511Q162 522 166 540T173 566T179 586T187 603T197 615T211 624T229 626Q247 625 254 615T261 596Q261 589 252 549T232 470L222 433Q222 431 272 431H323Q330 424 330 420Q330 398 317 385H210L174 240Q135 80 135 68Q135 26 162 26Q197 26 230 60T283 144Q285 150 288 151T303 153H307Q322 153 322 145Q322 142 319 133Q314 117 301 95T267 48T216 6T155 -11Q125 -11 98 4T59 56Q57 64 57 83V101L92 241Q127 382 128 383Q128 385 77 385H26Z"></path><path id="MJX-16-TEX-I-1D452" d="M39 168Q39 225 58 272T107 350T174 402T244 433T307 442H310Q355 442 388 420T421 355Q421 265 310 237Q261 224 176 223Q139 223 138 221Q138 219 132 186T125 128Q125 81 146 54T209 26T302 45T394 111Q403 121 406 121Q410 121 419 112T429 98T420 82T390 55T344 24T281 -1T205 -11Q126 -11 83 42T39 168ZM373 353Q367 405 305 405Q272 405 244 391T199 357T170 316T154 280T149 261Q149 260 169 260Q282 260 327 284T373 353Z"></path><path id="MJX-16-TEX-I-1D45F" d="M21 287Q22 290 23 295T28 317T38 348T53 381T73 411T99 433T132 442Q161 442 183 430T214 408T225 388Q227 382 228 382T236 389Q284 441 347 441H350Q398 441 422 400Q430 381 430 363Q430 333 417 315T391 292T366 288Q346 288 334 299T322 328Q322 376 378 392Q356 405 342 405Q286 405 239 331Q229 315 224 298T190 165Q156 25 151 16Q138 -11 108 -11Q95 -11 87 -5T76 7T74 17Q74 30 114 189T154 366Q154 405 128 405Q107 405 92 377T68 316T57 280Q55 278 41 278H27Q21 284 21 287Z"></path><path id="MJX-16-TEX-I-1D466" d="M21 287Q21 301 36 335T84 406T158 442Q199 442 224 419T250 355Q248 336 247 334Q247 331 231 288T198 191T182 105Q182 62 196 45T238 27Q261 27 281 38T312 61T339 94Q339 95 344 114T358 173T377 247Q415 397 419 404Q432 431 462 431Q475 431 483 424T494 412T496 403Q496 390 447 193T391 -23Q363 -106 294 -155T156 -205Q111 -205 77 -183T43 -117Q43 -95 50 -80T69 -58T89 -48T106 -45Q150 -45 150 -87Q150 -107 138 -122T115 -142T102 -147L99 -148Q101 -153 118 -160T152 -167H160Q177 -167 186 -165Q219 -156 247 -127T290 -65T313 -9T321 21L315 17Q309 13 296 6T270 -6Q250 -11 231 -11Q185 -11 150 11T104 82Q103 89 103 113Q103 170 138 262T173 379Q173 380 173 381Q173 390 173 393T169 400T158 404H154Q131 404 112 385T82 344T65 302T57 280Q55 278 41 278H27Q21 284 21 287Z"></path><path id="MJX-16-TEX-I-1D43F" d="M228 637Q194 637 192 641Q191 643 191 649Q191 673 202 682Q204 683 217 683Q271 680 344 680Q485 680 506 683H518Q524 677 524 674T522 656Q517 641 513 637H475Q406 636 394 628Q387 624 380 600T313 336Q297 271 279 198T252 88L243 52Q243 48 252 48T311 46H328Q360 46 379 47T428 54T478 72T522 106T564 161Q580 191 594 228T611 270Q616 273 628 273H641Q647 264 647 262T627 203T583 83T557 9Q555 4 553 3T537 0T494 -1Q483 -1 418 -1T294 0H116Q32 0 32 10Q32 17 34 24Q39 43 44 45Q48 46 59 46H65Q92 46 125 49Q139 52 144 61Q147 65 216 339T285 628Q285 635 228 637Z"></path><path id="MJX-16-TEX-I-1D463" d="M173 380Q173 405 154 405Q130 405 104 376T61 287Q60 286 59 284T58 281T56 279T53 278T49 278T41 278H27Q21 284 21 287Q21 294 29 316T53 368T97 419T160 441Q202 441 225 417T249 361Q249 344 246 335Q246 329 231 291T200 202T182 113Q182 86 187 69Q200 26 250 26Q287 26 319 60T369 139T398 222T409 277Q409 300 401 317T383 343T365 361T357 383Q357 405 376 424T417 443Q436 443 451 425T467 367Q467 340 455 284T418 159T347 40T241 -11Q177 -11 139 22Q102 54 102 117Q102 148 110 181T151 298Q173 362 173 380Z"></path><path id="MJX-16-TEX-I-1D459" d="M117 59Q117 26 142 26Q179 26 205 131Q211 151 215 152Q217 153 225 153H229Q238 153 241 153T246 151T248 144Q247 138 245 128T234 90T214 43T183 6T137 -11Q101 -11 70 11T38 85Q38 97 39 102L104 360Q167 615 167 623Q167 626 166 628T162 632T157 634T149 635T141 636T132 637T122 637Q112 637 109 637T101 638T95 641T94 647Q94 649 96 661Q101 680 107 682T179 688Q194 689 213 690T243 693T254 694Q266 694 266 686Q266 675 193 386T118 83Q118 81 118 75T117 65V59Z"></path><path id="MJX-16-TEX-N-3D" d="M56 347Q56 360 70 367H707Q722 359 722 347Q722 336 708 328L390 327H72Q56 332 56 347ZM56 153Q56 168 72 173H708Q722 163 722 153Q722 140 707 133H70Q56 140 56 153Z"></path><path id="MJX-16-TEX-I-1D43A" d="M50 252Q50 367 117 473T286 641T490 704Q580 704 633 653Q642 643 648 636T656 626L657 623Q660 623 684 649Q691 655 699 663T715 679T725 690L740 705H746Q760 705 760 698Q760 694 728 561Q692 422 692 421Q690 416 687 415T669 413H653Q647 419 647 422Q647 423 648 429T650 449T651 481Q651 552 619 605T510 659Q492 659 471 656T418 643T357 615T294 567T236 496T189 394T158 260Q156 242 156 221Q156 173 170 136T206 79T256 45T308 28T353 24Q407 24 452 47T514 106Q517 114 529 161T541 214Q541 222 528 224T468 227H431Q425 233 425 235T427 254Q431 267 437 273H454Q494 271 594 271Q634 271 659 271T695 272T707 272Q721 272 721 263Q721 261 719 249Q714 230 709 228Q706 227 694 227Q674 227 653 224Q646 221 643 215T629 164Q620 131 614 108Q589 6 586 3Q584 1 581 1Q571 1 553 21T530 52Q530 53 528 52T522 47Q448 -22 322 -22Q201 -22 126 55T50 252Z"></path><path id="MJX-16-TEX-I-1D449" d="M52 648Q52 670 65 683H76Q118 680 181 680Q299 680 320 683H330Q336 677 336 674T334 656Q329 641 325 637H304Q282 635 274 635Q245 630 242 620Q242 618 271 369T301 118L374 235Q447 352 520 471T595 594Q599 601 599 609Q599 633 555 637Q537 637 537 648Q537 649 539 661Q542 675 545 679T558 683Q560 683 570 683T604 682T668 681Q737 681 755 683H762Q769 676 769 672Q769 655 760 640Q757 637 743 637Q730 636 719 635T698 630T682 623T670 615T660 608T652 599T645 592L452 282Q272 -9 266 -16Q263 -18 259 -21L241 -22H234Q216 -22 216 -15Q213 -9 177 305Q139 623 138 626Q133 637 76 637H59Q52 642 52 648Z"></path><path id="MJX-16-TEX-I-1D45C" d="M201 -11Q126 -11 80 38T34 156Q34 221 64 279T146 380Q222 441 301 441Q333 441 341 440Q354 437 367 433T402 417T438 387T464 338T476 268Q476 161 390 75T201 -11ZM121 120Q121 70 147 48T206 26Q250 26 289 58T351 142Q360 163 374 216T388 308Q388 352 370 375Q346 405 306 405Q243 405 195 347Q158 303 140 230T121 120Z"></path><path id="MJX-16-TEX-N-28" d="M94 250Q94 319 104 381T127 488T164 576T202 643T244 695T277 729T302 750H315H319Q333 750 333 741Q333 738 316 720T275 667T226 581T184 443T167 250T184 58T225 -81T274 -167T316 -220T333 -241Q333 -250 318 -250H315H302L274 -226Q180 -141 137 -14T94 250Z"></path><path id="MJX-16-TEX-N-29" d="M60 749L64 750Q69 750 74 750H86L114 726Q208 641 251 514T294 250Q294 182 284 119T261 12T224 -76T186 -143T145 -194T113 -227T90 -246Q87 -249 86 -250H74Q66 -250 63 -250T58 -247T55 -238Q56 -237 66 -225Q221 -64 221 250T66 725Q56 737 55 738Q55 746 60 749Z"></path><path id="MJX-16-TEX-N-2212" d="M84 237T84 250T98 270H679Q694 262 694 250T679 230H98Q84 237 84 250Z"></path><path id="MJX-16-TEX-N-33" d="M127 463Q100 463 85 480T69 524Q69 579 117 622T233 665Q268 665 277 664Q351 652 390 611T430 522Q430 470 396 421T302 350L299 348Q299 347 308 345T337 336T375 315Q457 262 457 175Q457 96 395 37T238 -22Q158 -22 100 21T42 130Q42 158 60 175T105 193Q133 193 151 175T169 130Q169 119 166 110T159 94T148 82T136 74T126 70T118 67L114 66Q165 21 238 21Q293 21 321 74Q338 107 338 175V195Q338 290 274 322Q259 328 213 329L171 330L168 332Q166 335 166 348Q166 366 174 366Q202 366 232 371Q266 376 294 413T322 525V533Q322 590 287 612Q265 626 240 626Q208 626 181 615T143 592T132 580H135Q138 579 143 578T153 573T165 566T175 555T183 540T186 520Q186 498 172 481T127 463Z"></path><path id="MJX-16-TEX-N-2E" d="M78 60Q78 84 95 102T138 120Q162 120 180 104T199 61Q199 36 182 18T139 0T96 17T78 60Z"></path><path id="MJX-16-TEX-N-35" d="M164 157Q164 133 148 117T109 101H102Q148 22 224 22Q294 22 326 82Q345 115 345 210Q345 313 318 349Q292 382 260 382H254Q176 382 136 314Q132 307 129 306T114 304Q97 304 95 310Q93 314 93 485V614Q93 664 98 664Q100 666 102 666Q103 666 123 658T178 642T253 634Q324 634 389 662Q397 666 402 666Q410 666 410 648V635Q328 538 205 538Q174 538 149 544L139 546V374Q158 388 169 396T205 412T256 420Q337 420 393 355T449 201Q449 109 385 44T229 -22Q148 -22 99 32T50 154Q50 178 61 192T84 210T107 214Q132 214 148 197T164 157Z"></path><path id="MJX-16-TEX-N-30" d="M96 585Q152 666 249 666Q297 666 345 640T423 548Q460 465 460 320Q460 165 417 83Q397 41 362 16T301 -15T250 -22Q224 -22 198 -16T137 16T82 83Q39 165 39 320Q39 494 96 585ZM321 597Q291 629 250 629Q208 629 178 597Q153 571 145 525T137 333Q137 175 145 125T181 46Q209 16 250 16Q290 16 318 46Q347 76 354 130T362 333Q362 478 354 524T321 597Z"></path><path id="MJX-16-TEX-N-37" d="M55 458Q56 460 72 567L88 674Q88 676 108 676H128V672Q128 662 143 655T195 646T364 644H485V605L417 512Q408 500 387 472T360 435T339 403T319 367T305 330T292 284T284 230T278 162T275 80Q275 66 275 52T274 28V19Q270 2 255 -10T221 -22Q210 -22 200 -19T179 0T168 40Q168 198 265 368Q285 400 349 489L395 552H302Q128 552 119 546Q113 543 108 522T98 479L95 458V455H55V458Z"></path><path id="MJX-16-TEX-N-34" d="M462 0Q444 3 333 3Q217 3 199 0H190V46H221Q241 46 248 46T265 48T279 53T286 61Q287 63 287 115V165H28V211L179 442Q332 674 334 675Q336 677 355 677H373L379 671V211H471V165H379V114Q379 73 379 66T385 54Q393 47 442 46H471V0H462ZM293 211V545L74 212L183 211H293Z"></path><path id="MJX-16-TEX-N-32" d="M109 429Q82 429 66 447T50 491Q50 562 103 614T235 666Q326 666 387 610T449 465Q449 422 429 383T381 315T301 241Q265 210 201 149L142 93L218 92Q375 92 385 97Q392 99 409 186V189H449V186Q448 183 436 95T421 3V0H50V19V31Q50 38 56 46T86 81Q115 113 136 137Q145 147 170 174T204 211T233 244T261 278T284 308T305 340T320 369T333 401T340 431T343 464Q343 527 309 573T212 619Q179 619 154 602T119 569T109 550Q109 549 114 549Q132 549 151 535T170 489Q170 464 154 447T109 429Z"></path><path id="MJX-16-TEX-N-D7" d="M630 29Q630 9 609 9Q604 9 587 25T493 118L389 222L284 117Q178 13 175 11Q171 9 168 9Q160 9 154 15T147 29Q147 36 161 51T255 146L359 250L255 354Q174 435 161 449T147 471Q147 480 153 485T168 490Q173 490 175 489Q178 487 284 383L389 278L493 382Q570 459 587 475T609 491Q630 491 630 471Q630 464 620 453T522 355L418 250L522 145Q606 61 618 48T630 29Z"></path><path id="MJX-16-TEX-N-31" d="M213 578L200 573Q186 568 160 563T102 556H83V602H102Q149 604 189 617T245 641T273 663Q275 666 285 666Q294 666 302 660V361L303 61Q310 54 315 52T339 48T401 46H427V0H416Q395 3 257 3Q121 3 100 0H88V46H114Q136 46 152 46T177 47T193 50T201 52T207 57T213 61V578Z"></path><path id="MJX-16-TEX-N-25" d="M465 605Q428 605 394 614T340 632T319 641Q332 608 332 548Q332 458 293 403T202 347Q145 347 101 402T56 548Q56 637 101 693T202 750Q241 750 272 719Q359 642 464 642Q580 642 650 732Q662 748 668 749Q670 750 673 750Q682 750 688 743T693 726Q178 -47 170 -52Q166 -56 160 -56Q147 -56 142 -45Q137 -36 142 -27Q143 -24 363 304Q469 462 525 546T581 630Q528 605 465 605ZM207 385Q235 385 263 427T292 548Q292 617 267 664T200 712Q193 712 186 709T167 698T147 668T134 615Q132 595 132 548V527Q132 436 165 403Q183 385 203 385H207ZM500 146Q500 234 544 290T647 347Q699 347 737 292T776 146T737 0T646 -56Q590 -56 545 0T500 146ZM651 -18Q679 -18 707 24T736 146Q736 215 711 262T644 309Q637 309 630 306T611 295T591 265T578 212Q577 200 577 146V124Q577 -18 647 -18H651Z"></path></defs><g stroke="currentColor" fill="currentColor" stroke-width="0" transform="scale(1,-1)"><g data-mml-node="math"><g data-mml-node="mi"><use data-c="1D435" xlink:href="#MJX-16-TEX-I-1D435"></use></g><g data-mml-node="mi" transform="translate(759,0)"><use data-c="1D44E" xlink:href="#MJX-16-TEX-I-1D44E"></use></g><g data-mml-node="mi" transform="translate(1288,0)"><use data-c="1D461" xlink:href="#MJX-16-TEX-I-1D461"></use></g><g data-mml-node="mi" transform="translate(1649,0)"><use data-c="1D461" xlink:href="#MJX-16-TEX-I-1D461"></use></g><g data-mml-node="mi" transform="translate(2010,0)"><use data-c="1D452" xlink:href="#MJX-16-TEX-I-1D452"></use></g><g data-mml-node="mi" transform="translate(2476,0)"><use data-c="1D45F" xlink:href="#MJX-16-TEX-I-1D45F"></use></g><g data-mml-node="mi" transform="translate(2927,0)"><use data-c="1D466" xlink:href="#MJX-16-TEX-I-1D466"></use></g><g data-mml-node="mi" transform="translate(3417,0)"><use data-c="1D43F" xlink:href="#MJX-16-TEX-I-1D43F"></use></g><g data-mml-node="mi" transform="translate(4098,0)"><use data-c="1D452" xlink:href="#MJX-16-TEX-I-1D452"></use></g><g data-mml-node="mi" transform="translate(4564,0)"><use data-c="1D463" xlink:href="#MJX-16-TEX-I-1D463"></use></g><g data-mml-node="mi" transform="translate(5049,0)"><use data-c="1D452" xlink:href="#MJX-16-TEX-I-1D452"></use></g><g data-mml-node="mi" transform="translate(5515,0)"><use data-c="1D459" xlink:href="#MJX-16-TEX-I-1D459"></use></g><g data-mml-node="mo" transform="translate(6090.8,0)"><use data-c="3D" xlink:href="#MJX-16-TEX-N-3D"></use></g><g data-mml-node="mfrac" transform="translate(7146.6,0)"><g data-mml-node="mrow" transform="translate(220,710)"><g data-mml-node="mi"><use data-c="1D43A" xlink:href="#MJX-16-TEX-I-1D43A"></use></g><g data-mml-node="mi" transform="translate(786,0)"><use data-c="1D452" xlink:href="#MJX-16-TEX-I-1D452"></use></g><g data-mml-node="mi" transform="translate(1252,0)"><use data-c="1D461" xlink:href="#MJX-16-TEX-I-1D461"></use></g><g data-mml-node="mi" transform="translate(1613,0)"><use data-c="1D435" xlink:href="#MJX-16-TEX-I-1D435"></use></g><g data-mml-node="mi" transform="translate(2372,0)"><use data-c="1D44E" xlink:href="#MJX-16-TEX-I-1D44E"></use></g><g data-mml-node="mi" transform="translate(2901,0)"><use data-c="1D461" xlink:href="#MJX-16-TEX-I-1D461"></use></g><g data-mml-node="mi" transform="translate(3262,0)"><use data-c="1D461" xlink:href="#MJX-16-TEX-I-1D461"></use></g><g data-mml-node="mi" transform="translate(3623,0)"><use data-c="1D452" xlink:href="#MJX-16-TEX-I-1D452"></use></g><g data-mml-node="mi" transform="translate(4089,0)"><use data-c="1D45F" xlink:href="#MJX-16-TEX-I-1D45F"></use></g><g data-mml-node="mi" transform="translate(4540,0)"><use data-c="1D466" xlink:href="#MJX-16-TEX-I-1D466"></use></g><g data-mml-node="mi" transform="translate(5030,0)"><use data-c="1D449" xlink:href="#MJX-16-TEX-I-1D449"></use></g><g data-mml-node="mi" transform="translate(5799,0)"><use data-c="1D45C" xlink:href="#MJX-16-TEX-I-1D45C"></use></g><g data-mml-node="mi" transform="translate(6284,0)"><use data-c="1D459" xlink:href="#MJX-16-TEX-I-1D459"></use></g><g data-mml-node="mo" transform="translate(6582,0)"><use data-c="28" xlink:href="#MJX-16-TEX-N-28"></use></g><g data-mml-node="mo" transform="translate(6971,0)"><use data-c="29" xlink:href="#MJX-16-TEX-N-29"></use></g><g data-mml-node="mo" transform="translate(7582.2,0)"><use data-c="2212" xlink:href="#MJX-16-TEX-N-2212"></use></g><g data-mml-node="mn" transform="translate(8582.4,0)"><use data-c="33" xlink:href="#MJX-16-TEX-N-33"></use><use data-c="2E" xlink:href="#MJX-16-TEX-N-2E" transform="translate(500,0)"></use><use data-c="35" xlink:href="#MJX-16-TEX-N-35" transform="translate(778,0)"></use></g></g><g data-mml-node="mrow" transform="translate(1464,-710)"><g data-mml-node="mn"><use data-c="30" xlink:href="#MJX-16-TEX-N-30"></use><use data-c="2E" xlink:href="#MJX-16-TEX-N-2E" transform="translate(500,0)"></use><use data-c="37" xlink:href="#MJX-16-TEX-N-37" transform="translate(778,0)"></use></g><g data-mml-node="mo" transform="translate(1278,0)"><use data-c="28" xlink:href="#MJX-16-TEX-N-28"></use></g><g data-mml-node="mn" transform="translate(1667,0)"><use data-c="34" xlink:href="#MJX-16-TEX-N-34"></use><use data-c="2E" xlink:href="#MJX-16-TEX-N-2E" transform="translate(500,0)"></use><use data-c="32" xlink:href="#MJX-16-TEX-N-32" transform="translate(778,0)"></use></g><g data-mml-node="mi" transform="translate(2945,0)"><use data-c="1D449" xlink:href="#MJX-16-TEX-I-1D449"></use></g><g data-mml-node="mo" transform="translate(3936.2,0)"><use data-c="2212" xlink:href="#MJX-16-TEX-N-2212"></use></g><g data-mml-node="mn" transform="translate(4936.4,0)"><use data-c="33" xlink:href="#MJX-16-TEX-N-33"></use><use data-c="2E" xlink:href="#MJX-16-TEX-N-2E" transform="translate(500,0)"></use><use data-c="35" xlink:href="#MJX-16-TEX-N-35" transform="translate(778,0)"></use></g><g data-mml-node="mi" transform="translate(6214.4,0)"><use data-c="1D449" xlink:href="#MJX-16-TEX-I-1D449"></use></g><g data-mml-node="mo" transform="translate(6983.4,0)"><use data-c="29" xlink:href="#MJX-16-TEX-N-29"></use></g></g><rect width="10060.4" height="60" x="120" y="220"></rect></g><g data-mml-node="mo" transform="translate(17669.2,0)"><use data-c="D7" xlink:href="#MJX-16-TEX-N-D7"></use></g><g data-mml-node="mn" transform="translate(18669.4,0)"><use data-c="31" xlink:href="#MJX-16-TEX-N-31"></use><use data-c="30" xlink:href="#MJX-16-TEX-N-30" transform="translate(500,0)"></use><use data-c="30" xlink:href="#MJX-16-TEX-N-30" transform="translate(1000,0)"></use></g><g data-mml-node="mi" transform="translate(20169.4,0)"><use data-c="25" xlink:href="#MJX-16-TEX-N-25"></use></g></g></g></svg><mjx-assistive-mml unselectable="on" display="block"><math xmlns="http://www.w3.org/1998/Math/MathML" display="block"><mi>B</mi><mi>a</mi><mi>t</mi><mi>t</mi><mi>e</mi><mi>r</mi><mi>y</mi><mi>L</mi><mi>e</mi><mi>v</mi><mi>e</mi><mi>l</mi><mo>=</mo><mfrac><mrow><mi>G</mi><mi>e</mi><mi>t</mi><mi>B</mi><mi>a</mi><mi>t</mi><mi>t</mi><mi>e</mi><mi>r</mi><mi>y</mi><mi>V</mi><mi>o</mi><mi>l</mi><mo stretchy="false">(</mo><mo stretchy="false">)</mo><mo>−</mo><mn>3.5</mn></mrow><mrow><mn>0.7</mn><mo stretchy="false">(</mo><mn>4.2</mn><mi>V</mi><mo>−</mo><mn>3.5</mn><mi>V</mi><mo stretchy="false">)</mo></mrow></mfrac><mo>×</mo><mn>100</mn><mi mathvariant="normal">%</mi></math></mjx-assistive-mml></mjx-container></div></div><p><span>如果要遵循电池放电曲线，提高精度，需要使用</span><strong><span>积分</span></strong><span>计算。</span></p><p><span>计算</span><strong><span>剩余使用时间</span></strong><span>的方法是：</span></p><div contenteditable="false" spellcheck="false" class="mathjax-block md-end-block md-math-block md-rawblock" id="mathjax-n795" cid="n795" mdtype="math_block" data-math-tag-before="0" data-math-tag-after="0" data-math-labels="[]"><div class="md-rawblock-container md-math-container" tabindex="-1"><mjx-container class="MathJax" jax="SVG" display="true" style="position: relative;"><svg xmlns="http://www.w3.org/2000/svg" width="26.1ex" height="5.285ex" role="img" focusable="false" viewBox="0 -1426 11536.2 2336" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" style="vertical-align: -2.059ex;"><defs><path id="MJX-17-TEX-N-D7" d="M630 29Q630 9 609 9Q604 9 587 25T493 118L389 222L284 117Q178 13 175 11Q171 9 168 9Q160 9 154 15T147 29Q147 36 161 51T255 146L359 250L255 354Q174 435 161 449T147 471Q147 480 153 485T168 490Q173 490 175 489Q178 487 284 383L389 278L493 382Q570 459 587 475T609 491Q630 491 630 471Q630 464 620 453T522 355L418 250L522 145Q606 61 618 48T630 29Z"></path><path id="MJX-17-TEX-N-28" d="M94 250Q94 319 104 381T127 488T164 576T202 643T244 695T277 729T302 750H315H319Q333 750 333 741Q333 738 316 720T275 667T226 581T184 443T167 250T184 58T225 -81T274 -167T316 -220T333 -241Q333 -250 318 -250H315H302L274 -226Q180 -141 137 -14T94 250Z"></path><path id="MJX-17-TEX-N-29" d="M60 749L64 750Q69 750 74 750H86L114 726Q208 641 251 514T294 250Q294 182 284 119T261 12T224 -76T186 -143T145 -194T113 -227T90 -246Q87 -249 86 -250H74Q66 -250 63 -250T58 -247T55 -238Q56 -237 66 -225Q221 -64 221 250T66 725Q56 737 55 738Q55 746 60 749Z"></path></defs><g stroke="currentColor" fill="currentColor" stroke-width="0" transform="scale(1,-1)"><g data-mml-node="math"><g data-mml-node="mfrac"><g data-mml-node="mrow" transform="translate(220,676)"><g data-mml-node="mtext"><text data-variant="normal" transform="scale(1,-1)" font-size="827.1px" font-family="serif">电</text></g><g data-mml-node="mtext" transform="translate(826.9,0)"><text data-variant="normal" transform="scale(1,-1)" font-size="827.1px" font-family="serif">池</text></g><g data-mml-node="mtext" transform="translate(1653.8,0)"><text data-variant="normal" transform="scale(1,-1)" font-size="827.1px" font-family="serif">百</text></g><g data-mml-node="mtext" transform="translate(2480.7,0)"><text data-variant="normal" transform="scale(1,-1)" font-size="827.1px" font-family="serif">分</text></g><g data-mml-node="mtext" transform="translate(3307.6,0)"><text data-variant="normal" transform="scale(1,-1)" font-size="827.1px" font-family="serif">比</text></g><g data-mml-node="mo" transform="translate(4356.7,0)"><use data-c="D7" xlink:href="#MJX-17-TEX-N-D7"></use></g><g data-mml-node="mtext" transform="translate(5356.9,0)"><text data-variant="normal" transform="scale(1,-1)" font-size="827.1px" font-family="serif">电</text></g><g data-mml-node="mtext" transform="translate(6183.8,0)"><text data-variant="normal" transform="scale(1,-1)" font-size="827.1px" font-family="serif">池</text></g><g data-mml-node="mtext" transform="translate(7010.7,0)"><text data-variant="normal" transform="scale(1,-1)" font-size="827.1px" font-family="serif">容</text></g><g data-mml-node="mtext" transform="translate(7837.6,0)"><text data-variant="normal" transform="scale(1,-1)" font-size="827.1px" font-family="serif">量</text></g></g><g data-mml-node="mrow" transform="translate(2071.6,-710)"><g data-mml-node="mtext"><text data-variant="normal" transform="scale(1,-1)" font-size="827.1px" font-family="serif">系</text></g><g data-mml-node="mtext" transform="translate(826.9,0)"><text data-variant="normal" transform="scale(1,-1)" font-size="827.1px" font-family="serif">统</text></g><g data-mml-node="mtext" transform="translate(1653.8,0)"><text data-variant="normal" transform="scale(1,-1)" font-size="827.1px" font-family="serif">耗</text></g><g data-mml-node="mtext" transform="translate(2480.7,0)"><text data-variant="normal" transform="scale(1,-1)" font-size="827.1px" font-family="serif">电</text></g><g data-mml-node="mtext" transform="translate(3307.6,0)"><text data-variant="normal" transform="scale(1,-1)" font-size="827.1px" font-family="serif">电</text></g><g data-mml-node="mtext" transform="translate(4134.5,0)"><text data-variant="normal" transform="scale(1,-1)" font-size="827.1px" font-family="serif">流</text></g></g><rect width="8864.5" height="60" x="120" y="220"></rect></g><g data-mml-node="mo" transform="translate(9104.5,0)"><use data-c="28" xlink:href="#MJX-17-TEX-N-28"></use></g><g data-mml-node="mtext" transform="translate(9493.5,0)"><text data-variant="normal" transform="scale(1,-1)" font-size="827.1px" font-family="serif">小</text></g><g data-mml-node="mtext" transform="translate(10320.4,0)"><text data-variant="normal" transform="scale(1,-1)" font-size="827.1px" font-family="serif">时</text></g><g data-mml-node="mo" transform="translate(11147.2,0)"><use data-c="29" xlink:href="#MJX-17-TEX-N-29"></use></g></g></g></svg><mjx-assistive-mml unselectable="on" display="block"><math xmlns="http://www.w3.org/1998/Math/MathML" display="block"><mfrac><mrow><mtext>电</mtext><mtext>池</mtext><mtext>百</mtext><mtext>分</mtext><mtext>比</mtext><mo>×</mo><mtext>电</mtext><mtext>池</mtext><mtext>容</mtext><mtext>量</mtext></mrow><mrow><mtext>系</mtext><mtext>统</mtext><mtext>耗</mtext><mtext>电</mtext><mtext>电</mtext><mtext>流</mtext></mrow></mfrac><mo stretchy="false">(</mo><mtext>小</mtext><mtext>时</mtext><mo stretchy="false">)</mo></math></mjx-assistive-mml></mjx-container></div></div><p><span>如果要计算到分钟，只要再 </span><mjx-container class="MathJax" jax="SVG" style="position: relative;"><svg xmlns="http://www.w3.org/2000/svg" width="4.023ex" height="1.557ex" role="img" focusable="false" viewBox="0 -666 1778 688" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" style="vertical-align: -0.05ex;"><defs><path id="MJX-26-TEX-I-D7" d="M630 29Q630 9 609 9Q604 9 587 25T493 118L389 222L284 117Q178 13 175 11Q171 9 168 9Q160 9 154 15T147 29Q147 36 161 51T255 146L359 250L255 354Q174 435 161 449T147 471Q147 480 153 485T168 490Q173 490 175 489Q178 487 284 383L389 278L493 382Q570 459 587 475T609 491Q630 491 630 471Q630 464 620 453T522 355L418 250L522 145Q606 61 618 48T630 29Z"></path><path id="MJX-26-TEX-N-36" d="M42 313Q42 476 123 571T303 666Q372 666 402 630T432 550Q432 525 418 510T379 495Q356 495 341 509T326 548Q326 592 373 601Q351 623 311 626Q240 626 194 566Q147 500 147 364L148 360Q153 366 156 373Q197 433 263 433H267Q313 433 348 414Q372 400 396 374T435 317Q456 268 456 210V192Q456 169 451 149Q440 90 387 34T253 -22Q225 -22 199 -14T143 16T92 75T56 172T42 313ZM257 397Q227 397 205 380T171 335T154 278T148 216Q148 133 160 97T198 39Q222 21 251 21Q302 21 329 59Q342 77 347 104T352 209Q352 289 347 316T329 361Q302 397 257 397Z"></path><path id="MJX-26-TEX-N-30" d="M96 585Q152 666 249 666Q297 666 345 640T423 548Q460 465 460 320Q460 165 417 83Q397 41 362 16T301 -15T250 -22Q224 -22 198 -16T137 16T82 83Q39 165 39 320Q39 494 96 585ZM321 597Q291 629 250 629Q208 629 178 597Q153 571 145 525T137 333Q137 175 145 125T181 46Q209 16 250 16Q290 16 318 46Q347 76 354 130T362 333Q362 478 354 524T321 597Z"></path></defs><g stroke="currentColor" fill="currentColor" stroke-width="0" transform="scale(1,-1)"><g data-mml-node="math"><g data-mml-node="mi"><use data-c="D7" xlink:href="#MJX-26-TEX-I-D7"></use></g><g data-mml-node="mn" transform="translate(778,0)"><use data-c="36" xlink:href="#MJX-26-TEX-N-36"></use><use data-c="30" xlink:href="#MJX-26-TEX-N-30" transform="translate(500,0)"></use></g></g></g></svg><mjx-assistive-mml unselectable="on" display="inline"><math xmlns="http://www.w3.org/1998/Math/MathML"><mi>×</mi><mn>60</mn></math></mjx-assistive-mml></mjx-container><script type="math/tex">×60</script><span> 即可。</span></p><p><span>代码算法是：</span></p><div contenteditable="false" spellcheck="false" class="mathjax-block md-end-block md-math-block md-rawblock" id="mathjax-n798" cid="n798" mdtype="math_block" data-math-tag-before="0" data-math-tag-after="0" data-math-labels="[]"><div class="md-rawblock-container md-math-container" tabindex="-1"><mjx-container class="MathJax" jax="SVG" display="true" style="position: relative;"><svg xmlns="http://www.w3.org/2000/svg" width="57.968ex" height="4.905ex" role="img" focusable="false" viewBox="0 -1460 25622 2168" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" style="vertical-align: -1.602ex;"><defs><path id="MJX-18-TEX-I-1D43A" d="M50 252Q50 367 117 473T286 641T490 704Q580 704 633 653Q642 643 648 636T656 626L657 623Q660 623 684 649Q691 655 699 663T715 679T725 690L740 705H746Q760 705 760 698Q760 694 728 561Q692 422 692 421Q690 416 687 415T669 413H653Q647 419 647 422Q647 423 648 429T650 449T651 481Q651 552 619 605T510 659Q492 659 471 656T418 643T357 615T294 567T236 496T189 394T158 260Q156 242 156 221Q156 173 170 136T206 79T256 45T308 28T353 24Q407 24 452 47T514 106Q517 114 529 161T541 214Q541 222 528 224T468 227H431Q425 233 425 235T427 254Q431 267 437 273H454Q494 271 594 271Q634 271 659 271T695 272T707 272Q721 272 721 263Q721 261 719 249Q714 230 709 228Q706 227 694 227Q674 227 653 224Q646 221 643 215T629 164Q620 131 614 108Q589 6 586 3Q584 1 581 1Q571 1 553 21T530 52Q530 53 528 52T522 47Q448 -22 322 -22Q201 -22 126 55T50 252Z"></path><path id="MJX-18-TEX-I-1D452" d="M39 168Q39 225 58 272T107 350T174 402T244 433T307 442H310Q355 442 388 420T421 355Q421 265 310 237Q261 224 176 223Q139 223 138 221Q138 219 132 186T125 128Q125 81 146 54T209 26T302 45T394 111Q403 121 406 121Q410 121 419 112T429 98T420 82T390 55T344 24T281 -1T205 -11Q126 -11 83 42T39 168ZM373 353Q367 405 305 405Q272 405 244 391T199 357T170 316T154 280T149 261Q149 260 169 260Q282 260 327 284T373 353Z"></path><path id="MJX-18-TEX-I-1D461" d="M26 385Q19 392 19 395Q19 399 22 411T27 425Q29 430 36 430T87 431H140L159 511Q162 522 166 540T173 566T179 586T187 603T197 615T211 624T229 626Q247 625 254 615T261 596Q261 589 252 549T232 470L222 433Q222 431 272 431H323Q330 424 330 420Q330 398 317 385H210L174 240Q135 80 135 68Q135 26 162 26Q197 26 230 60T283 144Q285 150 288 151T303 153H307Q322 153 322 145Q322 142 319 133Q314 117 301 95T267 48T216 6T155 -11Q125 -11 98 4T59 56Q57 64 57 83V101L92 241Q127 382 128 383Q128 385 77 385H26Z"></path><path id="MJX-18-TEX-I-1D435" d="M231 637Q204 637 199 638T194 649Q194 676 205 682Q206 683 335 683Q594 683 608 681Q671 671 713 636T756 544Q756 480 698 429T565 360L555 357Q619 348 660 311T702 219Q702 146 630 78T453 1Q446 0 242 0Q42 0 39 2Q35 5 35 10Q35 17 37 24Q42 43 47 45Q51 46 62 46H68Q95 46 128 49Q142 52 147 61Q150 65 219 339T288 628Q288 635 231 637ZM649 544Q649 574 634 600T585 634Q578 636 493 637Q473 637 451 637T416 636H403Q388 635 384 626Q382 622 352 506Q352 503 351 500L320 374H401Q482 374 494 376Q554 386 601 434T649 544ZM595 229Q595 273 572 302T512 336Q506 337 429 337Q311 337 310 336Q310 334 293 263T258 122L240 52Q240 48 252 48T333 46Q422 46 429 47Q491 54 543 105T595 229Z"></path><path id="MJX-18-TEX-I-1D44E" d="M33 157Q33 258 109 349T280 441Q331 441 370 392Q386 422 416 422Q429 422 439 414T449 394Q449 381 412 234T374 68Q374 43 381 35T402 26Q411 27 422 35Q443 55 463 131Q469 151 473 152Q475 153 483 153H487Q506 153 506 144Q506 138 501 117T481 63T449 13Q436 0 417 -8Q409 -10 393 -10Q359 -10 336 5T306 36L300 51Q299 52 296 50Q294 48 292 46Q233 -10 172 -10Q117 -10 75 30T33 157ZM351 328Q351 334 346 350T323 385T277 405Q242 405 210 374T160 293Q131 214 119 129Q119 126 119 118T118 106Q118 61 136 44T179 26Q217 26 254 59T298 110Q300 114 325 217T351 328Z"></path><path id="MJX-18-TEX-I-1D45F" d="M21 287Q22 290 23 295T28 317T38 348T53 381T73 411T99 433T132 442Q161 442 183 430T214 408T225 388Q227 382 228 382T236 389Q284 441 347 441H350Q398 441 422 400Q430 381 430 363Q430 333 417 315T391 292T366 288Q346 288 334 299T322 328Q322 376 378 392Q356 405 342 405Q286 405 239 331Q229 315 224 298T190 165Q156 25 151 16Q138 -11 108 -11Q95 -11 87 -5T76 7T74 17Q74 30 114 189T154 366Q154 405 128 405Q107 405 92 377T68 316T57 280Q55 278 41 278H27Q21 284 21 287Z"></path><path id="MJX-18-TEX-I-1D466" d="M21 287Q21 301 36 335T84 406T158 442Q199 442 224 419T250 355Q248 336 247 334Q247 331 231 288T198 191T182 105Q182 62 196 45T238 27Q261 27 281 38T312 61T339 94Q339 95 344 114T358 173T377 247Q415 397 419 404Q432 431 462 431Q475 431 483 424T494 412T496 403Q496 390 447 193T391 -23Q363 -106 294 -155T156 -205Q111 -205 77 -183T43 -117Q43 -95 50 -80T69 -58T89 -48T106 -45Q150 -45 150 -87Q150 -107 138 -122T115 -142T102 -147L99 -148Q101 -153 118 -160T152 -167H160Q177 -167 186 -165Q219 -156 247 -127T290 -65T313 -9T321 21L315 17Q309 13 296 6T270 -6Q250 -11 231 -11Q185 -11 150 11T104 82Q103 89 103 113Q103 170 138 262T173 379Q173 380 173 381Q173 390 173 393T169 400T158 404H154Q131 404 112 385T82 344T65 302T57 280Q55 278 41 278H27Q21 284 21 287Z"></path><path id="MJX-18-TEX-I-1D445" d="M230 637Q203 637 198 638T193 649Q193 676 204 682Q206 683 378 683Q550 682 564 680Q620 672 658 652T712 606T733 563T739 529Q739 484 710 445T643 385T576 351T538 338L545 333Q612 295 612 223Q612 212 607 162T602 80V71Q602 53 603 43T614 25T640 16Q668 16 686 38T712 85Q717 99 720 102T735 105Q755 105 755 93Q755 75 731 36Q693 -21 641 -21H632Q571 -21 531 4T487 82Q487 109 502 166T517 239Q517 290 474 313Q459 320 449 321T378 323H309L277 193Q244 61 244 59Q244 55 245 54T252 50T269 48T302 46H333Q339 38 339 37T336 19Q332 6 326 0H311Q275 2 180 2Q146 2 117 2T71 2T50 1Q33 1 33 10Q33 12 36 24Q41 43 46 45Q50 46 61 46H67Q94 46 127 49Q141 52 146 61Q149 65 218 339T287 628Q287 635 230 637ZM630 554Q630 586 609 608T523 636Q521 636 500 636T462 637H440Q393 637 386 627Q385 624 352 494T319 361Q319 360 388 360Q466 361 492 367Q556 377 592 426Q608 449 619 486T630 554Z"></path><path id="MJX-18-TEX-I-1D45A" d="M21 287Q22 293 24 303T36 341T56 388T88 425T132 442T175 435T205 417T221 395T229 376L231 369Q231 367 232 367L243 378Q303 442 384 442Q401 442 415 440T441 433T460 423T475 411T485 398T493 385T497 373T500 364T502 357L510 367Q573 442 659 442Q713 442 746 415T780 336Q780 285 742 178T704 50Q705 36 709 31T724 26Q752 26 776 56T815 138Q818 149 821 151T837 153Q857 153 857 145Q857 144 853 130Q845 101 831 73T785 17T716 -10Q669 -10 648 17T627 73Q627 92 663 193T700 345Q700 404 656 404H651Q565 404 506 303L499 291L466 157Q433 26 428 16Q415 -11 385 -11Q372 -11 364 -4T353 8T350 18Q350 29 384 161L420 307Q423 322 423 345Q423 404 379 404H374Q288 404 229 303L222 291L189 157Q156 26 151 16Q138 -11 108 -11Q95 -11 87 -5T76 7T74 17Q74 30 112 181Q151 335 151 342Q154 357 154 369Q154 405 129 405Q107 405 92 377T69 316T57 280Q55 278 41 278H27Q21 284 21 287Z"></path><path id="MJX-18-TEX-I-1D456" d="M184 600Q184 624 203 642T247 661Q265 661 277 649T290 619Q290 596 270 577T226 557Q211 557 198 567T184 600ZM21 287Q21 295 30 318T54 369T98 420T158 442Q197 442 223 419T250 357Q250 340 236 301T196 196T154 83Q149 61 149 51Q149 26 166 26Q175 26 185 29T208 43T235 78T260 137Q263 149 265 151T282 153Q302 153 302 143Q302 135 293 112T268 61T223 11T161 -11Q129 -11 102 10T74 74Q74 91 79 106T122 220Q160 321 166 341T173 380Q173 404 156 404H154Q124 404 99 371T61 287Q60 286 59 284T58 281T56 279T53 278T49 278T41 278H27Q21 284 21 287Z"></path><path id="MJX-18-TEX-I-1D45B" d="M21 287Q22 293 24 303T36 341T56 388T89 425T135 442Q171 442 195 424T225 390T231 369Q231 367 232 367L243 378Q304 442 382 442Q436 442 469 415T503 336T465 179T427 52Q427 26 444 26Q450 26 453 27Q482 32 505 65T540 145Q542 153 560 153Q580 153 580 145Q580 144 576 130Q568 101 554 73T508 17T439 -10Q392 -10 371 17T350 73Q350 92 386 193T423 345Q423 404 379 404H374Q288 404 229 303L222 291L189 157Q156 26 151 16Q138 -11 108 -11Q95 -11 87 -5T76 7T74 17Q74 30 112 180T152 343Q153 348 153 366Q153 405 129 405Q91 405 66 305Q60 285 60 284Q58 278 41 278H27Q21 284 21 287Z"></path><path id="MJX-18-TEX-I-1D454" d="M311 43Q296 30 267 15T206 0Q143 0 105 45T66 160Q66 265 143 353T314 442Q361 442 401 394L404 398Q406 401 409 404T418 412T431 419T447 422Q461 422 470 413T480 394Q480 379 423 152T363 -80Q345 -134 286 -169T151 -205Q10 -205 10 -137Q10 -111 28 -91T74 -71Q89 -71 102 -80T116 -111Q116 -121 114 -130T107 -144T99 -154T92 -162L90 -164H91Q101 -167 151 -167Q189 -167 211 -155Q234 -144 254 -122T282 -75Q288 -56 298 -13Q311 35 311 43ZM384 328L380 339Q377 350 375 354T369 368T359 382T346 393T328 402T306 405Q262 405 221 352Q191 313 171 233T151 117Q151 38 213 38Q269 38 323 108L331 118L384 328Z"></path><path id="MJX-18-TEX-I-1D447" d="M40 437Q21 437 21 445Q21 450 37 501T71 602L88 651Q93 669 101 677H569H659Q691 677 697 676T704 667Q704 661 687 553T668 444Q668 437 649 437Q640 437 637 437T631 442L629 445Q629 451 635 490T641 551Q641 586 628 604T573 629Q568 630 515 631Q469 631 457 630T439 622Q438 621 368 343T298 60Q298 48 386 46Q418 46 427 45T436 36Q436 31 433 22Q429 4 424 1L422 0Q419 0 415 0Q410 0 363 1T228 2Q99 2 64 0H49Q43 6 43 9T45 27Q49 40 55 46H83H94Q174 46 189 55Q190 56 191 56Q196 59 201 76T241 233Q258 301 269 344Q339 619 339 625Q339 630 310 630H279Q212 630 191 624Q146 614 121 583T67 467Q60 445 57 441T43 437H40Z"></path><path id="MJX-18-TEX-N-3D" d="M56 347Q56 360 70 367H707Q722 359 722 347Q722 336 708 328L390 327H72Q56 332 56 347ZM56 153Q56 168 72 173H708Q722 163 722 153Q722 140 707 133H70Q56 140 56 153Z"></path><path id="MJX-18-TEX-I-1D43F" d="M228 637Q194 637 192 641Q191 643 191 649Q191 673 202 682Q204 683 217 683Q271 680 344 680Q485 680 506 683H518Q524 677 524 674T522 656Q517 641 513 637H475Q406 636 394 628Q387 624 380 600T313 336Q297 271 279 198T252 88L243 52Q243 48 252 48T311 46H328Q360 46 379 47T428 54T478 72T522 106T564 161Q580 191 594 228T611 270Q616 273 628 273H641Q647 264 647 262T627 203T583 83T557 9Q555 4 553 3T537 0T494 -1Q483 -1 418 -1T294 0H116Q32 0 32 10Q32 17 34 24Q39 43 44 45Q48 46 59 46H65Q92 46 125 49Q139 52 144 61Q147 65 216 339T285 628Q285 635 228 637Z"></path><path id="MJX-18-TEX-I-1D463" d="M173 380Q173 405 154 405Q130 405 104 376T61 287Q60 286 59 284T58 281T56 279T53 278T49 278T41 278H27Q21 284 21 287Q21 294 29 316T53 368T97 419T160 441Q202 441 225 417T249 361Q249 344 246 335Q246 329 231 291T200 202T182 113Q182 86 187 69Q200 26 250 26Q287 26 319 60T369 139T398 222T409 277Q409 300 401 317T383 343T365 361T357 383Q357 405 376 424T417 443Q436 443 451 425T467 367Q467 340 455 284T418 159T347 40T241 -11Q177 -11 139 22Q102 54 102 117Q102 148 110 181T151 298Q173 362 173 380Z"></path><path id="MJX-18-TEX-I-1D459" d="M117 59Q117 26 142 26Q179 26 205 131Q211 151 215 152Q217 153 225 153H229Q238 153 241 153T246 151T248 144Q247 138 245 128T234 90T214 43T183 6T137 -11Q101 -11 70 11T38 85Q38 97 39 102L104 360Q167 615 167 623Q167 626 166 628T162 632T157 634T149 635T141 636T132 637T122 637Q112 637 109 637T101 638T95 641T94 647Q94 649 96 661Q101 680 107 682T179 688Q194 689 213 690T243 693T254 694Q266 694 266 686Q266 675 193 386T118 83Q118 81 118 75T117 65V59Z"></path><path id="MJX-18-TEX-N-28" d="M94 250Q94 319 104 381T127 488T164 576T202 643T244 695T277 729T302 750H315H319Q333 750 333 741Q333 738 316 720T275 667T226 581T184 443T167 250T184 58T225 -81T274 -167T316 -220T333 -241Q333 -250 318 -250H315H302L274 -226Q180 -141 137 -14T94 250Z"></path><path id="MJX-18-TEX-N-29" d="M60 749L64 750Q69 750 74 750H86L114 726Q208 641 251 514T294 250Q294 182 284 119T261 12T224 -76T186 -143T145 -194T113 -227T90 -246Q87 -249 86 -250H74Q66 -250 63 -250T58 -247T55 -238Q56 -237 66 -225Q221 -64 221 250T66 725Q56 737 55 738Q55 746 60 749Z"></path><path id="MJX-18-TEX-N-D7" d="M630 29Q630 9 609 9Q604 9 587 25T493 118L389 222L284 117Q178 13 175 11Q171 9 168 9Q160 9 154 15T147 29Q147 36 161 51T255 146L359 250L255 354Q174 435 161 449T147 471Q147 480 153 485T168 490Q173 490 175 489Q178 487 284 383L389 278L493 382Q570 459 587 475T609 491Q630 491 630 471Q630 464 620 453T522 355L418 250L522 145Q606 61 618 48T630 29Z"></path><path id="MJX-18-TEX-N-34" d="M462 0Q444 3 333 3Q217 3 199 0H190V46H221Q241 46 248 46T265 48T279 53T286 61Q287 63 287 115V165H28V211L179 442Q332 674 334 675Q336 677 355 677H373L379 671V211H471V165H379V114Q379 73 379 66T385 54Q393 47 442 46H471V0H462ZM293 211V545L74 212L183 211H293Z"></path><path id="MJX-18-TEX-N-30" d="M96 585Q152 666 249 666Q297 666 345 640T423 548Q460 465 460 320Q460 165 417 83Q397 41 362 16T301 -15T250 -22Q224 -22 198 -16T137 16T82 83Q39 165 39 320Q39 494 96 585ZM321 597Q291 629 250 629Q208 629 178 597Q153 571 145 525T137 333Q137 175 145 125T181 46Q209 16 250 16Q290 16 318 46Q347 76 354 130T362 333Q362 478 354 524T321 597Z"></path><path id="MJX-18-TEX-N-31" d="M213 578L200 573Q186 568 160 563T102 556H83V602H102Q149 604 189 617T245 641T273 663Q275 666 285 666Q294 666 302 660V361L303 61Q310 54 315 52T339 48T401 46H427V0H416Q395 3 257 3Q121 3 100 0H88V46H114Q136 46 152 46T177 47T193 50T201 52T207 57T213 61V578Z"></path><path id="MJX-18-TEX-N-35" d="M164 157Q164 133 148 117T109 101H102Q148 22 224 22Q294 22 326 82Q345 115 345 210Q345 313 318 349Q292 382 260 382H254Q176 382 136 314Q132 307 129 306T114 304Q97 304 95 310Q93 314 93 485V614Q93 664 98 664Q100 666 102 666Q103 666 123 658T178 642T253 634Q324 634 389 662Q397 666 402 666Q410 666 410 648V635Q328 538 205 538Q174 538 149 544L139 546V374Q158 388 169 396T205 412T256 420Q337 420 393 355T449 201Q449 109 385 44T229 -22Q148 -22 99 32T50 154Q50 178 61 192T84 210T107 214Q132 214 148 197T164 157Z"></path></defs><g stroke="currentColor" fill="currentColor" stroke-width="0" transform="scale(1,-1)"><g data-mml-node="math"><g data-mml-node="mi"><use data-c="1D43A" xlink:href="#MJX-18-TEX-I-1D43A"></use></g><g data-mml-node="mi" transform="translate(786,0)"><use data-c="1D452" xlink:href="#MJX-18-TEX-I-1D452"></use></g><g data-mml-node="mi" transform="translate(1252,0)"><use data-c="1D461" xlink:href="#MJX-18-TEX-I-1D461"></use></g><g data-mml-node="mi" transform="translate(1613,0)"><use data-c="1D435" xlink:href="#MJX-18-TEX-I-1D435"></use></g><g data-mml-node="mi" transform="translate(2372,0)"><use data-c="1D44E" xlink:href="#MJX-18-TEX-I-1D44E"></use></g><g data-mml-node="mi" transform="translate(2901,0)"><use data-c="1D461" xlink:href="#MJX-18-TEX-I-1D461"></use></g><g data-mml-node="mi" transform="translate(3262,0)"><use data-c="1D461" xlink:href="#MJX-18-TEX-I-1D461"></use></g><g data-mml-node="mi" transform="translate(3623,0)"><use data-c="1D452" xlink:href="#MJX-18-TEX-I-1D452"></use></g><g data-mml-node="mi" transform="translate(4089,0)"><use data-c="1D45F" xlink:href="#MJX-18-TEX-I-1D45F"></use></g><g data-mml-node="mi" transform="translate(4540,0)"><use data-c="1D466" xlink:href="#MJX-18-TEX-I-1D466"></use></g><g data-mml-node="mi" transform="translate(5030,0)"><use data-c="1D445" xlink:href="#MJX-18-TEX-I-1D445"></use></g><g data-mml-node="mi" transform="translate(5789,0)"><use data-c="1D452" xlink:href="#MJX-18-TEX-I-1D452"></use></g><g data-mml-node="mi" transform="translate(6255,0)"><use data-c="1D45A" xlink:href="#MJX-18-TEX-I-1D45A"></use></g><g data-mml-node="mi" transform="translate(7133,0)"><use data-c="1D44E" xlink:href="#MJX-18-TEX-I-1D44E"></use></g><g data-mml-node="mi" transform="translate(7662,0)"><use data-c="1D456" xlink:href="#MJX-18-TEX-I-1D456"></use></g><g data-mml-node="mi" transform="translate(8007,0)"><use data-c="1D45B" xlink:href="#MJX-18-TEX-I-1D45B"></use></g><g data-mml-node="mi" transform="translate(8607,0)"><use data-c="1D456" xlink:href="#MJX-18-TEX-I-1D456"></use></g><g data-mml-node="mi" transform="translate(8952,0)"><use data-c="1D45B" xlink:href="#MJX-18-TEX-I-1D45B"></use></g><g data-mml-node="mi" transform="translate(9552,0)"><use data-c="1D454" xlink:href="#MJX-18-TEX-I-1D454"></use></g><g data-mml-node="mi" transform="translate(10029,0)"><use data-c="1D447" xlink:href="#MJX-18-TEX-I-1D447"></use></g><g data-mml-node="mi" transform="translate(10733,0)"><use data-c="1D456" xlink:href="#MJX-18-TEX-I-1D456"></use></g><g data-mml-node="mi" transform="translate(11078,0)"><use data-c="1D45A" xlink:href="#MJX-18-TEX-I-1D45A"></use></g><g data-mml-node="mi" transform="translate(11956,0)"><use data-c="1D452" xlink:href="#MJX-18-TEX-I-1D452"></use></g><g data-mml-node="mo" transform="translate(12699.8,0)"><use data-c="3D" xlink:href="#MJX-18-TEX-N-3D"></use></g><g data-mml-node="mfrac" transform="translate(13755.6,0)"><g data-mml-node="mrow" transform="translate(220,710)"><g data-mml-node="mi"><use data-c="1D43A" xlink:href="#MJX-18-TEX-I-1D43A"></use></g><g data-mml-node="mi" transform="translate(786,0)"><use data-c="1D452" xlink:href="#MJX-18-TEX-I-1D452"></use></g><g data-mml-node="mi" transform="translate(1252,0)"><use data-c="1D461" xlink:href="#MJX-18-TEX-I-1D461"></use></g><g data-mml-node="mi" transform="translate(1613,0)"><use data-c="1D435" xlink:href="#MJX-18-TEX-I-1D435"></use></g><g data-mml-node="mi" transform="translate(2372,0)"><use data-c="1D44E" xlink:href="#MJX-18-TEX-I-1D44E"></use></g><g data-mml-node="mi" transform="translate(2901,0)"><use data-c="1D461" xlink:href="#MJX-18-TEX-I-1D461"></use></g><g data-mml-node="mi" transform="translate(3262,0)"><use data-c="1D461" xlink:href="#MJX-18-TEX-I-1D461"></use></g><g data-mml-node="mi" transform="translate(3623,0)"><use data-c="1D452" xlink:href="#MJX-18-TEX-I-1D452"></use></g><g data-mml-node="mi" transform="translate(4089,0)"><use data-c="1D45F" xlink:href="#MJX-18-TEX-I-1D45F"></use></g><g data-mml-node="mi" transform="translate(4540,0)"><use data-c="1D466" xlink:href="#MJX-18-TEX-I-1D466"></use></g><g data-mml-node="mi" transform="translate(5030,0)"><use data-c="1D43F" xlink:href="#MJX-18-TEX-I-1D43F"></use></g><g data-mml-node="mi" transform="translate(5711,0)"><use data-c="1D452" xlink:href="#MJX-18-TEX-I-1D452"></use></g><g data-mml-node="mi" transform="translate(6177,0)"><use data-c="1D463" xlink:href="#MJX-18-TEX-I-1D463"></use></g><g data-mml-node="mi" transform="translate(6662,0)"><use data-c="1D452" xlink:href="#MJX-18-TEX-I-1D452"></use></g><g data-mml-node="mi" transform="translate(7128,0)"><use data-c="1D459" xlink:href="#MJX-18-TEX-I-1D459"></use></g><g data-mml-node="mo" transform="translate(7426,0)"><use data-c="28" xlink:href="#MJX-18-TEX-N-28"></use></g><g data-mml-node="mo" transform="translate(7815,0)"><use data-c="29" xlink:href="#MJX-18-TEX-N-29"></use></g><g data-mml-node="mo" transform="translate(8426.2,0)"><use data-c="D7" xlink:href="#MJX-18-TEX-N-D7"></use></g><g data-mml-node="mn" transform="translate(9426.4,0)"><use data-c="34" xlink:href="#MJX-18-TEX-N-34"></use><use data-c="30" xlink:href="#MJX-18-TEX-N-30" transform="translate(500,0)"></use><use data-c="30" xlink:href="#MJX-18-TEX-N-30" transform="translate(1000,0)"></use><use data-c="30" xlink:href="#MJX-18-TEX-N-30" transform="translate(1500,0)"></use></g></g><g data-mml-node="mn" transform="translate(5183.2,-686)"><use data-c="31" xlink:href="#MJX-18-TEX-N-31"></use><use data-c="35" xlink:href="#MJX-18-TEX-N-35" transform="translate(500,0)"></use><use data-c="30" xlink:href="#MJX-18-TEX-N-30" transform="translate(1000,0)"></use></g><rect width="11626.4" height="60" x="120" y="220"></rect></g></g></g></svg><mjx-assistive-mml unselectable="on" display="block"><math xmlns="http://www.w3.org/1998/Math/MathML" display="block"><mi>G</mi><mi>e</mi><mi>t</mi><mi>B</mi><mi>a</mi><mi>t</mi><mi>t</mi><mi>e</mi><mi>r</mi><mi>y</mi><mi>R</mi><mi>e</mi><mi>m</mi><mi>a</mi><mi>i</mi><mi>n</mi><mi>i</mi><mi>n</mi><mi>g</mi><mi>T</mi><mi>i</mi><mi>m</mi><mi>e</mi><mo>=</mo><mfrac><mrow><mi>G</mi><mi>e</mi><mi>t</mi><mi>B</mi><mi>a</mi><mi>t</mi><mi>t</mi><mi>e</mi><mi>r</mi><mi>y</mi><mi>L</mi><mi>e</mi><mi>v</mi><mi>e</mi><mi>l</mi><mo stretchy="false">(</mo><mo stretchy="false">)</mo><mo>×</mo><mn>4000</mn></mrow><mn>150</mn></mfrac></math></mjx-assistive-mml></mjx-container></div></div><p><span>这里设置电池容量为</span><mjx-container class="MathJax" jax="SVG" style="position: relative;"><svg xmlns="http://www.w3.org/2000/svg" width="9.511ex" height="1.67ex" role="img" focusable="false" viewBox="0 -716 4204 738" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" style="vertical-align: -0.05ex;"><defs><path id="MJX-27-TEX-N-34" d="M462 0Q444 3 333 3Q217 3 199 0H190V46H221Q241 46 248 46T265 48T279 53T286 61Q287 63 287 115V165H28V211L179 442Q332 674 334 675Q336 677 355 677H373L379 671V211H471V165H379V114Q379 73 379 66T385 54Q393 47 442 46H471V0H462ZM293 211V545L74 212L183 211H293Z"></path><path id="MJX-27-TEX-N-30" d="M96 585Q152 666 249 666Q297 666 345 640T423 548Q460 465 460 320Q460 165 417 83Q397 41 362 16T301 -15T250 -22Q224 -22 198 -16T137 16T82 83Q39 165 39 320Q39 494 96 585ZM321 597Q291 629 250 629Q208 629 178 597Q153 571 145 525T137 333Q137 175 145 125T181 46Q209 16 250 16Q290 16 318 46Q347 76 354 130T362 333Q362 478 354 524T321 597Z"></path><path id="MJX-27-TEX-I-1D45A" d="M21 287Q22 293 24 303T36 341T56 388T88 425T132 442T175 435T205 417T221 395T229 376L231 369Q231 367 232 367L243 378Q303 442 384 442Q401 442 415 440T441 433T460 423T475 411T485 398T493 385T497 373T500 364T502 357L510 367Q573 442 659 442Q713 442 746 415T780 336Q780 285 742 178T704 50Q705 36 709 31T724 26Q752 26 776 56T815 138Q818 149 821 151T837 153Q857 153 857 145Q857 144 853 130Q845 101 831 73T785 17T716 -10Q669 -10 648 17T627 73Q627 92 663 193T700 345Q700 404 656 404H651Q565 404 506 303L499 291L466 157Q433 26 428 16Q415 -11 385 -11Q372 -11 364 -4T353 8T350 18Q350 29 384 161L420 307Q423 322 423 345Q423 404 379 404H374Q288 404 229 303L222 291L189 157Q156 26 151 16Q138 -11 108 -11Q95 -11 87 -5T76 7T74 17Q74 30 112 181Q151 335 151 342Q154 357 154 369Q154 405 129 405Q107 405 92 377T69 316T57 280Q55 278 41 278H27Q21 284 21 287Z"></path><path id="MJX-27-TEX-I-1D434" d="M208 74Q208 50 254 46Q272 46 272 35Q272 34 270 22Q267 8 264 4T251 0Q249 0 239 0T205 1T141 2Q70 2 50 0H42Q35 7 35 11Q37 38 48 46H62Q132 49 164 96Q170 102 345 401T523 704Q530 716 547 716H555H572Q578 707 578 706L606 383Q634 60 636 57Q641 46 701 46Q726 46 726 36Q726 34 723 22Q720 7 718 4T704 0Q701 0 690 0T651 1T578 2Q484 2 455 0H443Q437 6 437 9T439 27Q443 40 445 43L449 46H469Q523 49 533 63L521 213H283L249 155Q208 86 208 74ZM516 260Q516 271 504 416T490 562L463 519Q447 492 400 412L310 260L413 259Q516 259 516 260Z"></path><path id="MJX-27-TEX-I-210E" d="M137 683Q138 683 209 688T282 694Q294 694 294 685Q294 674 258 534Q220 386 220 383Q220 381 227 388Q288 442 357 442Q411 442 444 415T478 336Q478 285 440 178T402 50Q403 36 407 31T422 26Q450 26 474 56T513 138Q516 149 519 151T535 153Q555 153 555 145Q555 144 551 130Q535 71 500 33Q466 -10 419 -10H414Q367 -10 346 17T325 74Q325 90 361 192T398 345Q398 404 354 404H349Q266 404 205 306L198 293L164 158Q132 28 127 16Q114 -11 83 -11Q69 -11 59 -2T48 16Q48 30 121 320L195 616Q195 629 188 632T149 637H128Q122 643 122 645T124 664Q129 683 137 683Z"></path></defs><g stroke="currentColor" fill="currentColor" stroke-width="0" transform="scale(1,-1)"><g data-mml-node="math"><g data-mml-node="mn"><use data-c="34" xlink:href="#MJX-27-TEX-N-34"></use><use data-c="30" xlink:href="#MJX-27-TEX-N-30" transform="translate(500,0)"></use><use data-c="30" xlink:href="#MJX-27-TEX-N-30" transform="translate(1000,0)"></use><use data-c="30" xlink:href="#MJX-27-TEX-N-30" transform="translate(1500,0)"></use></g><g data-mml-node="mi" transform="translate(2000,0)"><use data-c="1D45A" xlink:href="#MJX-27-TEX-I-1D45A"></use></g><g data-mml-node="mi" transform="translate(2878,0)"><use data-c="1D434" xlink:href="#MJX-27-TEX-I-1D434"></use></g><g data-mml-node="mi" transform="translate(3628,0)"><use data-c="210E" xlink:href="#MJX-27-TEX-I-210E"></use></g></g></g></svg><mjx-assistive-mml unselectable="on" display="inline"><math xmlns="http://www.w3.org/1998/Math/MathML"><mn>4000</mn><mi>m</mi><mi>A</mi><mi>h</mi></math></mjx-assistive-mml></mjx-container><script type="math/tex">4000mAh</script><span>，耗电电流为</span><mjx-container class="MathJax" jax="SVG" style="position: relative;"><svg xmlns="http://www.w3.org/2000/svg" width="7.077ex" height="1.67ex" role="img" focusable="false" viewBox="0 -716 3128 738" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" style="vertical-align: -0.05ex;"><defs><path id="MJX-28-TEX-N-31" d="M213 578L200 573Q186 568 160 563T102 556H83V602H102Q149 604 189 617T245 641T273 663Q275 666 285 666Q294 666 302 660V361L303 61Q310 54 315 52T339 48T401 46H427V0H416Q395 3 257 3Q121 3 100 0H88V46H114Q136 46 152 46T177 47T193 50T201 52T207 57T213 61V578Z"></path><path id="MJX-28-TEX-N-35" d="M164 157Q164 133 148 117T109 101H102Q148 22 224 22Q294 22 326 82Q345 115 345 210Q345 313 318 349Q292 382 260 382H254Q176 382 136 314Q132 307 129 306T114 304Q97 304 95 310Q93 314 93 485V614Q93 664 98 664Q100 666 102 666Q103 666 123 658T178 642T253 634Q324 634 389 662Q397 666 402 666Q410 666 410 648V635Q328 538 205 538Q174 538 149 544L139 546V374Q158 388 169 396T205 412T256 420Q337 420 393 355T449 201Q449 109 385 44T229 -22Q148 -22 99 32T50 154Q50 178 61 192T84 210T107 214Q132 214 148 197T164 157Z"></path><path id="MJX-28-TEX-N-30" d="M96 585Q152 666 249 666Q297 666 345 640T423 548Q460 465 460 320Q460 165 417 83Q397 41 362 16T301 -15T250 -22Q224 -22 198 -16T137 16T82 83Q39 165 39 320Q39 494 96 585ZM321 597Q291 629 250 629Q208 629 178 597Q153 571 145 525T137 333Q137 175 145 125T181 46Q209 16 250 16Q290 16 318 46Q347 76 354 130T362 333Q362 478 354 524T321 597Z"></path><path id="MJX-28-TEX-I-1D45A" d="M21 287Q22 293 24 303T36 341T56 388T88 425T132 442T175 435T205 417T221 395T229 376L231 369Q231 367 232 367L243 378Q303 442 384 442Q401 442 415 440T441 433T460 423T475 411T485 398T493 385T497 373T500 364T502 357L510 367Q573 442 659 442Q713 442 746 415T780 336Q780 285 742 178T704 50Q705 36 709 31T724 26Q752 26 776 56T815 138Q818 149 821 151T837 153Q857 153 857 145Q857 144 853 130Q845 101 831 73T785 17T716 -10Q669 -10 648 17T627 73Q627 92 663 193T700 345Q700 404 656 404H651Q565 404 506 303L499 291L466 157Q433 26 428 16Q415 -11 385 -11Q372 -11 364 -4T353 8T350 18Q350 29 384 161L420 307Q423 322 423 345Q423 404 379 404H374Q288 404 229 303L222 291L189 157Q156 26 151 16Q138 -11 108 -11Q95 -11 87 -5T76 7T74 17Q74 30 112 181Q151 335 151 342Q154 357 154 369Q154 405 129 405Q107 405 92 377T69 316T57 280Q55 278 41 278H27Q21 284 21 287Z"></path><path id="MJX-28-TEX-I-1D434" d="M208 74Q208 50 254 46Q272 46 272 35Q272 34 270 22Q267 8 264 4T251 0Q249 0 239 0T205 1T141 2Q70 2 50 0H42Q35 7 35 11Q37 38 48 46H62Q132 49 164 96Q170 102 345 401T523 704Q530 716 547 716H555H572Q578 707 578 706L606 383Q634 60 636 57Q641 46 701 46Q726 46 726 36Q726 34 723 22Q720 7 718 4T704 0Q701 0 690 0T651 1T578 2Q484 2 455 0H443Q437 6 437 9T439 27Q443 40 445 43L449 46H469Q523 49 533 63L521 213H283L249 155Q208 86 208 74ZM516 260Q516 271 504 416T490 562L463 519Q447 492 400 412L310 260L413 259Q516 259 516 260Z"></path></defs><g stroke="currentColor" fill="currentColor" stroke-width="0" transform="scale(1,-1)"><g data-mml-node="math"><g data-mml-node="mn"><use data-c="31" xlink:href="#MJX-28-TEX-N-31"></use><use data-c="35" xlink:href="#MJX-28-TEX-N-35" transform="translate(500,0)"></use><use data-c="30" xlink:href="#MJX-28-TEX-N-30" transform="translate(1000,0)"></use></g><g data-mml-node="mi" transform="translate(1500,0)"><use data-c="1D45A" xlink:href="#MJX-28-TEX-I-1D45A"></use></g><g data-mml-node="mi" transform="translate(2378,0)"><use data-c="1D434" xlink:href="#MJX-28-TEX-I-1D434"></use></g></g></g></svg><mjx-assistive-mml unselectable="on" display="inline"><math xmlns="http://www.w3.org/1998/Math/MathML"><mn>150</mn><mi>m</mi><mi>A</mi></math></mjx-assistive-mml></mjx-container><script type="math/tex">150mA</script><span>。</span></p><p><span>（6）烧录完成后ESP32</span><strong><span>无限重启</span></strong><span>：</span><strong><span>重新烧录</span></strong><span>。</span></p><p><span>原因：未知。</span></p><hr /><h2 id='搭建方法-2'><span>搭建方法：</span></h2><p><span>（1）到</span><a href='https://github.com/SoTWild/ESP-HMI'><span>SoTWild/ESP-HMI: 基于 ESP32-WROVER 的人机界面 (github.com)</span></a><span>这个页面选择</span><code>Code -> Download ZIP</code><span>下载压缩包。</span></p><p><span>如果出现</span><strong><span>404</span></strong><span>错误，可以在</span><strong><span>本地</span></strong><span>一个文件夹</span><strong><span>按 Shift 再右键</span></strong><span>打开 </span><strong><span>Power Shell 窗口</span></strong><span>使用</span></p><pre class="md-fences md-end-block md-fences-with-lineno ty-contain-cm modeLoaded" spellcheck="false" lang="cmd"><div class="CodeMirror cm-s-inner cm-s-null-scroll CodeMirror-wrap" lang="cmd"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 9.34259px; left: 35.9809px;"><textarea autocorrect="off" autocapitalize="off" spellcheck="false" tabindex="0" style="position: absolute; bottom: -1em; padding: 0px; width: 1000px; height: 1em; outline: none;"></textarea></div><div class="CodeMirror-scrollbar-filler" cm-not-content="true"></div><div class="CodeMirror-gutter-filler" cm-not-content="true"></div><div class="CodeMirror-scroll" tabindex="-1"><div class="CodeMirror-sizer" style="margin-left: 28px; margin-bottom: 0px; border-right-width: 0px; padding-right: 0px; padding-bottom: 0px;"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines" role="presentation"><div role="presentation" style="position: relative; outline: none;"><div class="CodeMirror-measure"><pre><span>xxxxxxxxxx</span></pre><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>1</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-code" role="presentation"><div class="CodeMirror-activeline" style="position: relative;"><div class="CodeMirror-activeline-background CodeMirror-linebackground"></div><div class="CodeMirror-gutter-background CodeMirror-activeline-gutter" style="left: -27.9948px; width: 28px;"></div><div class="CodeMirror-gutter-wrapper CodeMirror-activeline-gutter" style="left: -27.9948px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt CodeMirror-linenumber-show" style="left: 0px; width: 19px;">1</div></div><pre class=" CodeMirror-line " role="presentation"><span role="presentation" style="padding-right: 0.1px;"><span class="cm-identifier">git</span> <span class="cm-identifier">clone</span> <span class="cm-identifier">https</span><span class="cm-operator">://</span><span class="cm-identifier">github</span><span class="cm-punctuation">.</span><span class="cm-identifier">com</span><span class="cm-operator">/</span><span class="cm-identifier">SoTWild</span><span class="cm-operator">/</span><span class="cm-identifier">ESP-HMI</span><span class="cm-punctuation">.</span><span class="cm-identifier">git</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 0px; width: 1px; border-bottom: 0px solid transparent; top: 23px;"></div><div class="CodeMirror-gutters" style="height: 23px;"><div class="CodeMirror-gutter CodeMirror-linenumbers" style="width: 27px;"></div></div></div></div></pre><p><span>这个命令克隆存储库（前提是安装了git）。</span></p><h6 id='压缩包文件'><span>压缩包文件：</span></h6><blockquote><p><span>ESP32-HMI：右键“</span><strong><span>通过 Code 打开</span></strong><span>”可以修改</span><strong><span>.ini</span></strong><span>配置文件后直接加载</span><strong><span>Platform IO</span></strong><span>编译上传。或者将</span><code>include</code><span>和</span><code>src</code><span>文件夹</span><strong><span>合并</span></strong><span>，将</span><code>lib</code><span>文件夹中的库导入，使用 </span><strong><span>Arduino IDE</span></strong><span> 打开。</span></p><p><span>Images：文档使用的</span><strong><span>图片</span></strong></p><p><span>PCB：</span><strong><span>两版</span></strong><span>设计，包括</span><strong><span>原理图</span></strong><span>、</span><strong><span>PCB图</span></strong><span>和</span><strong><span>嘉立创EDA文件</span></strong></p><p><span>SD：里面文件是</span><strong><span>TF卡</span></strong><span>内应装载的</span></p><p><span>LICENCE：GNU 协议</span></p><p><span>README.md：文档</span></p><p><span>README-EN.md：英文文档（还没有添加）</span></p></blockquote><p><span>（2）下载Gerber文件，送板厂打样</span></p><blockquote><p><span>注：由于是4层PCB，若要黑色阻焊层，得加钱。</span></p></blockquote><p><span>（3）根据BOM表购买元件焊接</span></p><p><span>（4）将SD文件夹中文件复制到准备好的TF卡内</span></p><p><span>（5）上传程序，装配TF卡</span></p><p><span>（6）调试</span></p><p><span>（7）完成</span></p><hr /><h2 id='其他-2'><span>其他：</span></h2><h3 id='special-thanks'><span>Special Thanks：</span></h3><p><a href='https://github.com/moononournation/Arduino_GFX'><span>moononournation/Arduino_GFX: Arduino GFX developing for various color displays and various data bus interfaces (github.com)</span></a></p><p><a href='https://github.com/Bodmer/JPEGDecoder'><span>Bodmer/JPEGDecoder: A JPEG decoder library (github.com)</span></a></p><p><a href='https://github.com/earlephilhower/ESP8266Audio'><span>earlephilhower/ESP8266Audio: Arduino library to play MOD, WAV, FLAC, MIDI, RTTTL, MP3, and AAC files on I2S DACs or with a software emulated delta-sigma DAC on the ESP8266 and ESP32 (github.com)</span></a></p><p><a href='https://github.com/peng-zhihui/HoloCubic'><span>peng-zhihui/HoloCubic: 带网络功能的伪全息透明显示桌面站 (github.com)</span></a></p><p><a href='https://github.com/pschatzmann/ESP32-A2DP'><span>pschatzmann/ESP32-A2DP: A Simple ESP32 Bluetooth A2DP Library (to implement a Music Receiver or Sender) that supports Arduino, PlatformIO and Espressif IDF (github.com)</span></a></p><p><a href='https://github.com/Bodmer/TFT_eSPI'><span>Bodmer/TFT_eSPI: Arduino and PlatformIO IDE compatible TFT library optimised for the Raspberry Pi Pico (RP2040), STM32, ESP8266 and ESP32 that supports different driver chips (github.com)</span></a></p><p><a href='https://github.com/Risele/SHT3x'><span>Risele/SHT3x: Arduino library for Sensorion SHT3x humidity and temperature sensors (SHT30, SHT31, SHT35). (github.com)</span></a></p><p><a href='https://github.com/arduino-libraries/NTPClient'><span>arduino-libraries/NTPClient: Connect to a NTP server (github.com)</span></a></p><p><a href='https://www.bilibili.com/video/BV1r34117746'><span>教你做一个ESP32-SD卡服务器</span><em><span>哔哩哔哩</span></em><span>bilibili</span></a></p><p><span>另外有些出处找不到了，可以的话请告知我。</span></p><h3 id='结语-2'><span>结语：</span></h3><p><span>该项目从</span><strong><span>2021年09月05日</span></strong><span>开始构思，目前为止基本要完成了。它几乎代表了我的</span><strong><span>最高技术力</span></strong><span>，希望该项目能为开源事业添砖加瓦。</span></p><p><span>在开发过程中，我也吸取到不少经验和教训，这里尽量分享出来，希望能帮助到各位。</span></p><hr /><p><img src="https://s3.bmp.ovh/imgs/2022/10/29/cdb82a3592add309.webp" style="zoom:25%;" /></p></div></div>
</body>
</html>