2022-06-02 06:36:30 +00:00
<!doctype html>
2021-07-10 09:47:51 +00:00
< html >
< head >
2022-06-02 06:36:30 +00:00
< 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' > h t m l { o v e r f l o w - x : i n i t i a l ! i m p o r t a n t ; } : r o o t { - - b g - c o l o r : # f f f f f f ; - - t e x t - c o l o r : # 3 3 3 3 3 3 ; - - s e l e c t - t e x t - b g - c o l o r : # B 5 D 6 F C ; - - s e l e c t - t e x t - f o n t - c o l o r : a u t o ; - - m o n o s p a c e : " L u c i d a C o n s o l e " , C o n s o l a s , " C o u r i e r " , m o n o s p a c e ; - - t i t l e - b a r - h e i g h t : 2 0 p x ; }
.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; }
}
#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; }
2022-07-02 04:18:12 +00:00
thead, tr { break-inside: avoid; break-after: auto; }
2022-06-02 06:36:30 +00:00
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; }
2022-07-02 04:18:12 +00:00
svg { break-inside: avoid; }
2022-06-02 06:36:30 +00:00
.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; }
2022-07-02 04:18:12 +00:00
#write { margin-top: 0px; padding-top: 0px; border-color: transparent !important; padding-bottom: 0px !important; }
2022-06-02 06:36:30 +00:00
.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; }
2022-07-02 04:18:12 +00:00
.reversefootnote { font-family: ui-monospace, sans-serif; }
2022-06-02 06:36:30 +00:00
.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; }
: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;
}
pre {
page-break-inside: avoid;
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));
}
2022-06-08 07:52:50 +00:00
< / style > < title > 视频监控系统开发及使用手册< / title >
2021-07-10 09:47:51 +00:00
< / head >
2022-06-02 06:36:30 +00:00
< body class = 'typora-export os-windows typora-export-show-outline typora-export-collapse-outline' > < div class = 'typora-export-content' >
2022-07-02 04:18:12 +00:00
< div class = "typora-export-sidebar" > < div class = "outline-content" > < li class = "outline-item-wrapper outline-h2" > < div class = "outline-item" > < span class = "outline-expander" > < / span > < a class = "outline-label" href = "#0-前言说明" > 0 前言说明< / a > < / div > < ul class = "outline-children" > < li class = "outline-item-wrapper outline-h3 outline-item-single" > < div class = "outline-item" > < span class = "outline-expander" > < / span > < a class = "outline-label" href = "#01-系统说明" > 0.1 系统说明< / a > < / div > < ul class = "outline-children" > < / ul > < / li > < li class = "outline-item-wrapper outline-h3 outline-item-single" > < div class = "outline-item" > < span class = "outline-expander" > < / span > < a class = "outline-label" href = "#02-特别说明" > 0.2 特别说明< / a > < / div > < ul class = "outline-children" > < / ul > < / li > < li class = "outline-item-wrapper outline-h3 outline-item-single" > < div class = "outline-item" > < span class = "outline-expander" > < / span > < a class = "outline-label" href = "#03-相关站点" > 0.3 相关站点< / a > < / div > < ul class = "outline-children" > < / ul > < / li > < li class = "outline-item-wrapper outline-h3" > < div class = "outline-item" > < span class = "outline-expander" > < / span > < a class = "outline-label" href = "#04-功能特点" > 0.4 功能特点< / a > < / div > < ul class = "outline-children" > < li class = "outline-item-wrapper outline-h4 outline-item-single" > < div class = "outline-item" > < span class = "outline-expander" > < / span > < a class = "outline-label" href = "#041-软件模块" > 0.4.1 软件模块< / a > < / div > < ul class = "outline-children" > < / ul > < / li > < li class = "outline-item-wrapper outline-h4 outline-item-single" > < div class = "outline-item" > < span class = "outline-expander" > < / span > < a class = "outline-label" href = "#042-基础功能" > 0.4.2 基础功能< / a > < / div > < ul class = "outline-children" > < / ul > < / li > < li class = "outline-item-wrapper outline-h4 outline-item-single" > < div class = "outline-item" > < span class = "outline-expander" > < / span > < a class = "outline-label" href = "#043-特色功能" > 0.4.3 特色功能< / a > < / div > < ul class = "outline-children" > < / ul > < / li > < / ul > < / li > < li class = "outline-item-wrapper outline-h3 outline-item-single" > < div class = "outline-item" > < span class = "outline-expander" > < / span > < a class = "outline-label" href = "#05-目录说明" > 0.5 目录说明< / a > < / div > < ul class = "outline-children" > < / ul > < / li > < li class = "outline-item-wrapper outline-h3" > < div class = "outline-item" > < span class = "outline-expander" > < / span > < a class = "outline-label" href = "#06-编译说明" > 0.6 编译说明< / a > < / div > < ul class = "outline-children" > < li class = "outline-item-wrapper outline-h4 outline-item-single" > < div class = "outline-item" > < span class = "outline-expander" > < / span > < a class = "outline-label" href = "#061-特别提示" > 0.6.1 特别提示< / a > < / div > < ul class = "outline-children" > < / ul > < / li > < li class = "outline-item-wrapper outline-h4 outline-item-single" > < div class = "outline-item" > < span class = "outline-expander" > < / span > < a class = "outline-label" href = "#062-注意事项" > 0.6.2 注意事项< / a > < / div > < ul class = "outline-children" > < / ul > < / li > < li class = "outline-item-wrapper outline-h4 outline-item-single" > < div class = "outline-item" > < span class = "outline-expander" > < / span > < a class = "outline-label" href = "#063-离线地图" > 0.6.3 离线地图< / a > < / div > < ul class = "outline-children" > < / ul > < / li > < / ul > < / li > < li class = "outline-item-wrapper outline-h3" > < div class = "outline-item" > < span class = "outline-expander" > < / span > < a class = "outline-label" href = "#07-视频格式" > 0.7 视频格式< / a > < / div > < ul class = "outline-children" > < li class = "outline-item-wrapper outline-h4 outline-item-single" > < div class = "outline-item" > < span class = "outline-expander" > < / span > < a class = "outline-label" href = "#071-usb摄像头" > 0.7.1 USB摄像头< / a > < / div > < ul class = "outline-children" > < / ul > < / li > < li class = "outline-item-wrapper outline-h4 outline-item-single" > < div class = "outline-item" > < span class = "outline-expander" > < / span > < a class = "outline-label" href = "#072-网络地址" > 0.7.2 网络地址< / a > < / div > < ul class = "outline-children" > < / ul > < / li > < li class = "outline-item-wrapper outline-h4 outline-item-single" > < div class = "outline-item" > < span class = "outline-expander" > < / span > < a class = "outline-label" href = "#073-中央卫视" > 0.7.3 中央卫视< / a > < / div > < ul class = "outline-children" > < /u
2022-06-02 06:36:30 +00:00
< span > contains(QT_ARCH, arm) {< / span >
< span > DEFINES -= videoffmpeg< / span >
< span > }< / span > < / li > < li > < span > Qt6.2的mingw版本的multimedia模块不可用， < / span > < / li > < li > < span > 推荐用64位的Qt搭配64位的ffmpeg， ， ， ， < / span > < / li > < / ol > < h4 id = '062-注意事项' > < span > 0.6.2 注意事项< / span > < / h4 > < ol start = '' > < li > < span > 可执行文件在源码同级目录的bin目录下。< / span > < / li > < li > < span > 编译完成后记得将源码下的file目录下（ ） < / span > < / li > < li > < span > 如果开启了视频监控（ ） ， （ ） ， < / span > < / li > < li > < span > 各个操作系统的ffmpeg和vlc编译好的动态库以及miniblink的动态库下载地址。< / span >
2022-07-02 04:18:12 +00:00
< a href = 'https://pan.baidu.com/s/13LDRu6mXC6gaADtrGprNVA' target = '_blank' class = 'url' > https://pan.baidu.com/s/13LDRu6mXC6gaADtrGprNVA< / a > < span > < / span > < / li > < li > < span > 如果是64位的qt则对应的dll时候拷贝dll_ffmpeg4_64目录下的。< / span > < / li > < li > < span > 如果使用的ffmpeg3则对应dll目录就是dll_ffmpeg， （ ） （ ） ， < / span > < / li > < li > < span > 如果编译运行提示miniblink文件不存在请先拷贝， ， ， ， ， ， < / span > < / li > < li > < span > 系统中所有的图标， ， ， ， ， ， < / span > < / li > < li > < span > 如果发现地图打不开或者提示秘钥文件丢失， < / span > < / li > < li > < span > 如果是用vs+qt可能报错 error LNK2026， < / span > < / li > < li > < span > 默认用户名admin 密码admin。< / span > < / li > < li > < span > 系统配置参数在加载的时候会对节点值进行过滤判断， ， ， < / span > < / li > < li > < span > 如果是用vlc推流的rtsp地址， ， ， （ ） < / span > < / li > < / ol > < h4 id = '063-离线地图' > < span > 0.6.3 离线地图< / span > < / h4 > < ol start = '' > < li > < span > 离线地图可以用网上的瓦片地图下载器下载百度的离线地图放到对应目录即可。< / span > < / li > < li > < span > 也可以直接下载网盘中已经下载好的上海市的离线地图。< / span > < / li > < li > < span > 下载地址：< / span > < a href = 'https://pan.baidu.com/s/1ZxG-oyUKe286LPMPxOrO2A' target = '_blank' class = 'url' > https://pan.baidu.com/s/1ZxG-oyUKe286LPMPxOrO2A< / a > < span > 提取码： ： < / span > < / li > < / ol > < p > < strong > < span > 使用说明< / span > < / strong > < / p > < ol start = '' > < li > < span > 将压缩包下的两个文件夹复制到对应可执行文件下的config文件夹下， < / span > < / li > < li > < span > tiles文件夹是街道图， ， ， < / span > < / li > < li > < span > 默认提供的是上海市徐汇区的瓦片地图，如果自己用万能地图下载器下载的百度地图的瓦片文件，也可以对应替换就行。< / span > < / li > < li > < span > 要注意的是格式， ， ， < / span > < / li > < / ol > < h3 id = '07-视频格式' > < span > 0.7 视频格式< / span > < / h3 > < h4 id = '071-usb摄像头' > < span > 0.7.1 USB摄像头< / span > < / h4 > < ol start = '' > < li > < span > 内核ffmpeg写法： （ ） < / span > < / li > < li > < span > 内核vlc写法： （ ） < / span > < / li > < li > < span > 带参数写法： ， < / span > < / li > < / ol > < p > < strong > < span > 写法举例< / span > < / strong > < / p > < ol start = '' > < li > < span > video=USB2.0 PC CAMERA|1920x1080|30（ ） < / span > < / li > < li > < span > video=USB2.0 PC CAMERA|640x480（ ） < / span > < / li > < li > < span > dshow://:dshow-vdev=USB2.0 PC CAMERA（ ） < / span > < /l
2022-06-02 06:36:30 +00:00
< / span > < / span > < / pre > < / div > < div style = "position: relative;" > < div class = "CodeMirror-gutter-wrapper" style = "left: -34.9916px;" > < div class = "CodeMirror-linenumber CodeMirror-gutter-elt" style = "left: 0px; width: 27px;" > 13< / div > < / div > < pre class = " CodeMirror-line " role = "presentation" > < span role = "presentation" style = "padding-right: 0.1px;" > < span class = "cm-comment" > //中文皮肤名称对应样式表文件< / span > < / span > < / pre > < / div > < div style = "position: relative;" > < div class = "CodeMirror-gutter-wrapper" style = "left: -34.9916px;" > < div class = "CodeMirror-linenumber CodeMirror-gutter-elt" style = "left: 0px; width: 27px;" > 14< / div > < / div > < pre class = " CodeMirror-line " role = "presentation" > < span role = "presentation" style = "padding-right: 0.1px;" > < span class = "cm-keyword" > static< / span > < span class = "cm-variable" > QStringList< / span > < span class = "cm-variable" > files< / span > ;< / span > < / pre > < / div > < div style = "position: relative;" > < div class = "CodeMirror-gutter-wrapper" style = "left: -34.9916px;" > < div class = "CodeMirror-linenumber CodeMirror-gutter-elt" style = "left: 0px; width: 27px;" > 15< / div > < / div > < pre class = " CodeMirror-line " role = "presentation" > < span role = "presentation" style = "padding-right: 0.1px;" > < span class = "cm-keyword" > if< / span > (< span class = "cm-variable" > files< / span > .< span class = "cm-variable" > count< / span > () < span class = "cm-operator" > ==< / span > < span class = "cm-number" > 0< / span > ) {< / span > < / pre > < / div > < div style = "position: relative;" > < div class = "CodeMirror-gutter-wrapper" style = "left: -34.9916px;" > < div class = "CodeMirror-linenumber CodeMirror-gutter-elt" style = "left: 0px; width: 27px;" > 16< / div > < / div > < pre class = " CodeMirror-line " role = "presentation" > < span role = "presentation" style = "padding-right: 0.1px;" > < span class = "cm-variable" > files< / span > < span class = "cm-operator" > < < < / span > < span class = "cm-string" > ":/qss/blackblue.css"< / span > < span class = "cm-operator" > < < < / span > < span class = "cm-string" > ":/qss/blacksoft.css"< / span > < span class = "cm-operator" > < < < / span > < span class = "cm-string" > ":/qss/blackvideo.css"< / span > ;< / span > < / pre > < / div > < div style = "position: relative;" > < div class = "CodeMirror-gutter-wrapper" style = "left: -34.9916px;" > < div class = "CodeMirror-linenumber CodeMirror-gutter-elt" style = "left: 0px; width: 27px;" > 17< / div > < / div > < pre class = " CodeMirror-line " role = "presentation" > < span role = "presentation" style = "padding-right: 0.1px;" > < span class = "cm-variable" > files< / span > < span class = "cm-operator" > < < < / span > < span class = "cm-string" > ":/qss/darkblack.css"< / span > < span class = "cm-operator" > < < < / span > < span class = "cm-string" > ":/qss/darkblue.css"< / span > < span class = "cm-operator" > < < < / span > < span class = "cm-string" > ":/qss/darkgray.css"< / span > ;< / span > < / pre > < / div > < div style = "position: relative;" > < div class = "CodeMirror-gutter-wrapper" style = "left: -34.9916px;" > < div class = "CodeMirror-linenumber CodeMirror-gutter-elt" style = "left: 0px; width: 27px;" > 18< / div > < / div > < pre class = " CodeMirror-line " role = "presentation" > < span role = "presentation" style = "padding-right: 0.1px;" > < span class = "cm-variable" > files< / span > < span class = "cm-operator" > < < < / span > < span class = "cm-string" > ":/qss/flatblack.css"< / span > < span class = "cm-operator" > < < < / span > < span class = "cm-string" > ":/qss/flatblue.css"< / span > < span class = "cm-operator" > < < < / span > < span class = "cm-string" > ":/qss/flatgray.css"< / span > ;< / span > < / pre > < / div > < div style = "position: relative;" > < div class = "CodeMirror-gutter-wrapper" style = "left: -34.9916px;" > < div class = "CodeMirror-linenumber CodeMirror-gutter-elt" style = "left: 0px; width: 27px;" > 19< / div > < / div > < pre class = " CodeMirror-line " role = "presentation" > < span role = "presentation" style = "padding-right: 0.1px;" > < span class = "cm-variable" > files< / span > < span class = "cm-operator" > < < < / span > < span class = "cm-string" > ":/qss/lightblack.css"< / span > < span class = "cm-operator" > < < < / span > < span class = "cm-string" > ":/qss/lightblue.css"< / span > < span class = "cm-operator" > < < < / span > < span class = "cm-strin
< / span > < / span > < / pre > < / div > < div style = "position: relative;" > < div class = "CodeMirror-gutter-wrapper" style = "left: -34.9916px;" > < div class = "CodeMirror-linenumber CodeMirror-gutter-elt" style = "left: 0px; width: 27px;" > 24< / div > < / div > < pre class = " CodeMirror-line " role = "presentation" > < span role = "presentation" style = "padding-right: 0.1px;" > < span class = "cm-variable" > styleNames< / span > < span class = "cm-operator" > =< / span > < span class = "cm-variable" > names< / span > ;< / span > < / pre > < / div > < div style = "position: relative;" > < div class = "CodeMirror-gutter-wrapper" style = "left: -34.9916px;" > < div class = "CodeMirror-linenumber CodeMirror-gutter-elt" style = "left: 0px; width: 27px;" > 25< / div > < / div > < pre class = " CodeMirror-line " role = "presentation" > < span role = "presentation" style = "padding-right: 0.1px;" > < span class = "cm-variable" > styleFiles< / span > < span class = "cm-operator" > =< / span > < span class = "cm-variable" > files< / span > ;< / span > < / pre > < / div > < div style = "position: relative;" > < div class = "CodeMirror-gutter-wrapper" style = "left: -34.9916px;" > < div class = "CodeMirror-linenumber CodeMirror-gutter-elt CodeMirror-linenumber-show" style = "left: 0px; width: 27px;" > 26< / div > < / div > < pre class = " CodeMirror-line " role = "presentation" > < span role = "presentation" style = "padding-right: 0.1px;" > }< / span > < / pre > < / div > < / div > < / div > < / div > < / div > < / div > < div style = "position: absolute; height: 0px; width: 1px; border-bottom: 0px solid transparent; top: 599px;" > < / div > < div class = "CodeMirror-gutters" style = "height: 599px;" > < div class = "CodeMirror-gutter CodeMirror-linenumbers" style = "width: 34px;" > < / div > < / div > < / div > < / div > < / pre > < p > < strong > < span > V20211111< / span > < / strong > < / p > < ol start = '' > < li > < span > ONVIF组件增加图片参数范围获取， ， ， < / span > < / li > < li > < span > ONVIF组件增加网络参数设置， ， < / span > < / li > < li > < span > ONVIF组件将结构体定义统一移到一个头文件onvifstruct.h， < / span > < / li > < li > < span > 预置位模块，调用、添加（调用）、删除三种功能，改成了以三个按钮的形式加到每个预置位信息的后面直接单击使用。之前是先选中预置位所在行，然后单击下面的按钮。< / span > < / li > < li > < span > 通道轮询全部移动单独的悬停的模块。< / span > < / li > < li > < span > 视频面板窗体指针改成了全局变量，多处需要引用。< / span > < / li > < li > < span > 修复1通道轮询后， < / span > < / li > < li > < span > 修复底部通道切换， < / span > < / li > < li > < span > 路径规划模块增加模拟轨迹设备自动旋转角度移动。< / span > < / li > < li > < span > 路径规划模块模拟轨迹增加移动间隔下拉框选择。< / span > < / li > < li > < span > 修复Qt4对应webkit模块不支持返回数组的问题， < / span > < / li > < li > < span > 修复Qt4对应webkit模块不支持路径规划的BUG， < / span > < / li > < li > < span > 路径规划增加绘制实时轨迹线条，不同颜色显示。< / span > < / li > < / ol > < p > < strong > < span > V20211101< / span > < / strong > < / p > < ol start = '' > < li > < span > 修正开启轮询后关闭所有视频通道不弹出提示信息。< / span > < / li > < li > < span > 所有信息框增加阴影边框区分突出显示，并跟随系统换肤自动更新边框阴影。< / span > < / li > < li > < span > 修正视频轮询分隔符，将|改成;因为如果是竖杠遇到带有参数的url则会出错。< / span > < / li > < li > < span > 将设备图片统一存放到config/device目录， ， < / span > < / li > < li > < span > 修复之前通过信号执行通道切换， （ ， ） < / span > < / li > < li > < span > 将鼠标按下两个通道交换的处理代码，复用信号槽切换通道的函数。< / span > < / li > < li > < span > 将视频<EFBFBD>
< span > < / span > < img src = "snap/1-1-2.jpg" referrerpolicy = "no-referrer" > < / p > < p > < span > 系统启动后， ， ， （ ） ， ， ， ， ， < / span > < / p > < p > < span > 在登录界面可以勾选是否记住密码，是否自动登录，如果勾选了记住密码，则下次启用软件会自动填入最后用户的密码，勾选了自动登录（以最后的用户信息作为当前登录用户）则启动后直接进入主界面。如果开启了自动登录，不会弹出登录界面，可以在系统设置中关闭自动登录和记住密码。< / span > < / p > < h3 id = '12-用户退出' > < span > 1.2 用户退出< / span > < / h3 > < p > < span > < / span > < img src = "snap/1-2-1.jpg" referrerpolicy = "no-referrer" > < / p > < p > < span > 在主界面单击右上角的关闭按钮， ， ， ， < / span > < / p > < h2 id = '2-主界面操作' > < span > 2 主界面操作< / span > < / h2 > < p > < span > < / span > < img src = "snap/2-0-1.jpg" referrerpolicy = "no-referrer" >
< span > < / span > < img src = "snap/2-0-2.jpg" referrerpolicy = "no-referrer" > < / p > < p > < span > 主界面由顶部主菜单导航、左侧右侧停靠窗体（设备列表、窗口信息、图文警情、悬浮地图、云台控制、设备控制、预置巡航、视频轮询等）、中间视频监控主画面组成，其中左右两侧的停靠窗体可以拉伸宽度，上下停靠窗体之间也可以拉伸高度，每个停靠窗体都可以关闭和悬浮。自动保存布局文件，下次启动自动应用。< / span > < / p > < p > < strong > < span > 新增说明< / span > < / strong > < / p > < ul > < li > < span > 2021-5-8， < / span > < / li > < li > < span > 拓展性更强，可以任意组合多种子模块。< / span > < / li > < li > < span > 模块可停靠悬浮。< / span > < / li > < li > < span > 在普通模式和全屏模式都有独立的布局文件。< / span > < / li > < li > < span > 不同的工作模式都可对应不同的布局文件。< / span > < / li > < / ul > < h3 id = '21-面板显示隐藏' > < span > 2.1 面板显示隐藏< / span > < / h3 > < p > < span > < / span > < img src = "snap/2-1-1.jpg" referrerpolicy = "no-referrer" >
< span > < / span > < img src = "snap/2-1-2.jpg" referrerpolicy = "no-referrer" > < / p > < p > < span > 左侧和右侧的面板， ， ， ， ， ， ， < / span > < / p > < p > < strong > < span > 特别说明< / span > < / strong > < / p > < ol start = '' > < li > < span > 在停靠窗体的标题栏鼠标右键也会弹出子窗体的开启菜单，复选框勾选表示显示，悬浮的窗体没有这个特性，一定要是嵌入在主界面中的子窗体标题栏才有。< / span > < / li > < li > < span > 如果是全屏模式，由于没有了标题栏，想要关闭模块的话，需要将其拖动到边缘嵌入主窗体，然后在标题栏鼠标右键菜单中关闭即可。< / span > < / li > < / ol > < h3 id = '22-面板拖动' > < span > 2.2 面板拖动< / span > < / h3 > < p > < span > < / span > < img src = "snap/2-2-1.jpg" referrerpolicy = "no-referrer" > < / p > < p > < span > 面板和面板之间有个分隔条，鼠标移到对应分隔条的地方，会变成可拉动的鼠标指针，此时可以上下左右拉动调整宽高，调整好以后会自动保存宽高比例，下次启动后自动应用最后的配置来显示。< / span > < / p > < h3 id = '23-视频播放' > < span > 2.3 视频播放< / span > < / h3 > < p > < span > < / span > < img src = "snap/2-3-1.jpg" referrerpolicy = "no-referrer" > < / p > < p > < span > 视频播放同时支持多种方式：< / span > < / p > < ol start = '' > < li > < span > 双击子节点播放单个摄像机，在当前选中通道处播放。< / span > < / li > < li > < span > 双击父节点播放整个录像机的摄像机，依次排列。< / span > < / li > < li > < span > 按住子节点拖曳到对应通道，播放摄像机。< / span > < / li > < li > < span > 本地文件直接拖曳到通道，自动播放本地文件。< / span > < / li > < li > < span > 启动后自动播放最后通道的视频信息。< / span > < / li > < li > < span > 代码接口提供指定通道播放url。< / span > < / li > < li > < span > 代码接口提供指定两个通道交换，比如报警的时候将某个通道移到最前面显示。< / span > < / li > < / ol > < h3 id = '24-视频截图' > < span > 2.4 视频截图< / span > < / h3 > < p > < span > < / span > < img src = "snap/2-4-1.jpg" referrerpolicy = "no-referrer" > < / p > < p > < span > 在视频监控主界面， ， ， ， < / span >
< span > 文件名格式： < / span > < / p > < h3 id = '25-删除视频' > < span > 2.5 删除视频< / span > < / h3 > < p > < span > < / span > < img src = "snap/2-5-1.jpg" referrerpolicy = "no-referrer" >
< span > < / span > < img src = "snap/2-5-2.jpg" referrerpolicy = "no-referrer" > < / p > < p > < span > 有多种方法可以删除视频：< / span > < / p > < ol start = '' > < li > < span > 鼠标右键删除当前视频。< / span > < / li > < li > < span > 鼠标右键删除所有视频。< / span > < / li > < li > < span > 按住通道画面移出视频监控画面。< / span > < / li > < li > < span > 悬浮条关闭按钮。< / span > < / li > < / ol > < h3 id = '26-画面切换' > < span > 2.6 画面切换< / span > < / h3 > < p > < span > < / span > < img src = "snap/2-6-1.jpg" referrerpolicy = "no-referrer" > < / p > < p > < span > 系统支持多画面切换， ， ， ， < / span > < / p > < ol start = '' > < li > < span > 鼠标右键画面切换。< / span > < / li > < li > < span > 底部左侧画面切换缩略图。< / span > < / li > < li > < span > 快捷键alt+enter全屏。< / span > < / li > < li > < span > 快捷键esc退出全屏。< / span > < / li > < / ol > < p > < span > 64画面效果图< / span >
< span > < / span > < img src = "snap/2-6-2.jpg" referrerpolicy = "no-referrer" > < / p > < h3 id = '27-声音调节' > < span > 2.7 声音调节< / span > < / h3 > < p > < span > < / span > < img src = "snap/2-7-1.jpg" referrerpolicy = "no-referrer" > < / p > < p > < span > 在主界面画面栏右下角， ， ， ， ， ， ， ， < / span > < / p > < h3 id = '28-视频轮询' > < span > 2.8 视频轮询< / span > < / h3 > < p > < span > < / span > < img src = "snap/2-8-1.jpg" referrerpolicy = "no-referrer" > < / p > < p > < strong > < span > 功能说明< / span > < / strong > < / p > < ol start = '' > < li > < span > 开启是否一运行自动轮询。< / span > < / li > < li > < span > 可设置轮询间隔， < / span > < / li > < li > < span > 可设置轮询画面类型， < / span > < / li > < li > < span > 可选择切换不同的轮询方案。< / span > < / li > < li > < span > 开始轮询和停止轮询。< / span > < / li > < li > < span > 暂停轮询和继续轮询。< / span > < / li > < / ol > < h3 id = '29-通道交换' > < span > 2.9 通道交换< / span > < / h3 > < p > < span > < / span > < img src = "snap/2-9-1.jpg" referrerpolicy = "no-referrer" > < / p > < p > < span > 通道交换功能很常用， ， ， ， ， ， ， ， ， ， < / span > < / p > < p > < span > 本系统也封装了代码中动态控制切换和动态交换， ， < / span > < / p > < pre class = "md-fences md-end-block md-fences-with-lineno ty-contain-cm modeLoaded" spellcheck = "false" lang = "cpp" > < div class = "CodeMirror cm-s-inner cm-s-null-scroll CodeMirror-wrap" lang = "cpp" > < div style = "overflow: hidden; position: relative; width: 3px; height: 0px; top: 9.51471px; left: 35.9874px;" > < 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 > 5< / div > < / div > < / div > < div class = "CodeMirror-measure" > < / div > < div style = "position: relative; z-index: 1;" > < / div > < div class = "CodeMirror-code" role = "presentation" style = "" > < 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.9958px; width: 28px;" > < / div > < div class = "CodeMirror-gutter-wrapper CodeMirror-activeline-gutter" style = "left: -27.9958px;" > < 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-comment" > //指定通道显示视频 id从0开始< / span > < / span > < / pre > < / div > < div style = "position: relative;" > < div class = "CodeMirror-gutter-wrapper" style = "left: -27.9958px;" > < div class = "CodeMirror-linenumber CodeMirror-gutter-elt" style = "left: 0px; width: 19px;" > 2< / div > < / div > < pr
< / span > < / span > < / pre > < / div > < div style = "position: relative;" > < div class = "CodeMirror-gutter-wrapper" style = "left: -34.9916px;" > < div class = "CodeMirror-linenumber CodeMirror-gutter-elt" style = "left: 0px; width: 27px;" > 16< / div > < / div > < pre class = " CodeMirror-line " role = "presentation" > < span role = "presentation" style = "padding-right: 0.1px;" > < span class = "cm-keyword" > enum< / span > < span class = "cm-def" > OSDPosition< / span > {< / span > < / pre > < / div > < div style = "position: relative;" > < div class = "CodeMirror-gutter-wrapper" style = "left: -34.9916px;" > < div class = "CodeMirror-linenumber CodeMirror-gutter-elt" style = "left: 0px; width: 27px;" > 17< / div > < / div > < pre class = " CodeMirror-line " role = "presentation" > < span role = "presentation" style = "padding-right: 0.1px;" > < span class = "cm-variable" > OSDPosition_Left_Top< / span > < span class = "cm-operator" > =< / span > < span class = "cm-number" > 0< / span > , < span class = "cm-comment" > //左上角< / span > < / span > < / pre > < / div > < div style = "position: relative;" > < div class = "CodeMirror-gutter-wrapper" style = "left: -34.9916px;" > < div class = "CodeMirror-linenumber CodeMirror-gutter-elt" style = "left: 0px; width: 27px;" > 18< / div > < / div > < pre class = " CodeMirror-line " role = "presentation" > < span role = "presentation" style = "padding-right: 0.1px;" > < span class = "cm-variable" > OSDPosition_Left_Bottom< / span > < span class = "cm-operator" > =< / span > < span class = "cm-number" > 1< / span > , < span class = "cm-comment" > //左下角< / span > < / span > < / pre > < / div > < div style = "position: relative;" > < div class = "CodeMirror-gutter-wrapper" style = "left: -34.9916px;" > < div class = "CodeMirror-linenumber CodeMirror-gutter-elt" style = "left: 0px; width: 27px;" > 19< / div > < / div > < pre class = " CodeMirror-line " role = "presentation" > < span role = "presentation" style = "padding-right: 0.1px;" > < span class = "cm-variable" > OSDPosition_Right_Top< / span > < span class = "cm-operator" > =< / span > < span class = "cm-number" > 2< / span > , < span class = "cm-comment" > //右上角< / span > < / span > < / pre > < / div > < div style = "position: relative;" > < div class = "CodeMirror-gutter-wrapper" style = "left: -34.9916px;" > < div class = "CodeMirror-linenumber CodeMirror-gutter-elt CodeMirror-linenumber-show" style = "left: 0px; width: 27px;" > 20< / div > < / div > < pre class = " CodeMirror-line " role = "presentation" > < span role = "presentation" style = "padding-right: 0.1px;" > < span class = "cm-variable" > OSDPosition_Right_Bottom< / span > < span class = "cm-operator" > =< / span > < span class = "cm-number" > 3< / span > < span class = "cm-comment" > //右下角< / span > < / span > < / pre > < / div > < div style = "position: relative;" > < div class = "CodeMirror-gutter-wrapper" style = "left: -34.9916px;" > < div class = "CodeMirror-linenumber CodeMirror-gutter-elt CodeMirror-linenumber-show" style = "left: 0px; width: 27px;" > 21< / div > < / div > < pre class = " CodeMirror-line " role = "presentation" > < span role = "presentation" style = "padding-right: 0.1px;" > };< / span > < / pre > < / div > < / div > < / div > < / div > < / div > < / div > < div style = "position: absolute; height: 0px; width: 1px; border-bottom: 0px solid transparent; top: 484px;" > < / div > < div class = "CodeMirror-gutters" style = "height: 484px;" > < div class = "CodeMirror-gutter CodeMirror-linenumbers" style = "width: 34px;" > < / div > < / div > < / div > < / div > < / pre > < h2 id = '3-视频回放' > < span > 3 视频回放< / span > < / h2 > < p > < span > 视频回放中有多个子模块，分别是不同的含义：< / span > < / p > < ol start = '' > < li > < span > 本地回放：回放存储在本地电脑的视频文件。< / span > < / li > < li > < span > 远程回放： （ ， ） < / span > < / li > < li > < span > 设备播放： < / span > < / li > < li > < span > 图片回放：查找对应文件夹下的所有通道图片，按照设定的间隔回复，类似视频效果，一般用在存储一堆图片序列的应用场景中。< / span > < / li > < li > < span > 视频上传：将查询的本地存储的视频文件上传到云端服务器。类似于将视频文件存储到服务器上，需要手动填写服务器地址和端口。< / span > < / li > < / ol > < h3 id = '31-本<>
2022-07-02 04:18:12 +00:00
< a href = 'https://blog.csdn.net/feiyangqingyun/article/details/104005917' target = '_blank' class = 'url' > https://blog.csdn.net/feiyangqingyun/article/details/104005917< / a > < / li > < li > < span > 请下载同目录下的bin_map_tiles.zip压缩包， ， < / span > < / li > < / ol > < h3 id = '44-在线地图' > < span > 4.4 在线地图< / span > < / h3 > < p > < span > < / span > < img src = "snap/4-4-1.jpg" referrerpolicy = "no-referrer" > < / p > < p > < span > 在摄像机管理的界面，可以添加经纬度信息，这样就可以在地图上显示对应的摄像机点位信息，如果发现位置不对，可以在右侧先选择摄像机设备，然后鼠标单击新的位置，右侧目标经度、目标纬度信息会自动更新，然后再单击更新经纬度值则会更新当前下拉选择的设备的经纬度信息，也可以在摄像机管理界面手动填入进行修改。< / span > < / p > < p > < span > 在右侧还有模拟运动轨迹、开始显示轨迹两个按钮，有可能后期还会增加其他功能，是为了演示如何在地图上实现地图的相关功能，开始显示轨迹采用的定时器来生成轨迹点数据，动态模拟运动轨迹，可以单击显示设备位置按钮还原最初的设备点位图。< / span > < / p > < p > < strong > < span > 功能特点< / span > < / strong > < / p > < ol start = '' > < li > < span > 同时支持在线地图和离线地图两种模式。< / span > < / li > < li > < span > 同时支持webkit内核、webengine内核、IE内核。< / span > < / li > < li > < span > 支持设置多个标注点，信息包括名称、地址、经纬度。< / span > < / li > < li > < span > 可设置地图是否可单击、拖动、鼠标滚轮缩放。< / span > < / li > < li > < span > 可设置协议版本、秘钥、主题样式、中心坐标、中心城市、地理编码位置等。< / span > < / li > < li > < span > 可设置地图缩放比例和级别，缩略图、比例尺、路况信息等控件的可见。< / span > < / li > < li > < span > 支持地图交互，比如鼠标按下获取对应位置的经纬度。< / span > < / li > < li > < span > 支持查询路线，可设置起点位置、终点位置、路线模式、路线方式、路线方案（最少时间、最少换乘、最少步行、不乘地铁、最短距离、避开高速）。< / span > < / li > < li > < span > 可显示点线面工具，可直接在地图上划线、点、矩形、圆形等。< / span > < / li > < li > < span > 可设置行政区划， ， < / span > < / li > < li > < span > 可静态或者动态添加多个覆盖物。支持点、折线、多边形、矩形、圆形、弧线、点聚合等。< / span > < / li > < li > < span > 函数接口友好和统一，使用简单方便，就一个类。< / span > < / li > < li > < span > 支持js动态交互添加点、删除点、清空点、重置点， < / span > < / li > < li > < span > 支持任意Qt版本、任意系统、任意编译器。< / span > < / li > < / ol > < h3 id = '45-路径规划' > < span > 4.5 路径规划< / span > < / h3 > < p > < span > < / span > < img src = "snap/4-5-1.jpg" referrerpolicy = "no-referrer" > < / p > < p > < strong > < span > 基本步骤< / span > < / strong > < / p > < ol start = '' > < li > < span > 输入起点坐标和终点坐标，也可以勾选地图选点，开启后直接在左侧的地图界面鼠标按下自动识别对应的经纬度坐标填入，单选框勾选的起点则填入起点坐标输入框中，勾选的终点就填入终点坐标输入框中。< / span > < / li > < li > < span > 选择路线方式，可选公交、驾车、步行、骑行等方式，默认选择步行。< / span > < / li > < li > < span > 选择路线方案，可选最少时间、最短距离、避开高速等。< / span > < / li > < li > < span > 输入关键点数， ， ， ， ， ， < / span > < / li > < li > < span > 单击查询路线，自动返回对应路径的所有经纬度坐标。< / span > <
2022-06-02 06:36:30 +00:00
< / span > < / span > < / pre > < / div > < div style = "position: relative;" > < div class = "CodeMirror-gutter-wrapper" style = "left: -34.9916px;" > < div class = "CodeMirror-linenumber CodeMirror-gutter-elt" style = "left: 0px; width: 27px;" > 13< / div > < / div > < pre class = " CodeMirror-line " role = "presentation" > < span role = "presentation" style = "padding-right: 0.1px;" > < span class = "cm-comment" > //自动切换默认数据库端口< / span > < / span > < / pre > < / div > < div style = "position: relative;" > < div class = "CodeMirror-gutter-wrapper" style = "left: -34.9916px;" > < div class = "CodeMirror-linenumber CodeMirror-gutter-elt" style = "left: 0px; width: 27px;" > 14< / 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" > DbHelper::getDbDefaultInfo< / span > (< span class = "cm-keyword" > const< / span > < span class = "cm-variable" > QString< / span > < span class = "cm-operator" > & < / span > < span class = "cm-variable" > dbType< / span > , < span class = "cm-variable" > QString< / span > < span class = "cm-operator" > & < / span > < span class = "cm-variable" > hostPort< / span > ,< / span > < / pre > < / div > < div style = "position: relative;" > < div class = "CodeMirror-gutter-wrapper" style = "left: -34.9916px;" > < div class = "CodeMirror-linenumber CodeMirror-gutter-elt" style = "left: 0px; width: 27px;" > 15< / div > < / div > < pre class = " CodeMirror-line " role = "presentation" > < span role = "presentation" style = "padding-right: 0.1px;" > < span class = "cm-variable" > QString< / span > < span class = "cm-operator" > & < / span > < span class = "cm-variable" > userName< / span > , < span class = "cm-variable" > QString< / span > < span class = "cm-operator" > & < / span > < span class = "cm-variable" > userPwd< / span > )< / span > < / pre > < / div > < div style = "position: relative;" > < div class = "CodeMirror-gutter-wrapper" style = "left: -34.9916px;" > < div class = "CodeMirror-linenumber CodeMirror-gutter-elt" style = "left: 0px; width: 27px;" > 16< / div > < / div > < pre class = " CodeMirror-line " role = "presentation" > < span role = "presentation" style = "padding-right: 0.1px;" > {< / span > < / pre > < / div > < div style = "position: relative;" > < div class = "CodeMirror-gutter-wrapper" style = "left: -34.9916px;" > < div class = "CodeMirror-linenumber CodeMirror-gutter-elt" style = "left: 0px; width: 27px;" > 17< / div > < / div > < pre class = " CodeMirror-line " role = "presentation" > < span role = "presentation" style = "padding-right: 0.1px;" > < span class = "cm-keyword" > if< / span > (< span class = "cm-variable" > dbType< / span > < span class = "cm-operator" > ==< / span > < span class = "cm-string" > "MYSQL"< / span > ) {< / span > < / pre > < / div > < div style = "position: relative;" > < div class = "CodeMirror-gutter-wrapper" style = "left: -34.9916px;" > < div class = "CodeMirror-linenumber CodeMirror-gutter-elt" style = "left: 0px; width: 27px;" > 18< / div > < / div > < pre class = " CodeMirror-line " role = "presentation" > < span role = "presentation" style = "padding-right: 0.1px;" > < span class = "cm-variable" > hostPort< / span > < span class = "cm-operator" > =< / span > < span class = "cm-string" > "3306"< / span > ;< / span > < / pre > < / div > < div style = "position: relative;" > < div class = "CodeMirror-gutter-wrapper" style = "left: -34.9916px;" > < div class = "CodeMirror-linenumber CodeMirror-gutter-elt" style = "left: 0px; width: 27px;" > 19< / div > < / div > < pre class = " CodeMirror-line " role = "presentation" > < span role = "presentation" style = "padding-right: 0.1px;" > < span class = "cm-variable" > userName< / span > < span class = "cm-operator" > =< / span > < span class = "cm-string" > "root"< / span > ;< / span > < / pre > < / div > < div style = "position: relative;" > < div class = "CodeMirror-gutter-wrapper" style = "left: -34.9916px;" > < div class = "CodeMirror-linenumber CodeMirror-gutter-elt CodeMirror-linenumber-show" style = "left: 0px; width: 27px;" > 20< / div > < / div > < pre class = " CodeMirror-line " role = "presentation" > < span role = "presentation" style = "padding-right: 0.1px;" > < span class = "cm-variable" > userPwd< / span > < span class = "cm-operator" > =< / span > < span class = "cm-string" > "root"< / span > ;< / span > < / pre > < / div > < div style = "position: relative;" > < d
< span > 单击打印按钮可以将表格中的内容打印出来，打印前会弹出打印预览界面，可以自行做边距的调整等，可以查看等待打印的内容，翻页切换。< / span > < / p > < h4 id = '657-导出到excel' > < span > 6.5.7 导出到Excel< / span > < / h4 > < p > < span > < / span > < img src = "snap/6-5-7.jpg" referrerpolicy = "no-referrer" >
< span > 单击导出按钮可以将表格中的内容导出到excel表格， ， ， ， < / span > < / p > < h4 id = '658-权限验证' > < span > 6.5.8 权限验证< / span > < / h4 > < p > < span > < / span > < img src = "snap/6-5-8-1.jpg" referrerpolicy = "no-referrer" >
< span > < / span > < img src = "snap/6-5-8-2.jpg" referrerpolicy = "no-referrer" > < / p > < p > < span > 假设设置了用户没有退出系统和电子地图的权限，则关闭系统的时候会弹出错误信息提示当前用户没有权限。< / span > < / p > < h3 id = '66-其他设置' > < span > 6.6 其他设置< / span > < / h3 > < p > < span > < / span > < img src = "snap/6-6-0.jpg" referrerpolicy = "no-referrer" > < / p > < p > < span > 其他设置里面的内容之前在基本设置中，现在重新开一个窗体，因为后面可能还有各种各样的设置，预留空间。< / span > < / p > < h4 id = '661-串口配置' > < span > 6.6.1 串口配置< / span > < / h4 > < p > < span > < / span > < img src = "snap/6-6-1.jpg" referrerpolicy = "no-referrer" > < / p > < p > < span > 系统中可能用到了多个串口通信，可以在这里选择对应的串口号和波特率。< / span > < / p > < h4 id = '662-网络配置' > < span > 6.6.2 网络配置< / span > < / h4 > < p > < span > < / span > < img src = "snap/6-6-2.jpg" referrerpolicy = "no-referrer" > < / p > < p > < span > 系统中可能用到多种网络通信， ， ， ， < / span > < / p > < h2 id = '7-简易使用步骤' > < span > 7 简易使用步骤< / span > < / h2 > < h3 id = '71-添加摄像机' > < span > 7.1 添加摄像机< / span > < / h3 > < ol start = '' > < li > < span > 切换到系统设置-》摄像机管理，单击添加，输入码流地址，单击保存。< / span > < / li > < li > < span > 在不知道主码流和子码流是啥的情况下，两个地方填一样的，其余默认即可。< / span > < / li > < li > < span > 本地文件格式： < / span > < / li > < li > < span > USB摄像机： （ ） ' Default' < / span > < / li > < li > < span > 摄像机视频流： ， ， ， ， < / span > < / li > < / ol > < h3 id = '72-视频播放' > < span > 7.2 视频播放< / span > < / h3 > < p > < span > 切换到视频监控主界面，左侧设备列表，双击摄像机，自动通道播放，双击录像机则整个录像机下面的摄像机全部加载。< / span > < / p > < h3 id = '73-云台控制' > < span > 7.3 云台控制< / span > < / h3 > < p > < span > 云台控制的前提是摄像机是通过onvif搜索的形式添加的， ， ， < / span >
< span > 先选中要进行云台控制的摄像机通道，边缘高亮，然后再单击右侧的云台控件，可以上下左右等移动，变倍和光圈没有用。< / span > < / p > < h3 id = '74-自动校时' > < span > 7.4 自动校时< / span > < / h3 > < p > < span > 在系统设置中开启自动校时后，设备自动上线后会自动将本地时间同步到设备。< / span > < / p > < h3 id = '75-事件订阅' > < span > 7.5 事件订阅< / span > < / h3 > < p > < span > 在系统设置中开启事件订阅后，一旦接收到设备的报警信息会显示到主界面左下角的信息栏，右下角弹出对应的报警信息。< / span >
< span > 摄像机要响应事件订阅，具体详细设置说明参见说明书其他说明中的摄像机报警输入设置。< / span > < / p > < h3 id = '76-图片参数' > < span > 7.6 图片参数< / span > < / h3 > < p > < span > < / span > < img src = "snap/7-6-1.jpg" referrerpolicy = "no-referrer" > < / p > < p > < strong > < span > 操作说明< / span > < / strong > < / p > < ul > < li > < span > 用onvif也可以对摄像机的明亮度、对比度、饱和度进行设置。< / span > < / li > < li > < span > 先选中对应的通道，然后右下角这里找到设置的区域。< / span > < / li > < li > < span > 单击获取参数，会自动将对应摄像机的明亮度、对比度、饱和度值读回来，显示在对应文本框和滑块中。< / span > < / li > < li > < span > 如果需要设置图片参数，先移动滑块到需要的值，然后单击设置参数按钮即可。< / span > < / li > < li > < span > 设置完以后会立即应用，传过来的视频流就能看到效果。< / span > < / li > < li > < span > 下面还有两个按钮可以手动重启设备以及校时。后期可能还会增加一些按钮。< / span > < / li > < / ul > < h2 id = '8-内核模块说明' > < span > 8 内核模块说明< / span > < / h2 > < p > < span > 本系统支持多种内核， ， ， ， ， < / span >
< span > 每个内核实现的功能不一定完全一致，可仔细查看后面的每个内核的功能特点说明。< / span > < / p > < h3 id = '81-模块-onvif' > < span > 8.1 模块-onvif< / span > < / h3 > < h4 id = '811-效果图' > < span > 8.1.1 效果图< / span > < / h4 > < p > < span > < / span > < img src = "snap/8-1-1.jpg" referrerpolicy = "no-referrer" > < / p > < h4 id = '812-功能介绍' > < span > 8.1.2 功能介绍< / span > < / h4 > < ol start = '' > < li > < span > 广播搜索设备， ， ， < / span > < / li > < li > < span > 依次获取Onvif地址、Media地址、Profile文件、Rtsp地址。< / span > < / li > < li > < span > 可对指定的Profile获取视频流Rtsp地址， < / span > < / li > < li > < span > 可对每个设备设置Onvif用户信息， < / span > < / li > < li > < span > 可实时预览摄像机图像。< / span > < / li > < li > < span > 支持云台控制，可上下左右调节云台，支持绝对移动和相对移动，可放到和缩小图像远近。< / span > < / li > < li > < span > 支持Qt4和Qt5任意Qt版本， < / span > < / li > < li > < span > 支持任意编译器， < / span > < / li > < li > < span > 支持任意操作系统， < / span > < / li > < li > < span > 支持任意Onvif摄像机和NVR， ， < / span > < / li > < li > < span > 支持对指定IP地址进行单播搜索， < / span > < / li > < li > < span > 纯Qt编写， ， ， ， < / span > < / li > < li > < span > 封装好了通用的数据发送和接收解析的函数， < / span > < / li > < li > < span > 工具上提供了收发数据文本框，显示收发的数据，方便查看和分析。< / span > < / li > < li > < span > 支持所有Onvif设备， ， ， < / span > < / li > < / ol > < h4 id = '813-云台说明' > < span > 8.1.3 云台说明< / span > < / h4 > < ol start = '' > < li > < span > x、y、z 范围都在0-1之间。< / span > < / li > < li > < span > x为负数， ， ， < / span > < / li > < li > < span > y为负数， ， ， < / span > < / li > < li > < span > z为正数， ， ， < / span > < / li > < li > < span > 通过x和y的组合， < / span > < / li > < li > < span > 通过z的组合， < / span > < / li > < / ol > < h4 id = '814-主要功能' > < span > 8.1.4 主要功能< / span > < / h4 > < ol start = '' > < li > < span > 搜索设备，获取设备的信息比如厂家、型号等。< / span > < / li > < li > < span > 获取设备的多个配置文件信息profile。< / span > < / li > < li > < span > 获取对应配置文件的视频流地址rtsp， < / span > < / li > < li > < span > 云台控制，上下左右移动，焦距放大缩小，相对和绝对移动。< / span > < / li > < li > < span > 获取预置位信息，触发预置位。< / span > < / li > < li > < span > 订阅事件， < / span > < / li > < li > < span > 抓图，获取设备当前的图片。< / span > < / li > < li > < span > 获取、创建、删除用户信息。< / span > < / li > < li > < span > 获取和设备网络配置信息比如IP地址等。< / span > < / li > < li > < span > 获取和设置NTP时间同步。< / span > < / li > < li > < span > 获取和设置设备时间。< / span > < / li > < li > < span > 重启设备。< / span > < / li > < / ol > < h4 id = '815-处理流程' > < span > 8.1.5 处理流程< / span > < / h4 > < ol start = '' > < li > < span > 绑定组播IP（ ） （ ） ， < / span > < / li > < li > < span > 接收到的xml格式的数据解析， < / span > < / li > < li > < span > 对Onvif地址发送对应的数据， < / span > < / li > < li > < span > 请求Onvif地址获取Media地址和Ptz地址， ， < / span > < / li > < li > < span > ptz控制是对Ptz地址发送对应的数据<EFBFBD> <EFBFBD>
< span > < / span > < img src = "snap/10-0-3.jpg" referrerpolicy = "no-referrer" >
< span > < / span > < img src = "snap/10-0-5.jpg" referrerpolicy = "no-referrer" >
< span > < / span > < img src = "snap/10-0-11.jpg" referrerpolicy = "no-referrer" >
< span > < / span > < img src = "snap/10-0-15.jpg" referrerpolicy = "no-referrer" >
< span > < / span > < img src = "snap/10-0-17.jpg" referrerpolicy = "no-referrer" > < / p > < p > < span > 本系统内置高达18套皮肤样式供用户选择， < / span > < / p > < pre class = "md-fences md-end-block md-fences-with-lineno ty-contain-cm modeLoaded" spellcheck = "false" lang = "cpp" style = "break-inside: unset;" > < div class = "CodeMirror cm-s-inner cm-s-null-scroll CodeMirror-wrap" lang = "cpp" > < div style = "overflow: hidden; position: relative; width: 3px; height: 0px; top: 9.51471px; left: 42.9832px;" > < 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: 35px; 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 > 26< / div > < / div > < / div > < div class = "CodeMirror-measure" > < / div > < div style = "position: relative; z-index: 1;" > < / div > < div class = "CodeMirror-code" role = "presentation" style = "" > < 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: -34.9916px; width: 35px;" > < / div > < div class = "CodeMirror-gutter-wrapper CodeMirror-activeline-gutter" style = "left: -34.9916px;" > < div class = "CodeMirror-linenumber CodeMirror-gutter-elt CodeMirror-linenumber-show" style = "left: 0px; width: 27px;" > 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" > QUIStyle::getStyle< / span > (< span class = "cm-variable" > QStringList< / span > < span class = "cm-operator" > & < / span > < span class = "cm-variable" > styleNames< / span > , < span class = "cm-variable" > QStringList< / span > < span class = "cm-operator" > & < / span > < span class = "cm-variable" > styleFiles< / span > )< / span > < / pre > < / div > < div style = "position: relative;" > < div class = "CodeMirror-gutter-wrapper" style = "left: -34.9916px;" > < div class = "CodeMirror-linenumber CodeMirror-gutter-elt" style = "left: 0px; width: 27px;" > 2< / div > < / div > < pre class = " CodeMirror-line " role = "presentation" > < span role = "presentation" style = "padding-right: 0.1px;" > {< / span > < / pre > < / div > < div style = "position: relative;" > < div class = "CodeMirror-gutter-wrapper" style = "left: -34.9916px;" > < div class = "CodeMirror-linenumber CodeMirror-gutter-elt" style = "left: 0px; width: 27px;" > 3< / div > < / div > < pre class = " CodeMirror-line " role = "presentation" > < span role = "presentation" style = "padding-right: 0.1px;" > < span class = "cm-keyword" > static< / span > < span class = "cm-variable" > QStringList< / span > < span class = "cm-variable" > names< / span > ;< / span > < / pre > < / div > < div style = "position: relative;" > < div class = "CodeMirror-gutter-wrapper" style = "left: -34.9916px;" > < div class = "CodeMirror-linenumber CodeMirror-gutter-elt" style = "left: 0px; width: 27px;" > 4< / div > < / div > < pre class = " CodeMirror-line " role = "presentation" > < span role = "presentation" style = "padding-right: 0.1px;" > < span class = "cm-keyword" > if< / span > (< span class = "cm-variable" > names< / span > .< span class = "cm-variable" > count< / span > () < span class = "cm-operator" > ==< / span > < span class = "cm-number" > 0< / span > ) {< / span > < / pre > < / div > < div style = "position: relative;" > < div class = "CodeMirror-gutter-wrapper" style = "left: -34.9916px;" > < div class = "CodeMirror-linenumber CodeMirror-gutter-elt" style = "left: 0px; width: 27px;" > 5< / div > < / div > < pre class = " CodeMirror-line " role = "presentation" > < span role = "presentation" style = "padding-right: 0.1px;" >
< / span > < / span > < / pre > < / div > < div style = "position: relative;" > < div class = "CodeMirror-gutter-wrapper" style = "left: -34.9916px;" > < div class = "CodeMirror-linenumber CodeMirror-gutter-elt" style = "left: 0px; width: 27px;" > 13< / div > < / div > < pre class = " CodeMirror-line " role = "presentation" > < span role = "presentation" style = "padding-right: 0.1px;" > < span class = "cm-comment" > //中文皮肤名称对应样式表文件< / span > < / span > < / pre > < / div > < div style = "position: relative;" > < div class = "CodeMirror-gutter-wrapper" style = "left: -34.9916px;" > < div class = "CodeMirror-linenumber CodeMirror-gutter-elt" style = "left: 0px; width: 27px;" > 14< / div > < / div > < pre class = " CodeMirror-line " role = "presentation" > < span role = "presentation" style = "padding-right: 0.1px;" > < span class = "cm-keyword" > static< / span > < span class = "cm-variable" > QStringList< / span > < span class = "cm-variable" > files< / span > ;< / span > < / pre > < / div > < div style = "position: relative;" > < div class = "CodeMirror-gutter-wrapper" style = "left: -34.9916px;" > < div class = "CodeMirror-linenumber CodeMirror-gutter-elt" style = "left: 0px; width: 27px;" > 15< / div > < / div > < pre class = " CodeMirror-line " role = "presentation" > < span role = "presentation" style = "padding-right: 0.1px;" > < span class = "cm-keyword" > if< / span > (< span class = "cm-variable" > files< / span > .< span class = "cm-variable" > count< / span > () < span class = "cm-operator" > ==< / span > < span class = "cm-number" > 0< / span > ) {< / span > < / pre > < / div > < div style = "position: relative;" > < div class = "CodeMirror-gutter-wrapper" style = "left: -34.9916px;" > < div class = "CodeMirror-linenumber CodeMirror-gutter-elt" style = "left: 0px; width: 27px;" > 16< / div > < / div > < pre class = " CodeMirror-line " role = "presentation" > < span role = "presentation" style = "padding-right: 0.1px;" > < span class = "cm-variable" > files< / span > < span class = "cm-operator" > < < < / span > < span class = "cm-string" > ":/qss/blackblue.css"< / span > < span class = "cm-operator" > < < < / span > < span class = "cm-string" > ":/qss/blacksoft.css"< / span > < span class = "cm-operator" > < < < / span > < span class = "cm-string" > ":/qss/blackvideo.css"< / span > ;< / span > < / pre > < / div > < div style = "position: relative;" > < div class = "CodeMirror-gutter-wrapper" style = "left: -34.9916px;" > < div class = "CodeMirror-linenumber CodeMirror-gutter-elt" style = "left: 0px; width: 27px;" > 17< / div > < / div > < pre class = " CodeMirror-line " role = "presentation" > < span role = "presentation" style = "padding-right: 0.1px;" > < span class = "cm-variable" > files< / span > < span class = "cm-operator" > < < < / span > < span class = "cm-string" > ":/qss/darkblack.css"< / span > < span class = "cm-operator" > < < < / span > < span class = "cm-string" > ":/qss/darkblue.css"< / span > < span class = "cm-operator" > < < < / span > < span class = "cm-string" > ":/qss/darkgray.css"< / span > ;< / span > < / pre > < / div > < div style = "position: relative;" > < div class = "CodeMirror-gutter-wrapper" style = "left: -34.9916px;" > < div class = "CodeMirror-linenumber CodeMirror-gutter-elt" style = "left: 0px; width: 27px;" > 18< / div > < / div > < pre class = " CodeMirror-line " role = "presentation" > < span role = "presentation" style = "padding-right: 0.1px;" > < span class = "cm-variable" > files< / span > < span class = "cm-operator" > < < < / span > < span class = "cm-string" > ":/qss/flatblack.css"< / span > < span class = "cm-operator" > < < < / span > < span class = "cm-string" > ":/qss/flatblue.css"< / span > < span class = "cm-operator" > < < < / span > < span class = "cm-string" > ":/qss/flatgray.css"< / span > ;< / span > < / pre > < / div > < div style = "position: relative;" > < div class = "CodeMirror-gutter-wrapper" style = "left: -34.9916px;" > < div class = "CodeMirror-linenumber CodeMirror-gutter-elt" style = "left: 0px; width: 27px;" > 19< / div > < / div > < pre class = " CodeMirror-line " role = "presentation" > < span role = "presentation" style = "padding-right: 0.1px;" > < span class = "cm-variable" > files< / span > < span class = "cm-operator" > < < < / span > < span class = "cm-string" > ":/qss/lightblack.css"< / span > < span class = "cm-operator" > < < < / span > < span class = "cm-string" > ":/qss/lightblue.css"< / span > < span class = "cm-operator" > < < < / span > < span class = "cm-strin
< / span > < / span > < / pre > < / div > < div style = "position: relative;" > < div class = "CodeMirror-gutter-wrapper" style = "left: -34.9916px;" > < div class = "CodeMirror-linenumber CodeMirror-gutter-elt" style = "left: 0px; width: 27px;" > 24< / div > < / div > < pre class = " CodeMirror-line " role = "presentation" > < span role = "presentation" style = "padding-right: 0.1px;" > < span class = "cm-variable" > styleNames< / span > < span class = "cm-operator" > =< / span > < span class = "cm-variable" > names< / span > ;< / span > < / pre > < / div > < div style = "position: relative;" > < div class = "CodeMirror-gutter-wrapper" style = "left: -34.9916px;" > < div class = "CodeMirror-linenumber CodeMirror-gutter-elt" style = "left: 0px; width: 27px;" > 25< / div > < / div > < pre class = " CodeMirror-line " role = "presentation" > < span role = "presentation" style = "padding-right: 0.1px;" > < span class = "cm-variable" > styleFiles< / span > < span class = "cm-operator" > =< / span > < span class = "cm-variable" > files< / span > ;< / span > < / pre > < / div > < div style = "position: relative;" > < div class = "CodeMirror-gutter-wrapper" style = "left: -34.9916px;" > < div class = "CodeMirror-linenumber CodeMirror-gutter-elt CodeMirror-linenumber-show" style = "left: 0px; width: 27px;" > 26< / div > < / div > < pre class = " CodeMirror-line " role = "presentation" > < span role = "presentation" style = "padding-right: 0.1px;" > }< / span > < / pre > < / div > < / div > < / div > < / div > < / div > < / div > < div style = "position: absolute; height: 0px; width: 1px; border-bottom: 0px solid transparent; top: 599px;" > < / div > < div class = "CodeMirror-gutters" style = "height: 599px;" > < div class = "CodeMirror-gutter CodeMirror-linenumbers" style = "width: 34px;" > < / div > < / div > < / div > < / div > < / pre > < h3 id = '101-windows-mingw' > < span > 10.1 windows-mingw< / span > < / h3 > < p > < span > < / span > < img src = "snap/10-1-1.jpg" referrerpolicy = "no-referrer" > < / p > < h3 id = '102-windows-msvc' > < span > 10.2 windows-msvc< / span > < / h3 > < p > < span > < / span > < img src = "snap/10-2-1.jpg" referrerpolicy = "no-referrer" > < / p > < h3 id = '103-linux-ubuntu' > < span > 10.3 linux-ubuntu< / span > < / h3 > < p > < span > < / span > < img src = "snap/10-3-1.jpg" referrerpolicy = "no-referrer" > < / p > < h3 id = '104-linux-fedora' > < span > 10.4 linux-fedora< / span > < / h3 > < p > < span > < / span > < img src = "snap/10-4-1.jpg" referrerpolicy = "no-referrer" > < / p > < h3 id = '105-linux-centos' > < span > 10.5 linux-centos< / span > < / h3 > < p > < span > < / span > < img src = "snap/10-5-1.jpg" referrerpolicy = "no-referrer" > < / p > < h3 id = '106-linux-uos' > < span > 10.6 linux-uos< / span > < / h3 > < p > < span > < / span > < img src = "snap/10-6-1.jpg" referrerpolicy = "no-referrer" > < / p > < h3 id = '107-linux-kylin' > < span > 10.7 linux-kylin< / span > < / h3 > < p > < span > < / span > < img src = "snap/10-7-1.jpg" referrerpolicy = "no-referrer" > < / p > < h3 id = '108-linux-neokylin' > < span > 10.8 linux-neokylin< / span > < / h3 > < p > < span > < / span > < img src = "snap/10-8-1.jpg" referrerpolicy = "no-referrer" > < / p > < h3 id = '109-linux-newstart' > < span > 10.9 linux-newstart< / span > < / h3 > < p > < span > < / span > < img src = "snap/10-9-1.jpg" referrerpolicy = "no-referrer" > < / p > < h3 id = '1010-unix-mac' > < span > 10.10 unix-mac< / span > < / h3 > < p > < span > < / span > < img src = "snap/10-10-1.jpg" referrerpolicy = "no-referrer" > < / p > < h2 id = '11-程序框架说明' > < span > 11 程序框架说明< / span > < / h2 > < p > < span > 备注：下面的截图和说明未必是最新的，但是大部分是一致的，整体的框架不会改变，可能会有新增加子模块和代码，或者部分类文件有调整或者删除，具体以最新的代码为准。< / span > < / p > < h3 id = '111-整体代码结构' > < span > 11.1 整体代码结构< / span > < / h3 > < p > < span > < / span > < img src = "snap/11-1-1.jpg" referrerpolicy = "no-referrer" > < / p > < p > < span > 本系统采用模块化的设备， ， ， ， ， ， ， ， < / span > < / p > < h3 id = '112-主模块说明' > < span > 11.2 主模块说明< / span > < / h3 > < figure > < table > < thead > < tr > < th style = 'text-align:left;' > < span > 名称< / span > < / th > < th style = 'text-align:left;' > < span > 说明< / span > < / th > < / tr > < / thead > <
< span > < / span > < img src = "snap/13-4-1.jpg" referrerpolicy = "no-referrer" >
< span > < / span > < img src = "snap/13-4-1.jpg" referrerpolicy = "no-referrer" > < / p > < p > < strong > < span > 操作说明< / span > < / strong > < / p > < ul > < li > < span > 默认摄像机IO输入或者开关量输入是关闭的， < / span > < / li > < li > < span > 一般都是登录到摄像机的web页面找到开关量的地方， < / span > < / li > < li > < span > 一般摄像机会有两组开关量输入，而且开关量报警有常开常闭两种，都需要自己手动选择。< / span > < / li > < li > < span > 如果是常开的话意味着闭合是属于报警，反之亦然。< / span > < / li > < li > < span > 找两个导线接在对应口子（详见摄像机厂家的说明书，摄像机背面板也会有对应字样标识一般叫 in） < / span > < / li > < li > < span > 短接或者扒开， ， （ ， ） < / span > < / li > < li > < span > 会收到LogicalState关键字的信息， ， < / span > < / li > < li > < span > 可能每个厂家会有所区别， ， ， < / span > < / li > < / ul > < h3 id = '135-环境使用qtvs' > < span > 13.5 环境使用qt+vs< / span > < / h3 > < p > < span > < / span > < img src = "snap/13-5-1.jpg" referrerpolicy = "no-referrer" >
< span > < / span > < img src = "snap/13-5-2.jpg" referrerpolicy = "no-referrer" > < / p > < p > < span > 打开项目： – < / span >
2022-07-02 04:18:12 +00:00
< span > 由于项目中用到了ffmpeg和vlc， ， ， ， ， < / span > < / p > < p > < strong > < span > 解决方法< / span > < / strong > < / p > < ol start = '' > < li > < span > 第一步：打开该项目的“属性页”对话框。< / span > < / li > < li > < span > 第二步：单击“链接器”文件夹。< / span > < / li > < li > < span > 第三步：单击“命令行”属性页。< / span > < / li > < li > < span > 第四步：将 /SAFESEH:NO 键入“附加选项”框中，然后点击应用。< / span > < / li > < li > < span > 如果设置完发现还是不行，那应该是没有一开始就设置这个步骤，你需要打开项目以后就设置好这个步骤，再去编译，建议重新解压项目来一遍。< / span > < / li > < / ol > < h3 id = '136-数据库设置mysql' > < span > 13.6 数据库设置mysql< / span > < / h3 > < p > < span > < / span > < img src = "snap/13-6-1.jpg" referrerpolicy = "no-referrer" > < / p > < p > < span > 如果在数据库设置中选择了mysql数据库， ， ， ， < / span > < / p > < p > < span > 32位的Qt程序， ， ， ， < / span >
< span > < / span > < img src = "snap/13-6-2.jpg" referrerpolicy = "no-referrer" > < / p > < h3 id = '137-打开usb摄像头' > < span > 13.7 打开USB摄像头< / span > < / h3 > < p > < span > < / span > < img src = "snap/13-7-1.jpg" referrerpolicy = "no-referrer" > < / p > < p > < span > 在加载USB摄像机的时候， ， ， < / span > < / p > < p > < span > 在需要加载多个USB摄像机的场景下， ， ， < / span > < / p > < p > < span > < / span > < img src = "snap/13-7-2.jpg" referrerpolicy = "no-referrer" >
2022-06-02 06:36:30 +00:00
< span > < / span > < img src = "snap/13-7-3.jpg" referrerpolicy = "no-referrer" >
2022-06-08 07:52:50 +00:00
< span > < / span > < img src = "snap/13-7-4.jpg" referrerpolicy = "no-referrer" > < / p > < h3 id = '138-项目代码行数' > < span > 13.8 项目代码行数< / span > < / h3 > < p > < span > < / span > < img src = "snap/13-8-1.jpg" referrerpolicy = "no-referrer" > < / p > < p > < span > 整个项目源代码行数大概30W行， （ ） ， （ ） ， < / span > < / p > < h3 id = '139-编译ffmpeg' > < span > 13.9 编译ffmpeg< / span > < / h3 > < p > < span > 下面是linux系统编译ffmpeg步骤< / span > < / p > < ol start = '' > < li > < span > 第一步： ， < / span > < a href = 'http://ffmpeg.org/' target = '_blank' class = 'url' > http://ffmpeg.org/< / a > < span > 自行找到下载位置下载。要注意的是有些很老的嵌入式linux系统的编译器未必支持最新的ffmpeg4， < / span > < / li > < li > < span > 第二步： < / span > < / li > < li > < span > 第三步： ， – – < / span > < / li > < li > < span > 第四步： < / span > < / li > < li > < span > 第五步： < / span > < / li > < / ol > < ul > < li > < span > 如果编译静态库执行以下命令< / span > < / li > < li > < span > ./configure --prefix=host --enable-static --disable-shared --disable-doc< / span > < / li > < li > < span > 如果编译动态库执行以下命令< / span > < / li > < li > < span > ./configure --prefix=host --enable-shared --disable-static --disable-doc< / span > < / li > < li > < span > 如果需要编译ffplay以便直接用其打开测试， < / span > < / li > < li > < span > ./configure --prefix=host --enable-shared --disable-static --disable-doc --enable-ffplay< / span > < / li > < li > < span > 嵌入式交叉编译需要指定编译器路径 --cross-prefix=/usr/local/arm-linux-gcc-4.9.2/gcc-linaro-arm-linux-gnueabihf-4.9-2014.08_linux/bin/arm-linux-gnueabihf- --arch=arm --target-os=linux< / span > < / li > < li > < span > 其他常用参数 --disable-zlib --disable-xlib --enable-x11grab --disable-libxcb < / span > < / li > < li > < span > 可以执行./configure – < / span > < / li > < li > < span > 其他参数可参见网页 < / span > < a href = 'https://blog.csdn.net/momo0853/article/details/78043903' target = '_blank' class = 'url' > https://blog.csdn.net/momo0853/article/details/78043903< / a > < / li > < li > < span > make （还可以开启多线程编译加快速度 make – ） < / span > < / li > < li > < span > make install< / span > < / li > < / ul > < ol start = '6' > < li > < span > 第六步： ， ， < / span > < / li > < / ol > < p > < span > windows系统采用mingw编译ffmpeg < / span > < a href = 'https://blog.csdn.net/yp18792574062/article/details/108962638' target = '_blank' class = 'url' > https://blog.csdn.net/yp18792574062/article/details/108962638< / a > < / p > < h3 id = '1310-高分屏缩放' > < span > 13.10 高分屏缩放< / span > < / h3 > < ul > < li > < span > 在windows上经常遇到高分屏缩放的问题， ， < / span > < / li > < li > < span > 在Qt4时代的程序遇到高分屏缩放， ， （ ） < / span > < / li > < li > < span > 从Qt5.6开始提供了高分屏缩放支持， < / span > < / li > < li > < span > 从Qt5.14开始提供了高分屏缩放策略设置， < / span > < / li > < li > < span > 从Qt6.0开始默认就开启高分屏属性Qt::AA_EnableHighDpiScaling， （ ） < / span > < / li > < li > < span > 如果不想要高分屏， ， < / span > < / li > < li > < span > <EFBFBD> <EFBFBD>
< span > < / span > < img src = "snap/13-10-2.jpg" referrerpolicy = "no-referrer" >
2022-07-02 04:18:12 +00:00
< span > < / span > < img src = "snap/13-10-3.jpg" referrerpolicy = "no-referrer" > < / p > < h3 id = '1311-浏览器内核' > < span > 13.11 浏览器内核< / span > < / h3 > < ul > < li > < span > 本系统的电子地图模块支持三种浏览器内核： ， < / span > < / li > < li > < span > 其中Qt5.6以前用的是webkit， ， （ ） ， ， ， < / span > < / li > < li > < span > Qt5.6以后的版本在linux系统和mac等系统， ， < / span > < / li > < li > < span > 仅仅是windows上的mingw编译器的Qt版本没有， ， ， < / span > < / li > < li > < span > 安装Qt的时候webengine模块默认不勾选， < / span > < / li > < li > < span > 也不是所有的msvc的Qt版本都有webengine浏览器模块， ， ， < / span > < / li > < / ul > < p > < span > < / span > < img src = "snap/13-11-1.jpg" referrerpolicy = "no-referrer" > < / p > < h3 id = '1312-odbc数据源' > < span > 13.12 ODBC数据源< / span > < / h3 > < p > < span > 本系统除了支持直连各种数据库比如mysql、postgresql、sqlserver、oracle数据库， ， ， ， ， ， ， < / span > < / p > < p > < span > < / span > < img src = "snap/13-12-1.jpg" referrerpolicy = "no-referrer" > < / p > < / div > < / div >
2022-06-02 06:36:30 +00:00
< script > ( function ( ) { var e = document . body . parentElement , t = [ ] , n = null , i = document . body . classList . contains ( "typora-export-collapse-outline" ) , r = function ( e , t , n ) { document . addEventListener ( e , function ( e ) { if ( ! e . defaultPrevented ) for ( var i = e . target ; i && i != this ; i = i . parentNode ) if ( i . matches ( t ) ) { ! 1 === n . call ( i , e ) && ( e . preventDefault ( ) , e . stopPropagation ( ) ) ; break } } , ! 1 ) } ; function o ( ) { return e . scrollTop } r ( "click" , ".outline-expander" , function ( e ) { var t = this . closest ( ".outline-item-wrapper" ) . classList ; return t . contains ( "outline-item-open" ) ? t . remove ( "outline-item-open" ) : t . add ( "outline-item-open" ) , d ( ) , ! 1 } ) , r ( "click" , ".outline-item" , function ( e ) { var t = this . querySelector ( ".outline-label" ) ; if ( location . hash = "#" + t . getAttribute ( "href" ) , i ) { var n = this . closest ( ".outline-item-wrapper" ) . classList ; n . contains ( "outline-item-open" ) || n . add ( "outline-item-open" ) , c ( ) , n . add ( "outline-item-active" ) } } ) ; var a , s , l = function ( ) { var e = o ( ) ; n = null ; for ( var i = 0 ; i < t . length && t [ i ] [ 1 ] - e < 60 ; i ++ ) n = t [ i ] } , c = function ( ) { document . querySelectorAll ( ".outline-item-active" ) . forEach ( e => e . classList . remove ( "outline-item-active" ) ) , document . querySelectorAll ( ".outline-item-single.outline-item-open" ) . forEach ( e => e . classList . remove ( "outline-item-open" ) ) } , d = function ( ) { if ( n ) { c ( ) ; var e = document . querySelector ( '.outline-label[href="#' + ( CSS . escape ? CSS . escape ( n [ 0 ] ) : n [ 0 ] ) + '"]' ) ; if ( e ) if ( i ) { var t = e . closest ( ".outline-item-open>ul>.outline-item-wrapper" ) ; if ( t ) t . classList . add ( "outline-item-active" ) ; else { for ( var r = ( e = e . closest ( ".outline-item-wrapper" ) ) . parentElement . closest ( ".outline-item-wrapper" ) ; r ; ) r = ( e = r ) . parentElement . closest ( ".outline-item-wrapper" ) ; e . classList . add ( "outline-item-active" ) } } else e . closest ( ".outline-item-wrapper" ) . classList . add ( "outline-item-active" ) } } ; window . addEventListener ( "scroll" , function ( e ) { a && clearTimeout ( a ) , a = setTimeout ( function ( ) { l ( ) , d ( ) } , 300 ) } ) ; var u = function ( ) { s = setTimeout ( function ( ) { ! function ( ) { t = [ ] ; var e = o ( ) ; document . querySelector ( "#write" ) . querySelectorAll ( "h1, h2, h3, h4, h5, h6" ) . forEach ( n => { var i = n . getAttribute ( "id" ) ; t . push ( [ i , e + n . getBoundingClientRect ( ) . y ] ) } ) } ( ) , l ( ) , d ( ) } , 300 ) } ; window . addEventListener ( "resize" , function ( e ) { s && clearTimeout ( s ) , u ( ) } ) , u ( ) } ) ( ) ; < / script > < / body >
2021-07-10 09:47:51 +00:00
< / html >
