\n| templates\/index.html<\/td>\n | \u4f7f\u7528V3\u7248\u672c，\u65e0\u9700\u4fee\u6539\u3002<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n \u6240\u6709\u4ee3\u7801\u548c\u76ee\u5f55\u7ed3\u6784\u89c1\u4e0b\u6587\u3002<\/p>\n \u56db\u3001\u73af\u5883\u51c6\u5907<\/h3>\n4.1 \u5b89\u88c5\u4f9d\u8d56<\/h4>\n\u521b\u5efa\u865a\u62df\u73af\u5883（\u63a8\u8350），\u5b89\u88c5\u4ee5\u4e0b\u5305：<\/p>\n pip install torch ultralytics opencv-python numpy requests flask <\/p>\n \u5982\u9700GPU\u52a0\u901f，\u8bf7\u5b89\u88c5\u5bf9\u5e94CUDA\u7248\u672c\u7684PyTorch\u3002<\/p>\n 4.2 \u4e0b\u8f7d\u6743\u91cd\u6587\u4ef6<\/h4>\n\u4ece\u5b98\u65b9\u4ed3\u5e93\u4e0b\u8f7dyolov8n.pt，\u653e\u7f6e\u4e8e\u9879\u76ee\u6839\u76ee\u5f55：<\/p>\n wget https:\/\/github.com\/ultralytics\/assets\/releases\/download\/v0.0.0\/yolov8n.pt <\/p>\n \u4e94\u3001\u9879\u76ee\u76ee\u5f55\u7ed3\u6784<\/h3>\nproject\/
\n\u251c\u2500\u2500 main.py # \u4e3b\u7a0b\u5e8f（\u6444\u50cf\u5934\/\u89c6\u9891\u6d41\u63a8\u7406\u4e0e\u4e0a\u4f20）
\n\u251c\u2500\u2500 func.py # \u63a8\u7406\u51fd\u6570（YOLO\u6a21\u578b\u8c03\u7528 + \u7ed8\u56fe）
\n\u251c\u2500\u2500 rknnpool.py # \u7ebf\u7a0b\u6c60\u4e0e\u6a21\u578b\u7ba1\u7406（\u9002\u914dPC）
\n\u251c\u2500\u2500 server.py # Flask\u540e\u7aef（\u4e0a\u4f20\u63a5\u53e3\u3001\u9759\u6001\u8d44\u6e90）
\n\u251c\u2500\u2500 templates\/
\n\u2502 \u2514\u2500\u2500 index.html # \u524d\u7aef\u76d1\u63a7\u9762\u677f（\u5b8c\u6574\u7248）
\n\u251c\u2500\u2500 static\/ # \u81ea\u52a8\u521b\u5efa，\u5b58\u653ecam.jpg\u548cconf.txt
\n\u251c\u2500\u2500 yolov8n.pt # \u6743\u91cd\u6587\u4ef6
\n\u2514\u2500\u2500 requirements.txt # \u4f9d\u8d56\u5217\u8868 <\/p>\n \u516d\u3001\u6838\u5fc3\u4ee3\u7801\u8be6\u89e3<\/h3>\n6.1\u00a0func.py\u00a0\u2013 \u63a8\u7406\u4e0e\u7ed8\u56fe<\/h4>\nimport cv2
\nimport numpy as np
\nfrom ultralytics import YOLO<\/p>\n OBJ_THRESH, NMS_THRESH, IMG_SIZE = 0.25, 0.45, 640<\/p>\n CLASSES = ("person", "bicycle", "car", … ) # 80\u7c7bCOCO<\/p>\n def draw(image, boxes, scores, classes, ratio, padding):
\n for box, score, cl in zip(boxes, scores, classes):
\n top = int((box[0] – padding[0]) \/ ratio[0])
\n left = int((box[1] – padding[1]) \/ ratio[1])
\n right = int((box[2] – padding[0]) \/ ratio[0])
\n bottom = int((box[3] – padding[1]) \/ ratio[1])
\n cv2.rectangle(image, (top, left), (right, bottom), (0, 0, 255), 2)
\n cv2.putText(image, f'{CLASSES[cl]} {score:.2f}', (top, left – 6),
\n cv2.FONT_HERSHEY_SIMPLEX, 0.6, (0, 0, 255), 2)<\/p>\n def myFunc(model, IMG):
\n """
\n PC\u7aef\u63a8\u7406\u51fd\u6570
\n model: YOLO\u5b9e\u4f8b
\n IMG: BGR\u56fe\u50cf (numpy array)
\n \u8fd4\u56de: \u7ed8\u5236\u540e\u7684\u56fe\u50cf, \u6700\u5927\u7f6e\u4fe1\u5ea6
\n """
\n results = model(IMG, imgsz=IMG_SIZE, verbose=False)
\n boxes, scores, classes = None, None, None
\n if results and results[0].boxes is not None:
\n boxes = results[0].boxes.xyxy.cpu().numpy()
\n scores = results[0].boxes.conf.cpu().numpy()
\n classes = results[0].boxes.cls.cpu().numpy().astype(int)
\n max_conf = 0.0
\n if boxes is not None and len(boxes) > 0:
\n # \u5750\u6807\u5df2\u5728\u539f\u59cb\u56fe\u50cf\u4e0a，ratio=1, padding=0
\n draw(IMG, boxes, scores, classes, (1, 1), (0, 0))
\n max_conf = float(np.max(scores))
\n return IMG, max_conf <\/p>\n \u5173\u952e\u70b9：<\/p>\n \n- \n
\u4e0d\u518d\u624b\u52a8\u8fdb\u884cletterbox\u548c\u5750\u6807\u53cd\u7b97，Ultralytics\u5185\u90e8\u5df2\u5904\u7406\u3002<\/p>\n<\/li>\n - \n
\u6a21\u578b\u8f93\u51fa\u76f4\u63a5\u4e3axyxy\u683c\u5f0f，\u4e14\u5750\u6807\u5bf9\u5e94\u539f\u59cb\u56fe\u50cf\u5c3a\u5bf8\u3002<\/p>\n<\/li>\n<\/ul>\n 6.2\u00a0rknnpool.py\u00a0\u2013 \u7ebf\u7a0b\u6c60\u4e0e\u6a21\u578b\u7ba1\u7406<\/h4>\nfrom queue import Queue
\nfrom concurrent.futures import ThreadPoolExecutor
\nfrom ultralytics import YOLO<\/p>\n def initModel(model_path, device='cpu'):
\n return YOLO(model_path)<\/p>\n def initModels(model_path, TPEs=1, device='cpu'):
\n # \u6bcf\u4e2a\u7ebf\u7a0b\u72ec\u7acb\u6a21\u578b\u5b9e\u4f8b，\u907f\u514dGIL\u51b2\u7a81
\n return [initModel(model_path, device) for _ in range(TPEs)]<\/p>\n class rknnPoolExecutor:
\n def __init__(self, rknnModel, TPEs, func, device='cpu'):
\n self.queue = Queue()
\n self.modelPool = initModels(rknnModel, TPEs, device)
\n self.pool = ThreadPoolExecutor(max_workers=TPEs)
\n self.func = func
\n self.num = 0<\/p>\n def put(self, frame):
\n self.queue.put(self.pool.submit(self.func, self.modelPool[self.num % len(self.modelPool)], frame))
\n self.num += 1<\/p>\n def get(self):
\n if self.queue.empty():
\n return None, None, False
\n result = self.queue.get().result()
\n if isinstance(result, tuple):
\n return result[0], result[1], True
\n return result, 0.0, True<\/p>\n def release(self):
\n self.pool.shutdown() <\/p>\n \u8bf4\u660e：<\/p>\n \n- \n
\u4e3a\u6bcf\u4e2a\u7ebf\u7a0b\u521b\u5efa\u72ec\u7acbYOLO\u6a21\u578b\u5b9e\u4f8b，\u786e\u4fdd\u7ebf\u7a0b\u5b89\u5168\u3002<\/p>\n<\/li>\n - \n
\u652f\u6301\u6307\u5b9adevice='cuda'\u4ee5\u542f\u7528GPU\u52a0\u901f\u3002<\/p>\n<\/li>\n<\/ul>\n 6.3\u00a0main.py\u00a0\u2013 \u4e3b\u7a0b\u5e8f<\/h4>\nimport cv2, time, requests, threading
\nfrom rknnpool import rknnPoolExecutor
\nfrom func import myFunc<\/p>\n UPLOAD_URL = "http:\/\/127.0.0.1:8000\/upload"
\nUPLOAD_INTERVAL = 10<\/p>\n def upload_frame(frame, url, frame_id, conf_val):
\n try:
\n _, enc = cv2.imencode('.jpg', frame, [cv2.IMWRITE_JPEG_QUALITY, 40])
\n r = requests.post(url, files={'file': ('cam.jpg', enc.tobytes(), 'image\/jpeg')},
\n data={'conf': str(conf_val)}, timeout=10,
\n headers={'Connection': 'close'})
\n if r.status_code == 200:
\n print(f"[\u4e0a\u4f20] \u5e27{frame_id} \u6210\u529f, \u7f6e\u4fe1\u5ea6: {conf_val:.2f}")
\n except Exception as e:
\n print(f"[\u4e0a\u4f20] \u5e27{frame_id} \u5931\u8d25: {e}")<\/p>\n cap = cv2.VideoCapture(0) # PC\u9ed8\u8ba4\u6444\u50cf\u5934
\ncap.set(cv2.CAP_PROP_FRAME_WIDTH, 640)
\ncap.set(cv2.CAP_PROP_FRAME_HEIGHT, 480)<\/p>\n pool = rknnPoolExecutor(rknnModel="yolov8n.pt", TPEs=1, func=myFunc, device='cpu')<\/p>\n if cap.isOpened():
\n for _ in range(2):
\n ret, frame = cap.read()
\n if ret: pool.put(frame)<\/p>\n cv2.namedWindow('yolov8', cv2.WINDOW_NORMAL)
\ncv2.resizeWindow('yolov8', 1024, 600)<\/p>\n frames, loopTime, initTime = 0, time.time(), time.time()<\/p>\n while cap.isOpened():
\n frames += 1
\n ret, frame = cap.read()
\n if not ret: break
\n pool.put(frame)
\n frame, conf, flag = pool.get()
\n if not flag or frame is None: break<\/p>\n if frames % UPLOAD_INTERVAL == 0:
\n threading.Thread(target=upload_frame, args=(frame.copy(), UPLOAD_URL, frames, conf), daemon=True).start()<\/p>\n cv2.imshow('yolov8', frame)
\n if cv2.waitKey(1) & 0xFF == ord('q'): break
\n if frames % 30 == 0:
\n print("30\u5e27\u5e73\u5747\u5e27\u7387:\\\\t", 30 \/ (time.time() – loopTime), "\u5e27")
\n loopTime = time.time()<\/p>\n print("\u603b\u5e73\u5747\u5e27\u7387\\\\t", frames \/ (time.time() – initTime))
\ncap.release()
\ncv2.destroyAllWindows()
\npool.release() <\/p>\n \u6ce8\u610f：UPLOAD_URL\u6307\u5411\u672c\u5730Flask\u670d\u52a1（127.0.0.1:8000），\u82e5\u90e8\u7f72\u5230\u8fdc\u7a0b\u8bf7\u4fee\u6539IP\u3002<\/p>\n 6.4\u00a0server.py\u00a0\u2013 Flask\u540e\u7aef<\/h4>\nfrom flask import Flask, send_file, request, send_from_directory
\nimport os<\/p>\n app = Flask(__name__)<\/p>\n UPLOAD_FOLDER = os.path.join(os.path.dirname(__file__), "static")
\nos.makedirs(UPLOAD_FOLDER, exist_ok=True)<\/p>\n conf_path = os.path.join(UPLOAD_FOLDER, "conf.txt")
\nif not os.path.exists(conf_path):
\n with open(conf_path, "w") as f:
\n f.write("0.0")<\/p>\n @app.route("\/upload", methods=["POST"])
\ndef upload():
\n if 'file' not in request.files:
\n return "no file", 400
\n file = request.files['file']
\n file.save(os.path.join(UPLOAD_FOLDER, "cam.jpg"))
\n conf = request.form.get('conf', '0.0')
\n with open(os.path.join(UPLOAD_FOLDER, "conf.txt"), "w") as f:
\n f.write(conf)
\n return "ok"<\/p>\n @app.route("\/static\/cam.jpg")
\ndef get_img():
\n path = os.path.join(UPLOAD_FOLDER, "cam.jpg")
\n if os.path.exists(path):
\n return send_file(path)
\n return "no image", 404<\/p>\n @app.route("\/static\/conf.txt")
\ndef get_conf():
\n path = os.path.join(UPLOAD_FOLDER, "conf.txt")
\n if os.path.exists(path):
\n with open(path) as f:
\n return f.read()
\n return "0.0"<\/p>\n @app.route("\/")
\ndef index():
\n return send_from_directory("templates", "index.html")<\/p>\n if __name__ == "__main__":
\n app.run(host="0.0.0.0", port=8000, debug=False) <\/p>\n 6.5\u00a0templates\/index.html\u00a0\u2013 \u524d\u7aef\u76d1\u63a7\u9762\u677f<\/h4>\n<!DOCTYPE html>
\n<html lang="zh-CN">
\n<head>
\n<meta charset="UTF-8">
\n<meta name="viewport" content="width=device-width, initial-scale=1.0">
\n<title>\u9053\u6865\u5b89\u5168\u591a\u6a21\u6001\u76d1\u6d4b\u9884\u8b66\u5e73\u53f0<\/title>
\n<style>
\n:root{
\n –bg:#eceff3; –panel:#ffffff; –panel-2:#f4f6f9;
\n –border:#e2e7ec; –border-2:#d4dbe3;
\n –text:#2a3340; –muted:#6c7886; –dim:#9aa6b3;
\n –accent:#4f6d8c; –accent-soft:#eef2f6;
\n –ok:#3f9a63; –ok-bg:#e9f3ec; –ok-bd:#bfe0cb; –ok-t:#2c7a49;
\n –warn:#c08a2e; –warn-bg:#f6efe0; –warn-bd:#e7d3a6; –warn-t:#956414;
\n –alarm:#c1504a; –alarm-bg:#f7e9e8; –alarm-bd:#e9c3c0; –alarm-t:#a23a35;
\n –mono:ui-monospace,"SF Mono","JetBrains Mono","Roboto Mono",Menlo,Consolas,monospace;
\n –sans:"PingFang SC","Microsoft YaHei","Noto Sans SC","Helvetica Neue",system-ui,sans-serif;
\n –sh:0 1px 2px rgba(40,55,75,.04),0 2px 8px rgba(40,55,75,.04);
\n}
\n*{box-sizing:border-box;margin:0;padding:0}
\nhtml,body{background:var(–bg);color:var(–text);font-family:var(–sans);-webkit-font-smoothing:antialiased}
\nbody{min-height:100vh}
\n.wrap{max-width:1320px;margin:0 auto;padding:20px 24px 30px}<\/p>\n header{display:flex;align-items:center;gap:16px;padding:4px 2px 20px;flex-wrap:wrap}
\n.brand{display:flex;align-items:center;gap:13px;min-width:0}
\n.logo{width:42px;height:42px;border-radius:11px;background:linear-gradient(150deg,#5b7c9d,#3c5a78);display:flex;align-items:center;justify-content:center;flex:0 0 auto}
\n.logo svg{width:25px;height:25px}
\n.titles h1{font-size:19px;font-weight:600;letter-spacing:.2px;line-height:1.2;color:#222c38}
\n.titles .sub{font-size:12.5px;color:var(–muted);margin-top:3px}
\n.hdr-right{margin-left:auto;display:flex;align-items:center;gap:18px;flex-wrap:wrap}
\n.loc{font-size:13px;color:var(–muted)}
\n.loc b{color:var(–text);font-weight:600}
\n.clock{font-family:var(–mono);font-size:15px;letter-spacing:.4px;color:var(–text)}
\n.clock .date{color:var(–dim);font-size:12px;margin-right:8px}
\n.online{display:flex;align-items:center;gap:7px;font-size:13px;color:var(–ok-t);background:var(–ok-bg);border:1px solid var(–ok-bd);padding:5px 12px;border-radius:20px}
\n.dot{width:8px;height:8px;border-radius:50%;background:var(–ok);animation:pulse 2.6s infinite}
\n@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(63,154,99,.4)}70%{box-shadow:0 0 0 6px rgba(63,154,99,0)}100%{box-shadow:0 0 0 0 rgba(63,154,99,0)}}<\/p>\n .kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:16px}
\n.kpi{background:var(–panel);border:1px solid var(–border);border-radius:14px;padding:16px 18px;box-shadow:var(–sh)}
\n.kpi .k-lab{font-size:12.5px;color:var(–muted);display:flex;align-items:center;gap:7}
\n.kpi .k-val{font-family:var(–mono);font-size:29px;font-weight:600;margin-top:10px;line-height:1;letter-spacing:.3px;color:#222c38}
\n.kpi .k-sub{font-size:12px;color:var(–dim);margin-top:9px}
\n.kpi .bar{height:6px;border-radius:4px;background:#e7ebf0;margin-top:11px;overflow:hidden}
\n.kpi .bar i{display:block;height:100%;border-radius:4px;background:linear-gradient(90deg,#3f9a63,#67c089)}
\n.statuschip{display:inline-flex;align-items:center;gap:9px;font-size:22px;font-weight:600;margin-top:8px}
\n.statuschip .sd{width:13px;height:13px;border-radius:50%}
\n#kpi-status{display:flex;flex-direction:column}
\n#kpi-status .statuschip{align-self:center}
\n.kpi.alarm-on{border-color:var(–alarm-bd);background:linear-gradient(180deg,#fcf3f2,#ffffff)}
\n.kpi.alarm-on .ring{animation:ring 1.5s infinite}
\n@keyframes ring{0%{box-shadow:0 0 0 0 rgba(193,80,74,.35)}70%{box-shadow:0 0 0 8px rgba(193,80,74,0)}100%{box-shadow:0 0 0 0 rgba(193,80,74,0)}}<\/p>\n .layout{display:grid;grid-template-columns:1.55fr 1fr;gap:16px}
\n.col{display:flex;flex-direction:column;gap:16px}
\n.card{background:var(–panel);border:1px solid var(–border);border-radius:14px;overflow:hidden;box-shadow:var(–sh)}
\n.card-h{display:flex;align-items:center;gap:9px;padding:13px 16px;border-bottom:1px solid var(–border);font-size:14px;font-weight:600;color:#2a3340}
\n.card-h .ic{color:var(–accent);display:flex}
\n.tag{margin-left:auto;font-family:var(–mono);font-size:14px;font-weight:600;color:#2d5078;background:#eef2f7;border:1px solid var(–accent);padding:5px 12px;border-radius:9px;letter-spacing:0.3px}
\n.card-b{padding:0}<\/p>\n .cam{position:relative;aspect-ratio:16\/9;background:#cfd6dd;overflow:hidden}
\n#show-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
\n.cam .grade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,28,38,.28),transparent 22%,transparent 70%,rgba(20,28,38,.34))}
\n.bbox{position:absolute;left:39%;top:6%;width:38%;height:88%;border:2px solid var(–alarm);border-radius:2px;opacity:0;transform:scale(1.06);transition:opacity .35s,transform .35s}
\n.cam.found .bbox{opacity:1;transform:scale(1)}
\n.bbox .blab{position:absolute;top:-22px;left:-2px;background:var(–alarm);color:#fff;font-family:var(–mono);font-size:11.5px;padding:2px 7px;border-radius:4px 4px 4px 0;white-space:nowrap}
\n.hud{position:absolute;font-size:11.5px;font-family:var(–mono);color:#f0f4f8;text-shadow:0 1px 4px rgba(0,0,0,.55);z-index:3}
\n.hud.tl{top:11px;left:13px}
\n.hud.tr{top:11px;right:13px;display:flex;align-items:center;gap:6px}
\n.hud.bl{bottom:11px;left:13px;color:#dce8f1}
\n.hud.br{bottom:11px;right:13px}
\n.rec{width:9px;height:9px;border-radius:50%;background:var(–alarm);animation:blink 1.5s infinite}
\n@keyframes blink{0%,100%{opacity:1}50%{opacity:.3}}
\n.det-state{padding:3px 10px;border-radius:6px;background:rgba(63,154,99,.85);color:#fff}
\n.det-state.found{background:rgba(193,80,74,.92)}<\/p>\n .strain-head{display:flex;align-items:baseline;gap:14px;padding:0 0 12px}
\n.strain-head .now{font-family:var(–mono);font-size:31px;font-weight:600;letter-spacing:.3px;color:#222c38}
\n.strain-head .unit{color:var(–dim);font-size:13px}
\n.strain-head .ch-lvl{margin-left:auto;font-size:13px;color:var(–muted)}
\n.chart-box{position:relative;height:188px}
\ncanvas{display:block;width:100%;height:100%}
\n.legend{display:flex;gap:18px;margin-top:11px;font-size:12px;color:var(–muted);flex-wrap:wrap}
\n.legend span{display:flex;align-items:center;gap:6px}
\n.legend i{width:16px;height:0;border-top:2px dashed currentColor;display:inline-block}<\/p>\n .fusion{display:flex;align-items:center;justify-content:space-between;gap:6px}
\n.fnode{flex:1;text-align:center}
\n.fnode .fl{font-size:12px;color:var(–muted);margin-bottom:8px}
\n.pill{display:inline-flex;align-items:center;gap:7px;font-size:13.5px;font-weight:600;padding:7px 12px;border-radius:9px;border:1px solid;min-width:72px;justify-content:center}
\n.pill .pd{width:9px;height:9px;border-radius:50%}
\n.lv-ok{background:var(–ok-bg);border-color:var(–ok-bd);color:var(–ok-t)} .lv-ok .pd{background:var(–ok)}
\n.lv-warn{background:var(–warn-bg);border-color:var(–warn-bd);color:var(–warn-t)} .lv-warn .pd{background:var(–warn)}
\n.lv-alarm{background:var(–alarm-bg);border-color:var(–alarm-bd);color:var(–alarm-t)} .lv-alarm .pd{background:var(–alarm)}
\n.op{font-size:17px;color:var(–dim);padding-top:18px}
\n.arrow{font-size:19px;color:var(–accent);padding-top:16px}<\/p>\n .alert-empty{display:flex;align-items:center;gap:10px;color:var(–muted);font-size:13.5px;padding:6px 2px}
\n.alert-empty .ed{width:9px;height:9px;border-radius:50%;background:var(–ok)}
\n.alert-card{display:none}
\n.alert-card.show{display:block}
\n.alert-top{display:flex;align-items:center;gap:11px;margin-bottom:13px}
\n.lvl-badge{font-size:15px;font-weight:600;padding:6px 13px;border-radius:9px}
\n.alert-rows{display:grid;grid-template-columns:auto 1fr;gap:9px 16px;font-size:13px}
\n.alert-rows .lk{color:var(–muted)}
\n.alert-rows .vv{color:var(–text);font-family:var(–mono)}<\/p>\n .pwr{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
\n.pwr .cell{background:var(–panel-2);border:1px solid var(–border);border-radius:10px;padding:11px 13px}
\n.pwr .cl{font-size:11.5px;color:var(–muted);display:flex;align-items:center;gap:6px}
\n.pwr .cv{font-family:var(–mono);font-size:19px;font-weight:600;margin-top:6px;color:#222c38}
\n.pwr .cv small{font-size:12px;color:var(–dim);font-weight:400}
\n.flow{display:flex;align-items:center;justify-content:center;gap:9px;margin-top:13px;font-size:12px;color:var(–muted);flex-wrap:wrap}
\n.flow .fchip{display:flex;align-items:center;gap:6px;background:var(–panel-2);border:1px solid var(–border);border-radius:8px;padding:6px 10px}
\n.flow .ar{color:var(–accent)}
\n.solar{color:var(–warn-t)}<\/p>\n .hist{margin-top:16px}
\ntable{width:100%;border-collapse:collapse;font-size:13px}
\nthead th{text-align:left;color:var(–muted);font-weight:500;font-size:12px;padding:10px 14px;border-bottom:1px solid var(–border);white-space:nowrap}
\ntbody td{padding:11px 14px;border-bottom:1px solid #eef1f4;color:var(–text)}
\ntbody tr:last-child td{border-bottom:none}
\ntbody tr.new td{animation:flashrow 1.5s ease-out}
\n@keyframes flashrow{0%{background:rgba(79,109,140,.1)}100%{background:transparent}}
\ntd.time{font-family:var(–mono);color:var(–muted);white-space:nowrap}
\n.lpill{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;padding:3px 9px;border-radius:7px}
\n.lpill .pd{width:8px;height:8px;border-radius:50%}
\n.st-done{color:var(–ok-t)} .st-pending{color:var(–alarm-t)}<\/p>\n footer{margin-top:20px;display:flex;align-items:center;gap:10px 22px;flex-wrap:wrap;font-size:12px;color:var(–dim);border-top:1px solid var(–border);padding-top:16px}
\nfooter .ft{display:flex;align-items:center;gap:7px}
\nfooter .ft b{color:var(–muted);font-weight:500}<\/p>\n @media (max-width:1080px){.layout{grid-template-columns:1fr}.kpis{grid-template-columns:repeat(2,1fr)}}
\n@media (prefers-reduced-motion:reduce){*{animation:none!important}}
\n<\/style>
\n<\/head>
\n<body>
\n<div class="wrap"><\/p>\n <header>
\n<div class="brand">
\n<div class="logo"><svg viewBox="0 0 24 24" fill="none" stroke="#fff" stroke-width="1.7" stroke-linecap="round"><path d="M2 16h20"\/><path d="M4 16v-3"\/><path d="M20 16v-3"\/><path d="M2 13c3.5 0 4-5 10-5s6.5 5 10 5"\/><path d="M8 13v3M12 11v5M16 13v3"\/><\/svg><\/div>
\n<div class="titles"><h1>\u9053\u6865\u5b89\u5168\u591a\u6a21\u6001\u76d1\u6d4b\u9884\u8b66\u5e73\u53f0<\/h1><div class="sub">\u8fb9\u7f18\u667a\u80fd \u00b7 \u5149\u50a8\u6df7\u5408\u4f9b\u80fd \u00b7 \u56fe\u50cf\u2014\u5e94\u53d8\u591a\u6a21\u6001\u878d\u5408<\/div><\/div>
\n<\/div>
\n<div class="hdr-right">
\n<div class="loc">\u76d1\u6d4b\u70b9 \u00b7 <b>\u6bd5\u8282\u00b7\u5c71\u533a\u8de8\u8c37\u6865<\/b><\/div>
\n<div class="clock"><span class="date" id="date">\u2014<\/span><span id="time">\u2014<\/span><\/div>
\n<div class="online"><span class="dot"><\/span>\u8bbe\u5907\u5728\u7ebf \u00b7 4G<\/div>
\n<\/div>
\n<\/header><\/p>\n <div class="kpis">
\n<div class="kpi" id="kpi-status">
\n<div class="k-lab"><span class="ring" id="kpi-dot" style="width:8px;height:8px;border-radius:50%;background:var(–ok)"><\/span>\u9884\u8b66\u72b6\u6001<\/div>
\n<div class="statuschip"><span class="sd" id="st-sd" style="background:var(–ok)"><\/span><span id="st-text" style="color:var(–ok-t)">\u6b63\u5e38<\/span><\/div>
\n<\/div>
\n<div class="kpi">
\n<div class="k-lab">\u9502\u7535\u6c60\u7535\u91cf（12V\/3A\u00b7h）<\/div>
\n<div class="k-val">89<small style="font-size:16px">%<\/small><\/div>
\n<div class="bar"><i style="width:86%"><\/i><\/div>
\n<\/div>
\n<div class="kpi">
\n<div class="k-lab">\u4f9b\u7535\u6765\u6e90<\/div>
\n<div class="k-val" style="font-size:21px">\u2600 \u5149\u4f0f\u4f9b\u7535<\/div>
\n<div class="k-sub">MPPT \u5145\u7535\u4e2d<\/div>
\n<\/div>
\n<div class="kpi">
\n<div class="k-lab">\u7cfb\u7edf\u8d1f\u8377 \/ \u901a\u4fe1<\/div>
\n<div class="k-val"><span id="sys-load-val">9.8<\/span><small style="font-size:15px"> W<\/small><\/div>
\n<div class="k-sub">RK3568 \u6309\u9700\u4e0a\u7535 \u00b7 4G \u4fe1\u53f7\u826f\u597d<\/div>
\n<\/div>
\n<\/div><\/p>\n <div class="layout">
\n<div class="col">
\n<div class="card">
\n<div class="card-h"><span class="ic"><svg width="17" height="17" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8"><rect x="2" y="6" width="14" height="12" rx="2"\/><path d="M16 10l6-3v10l-6-3"\/><\/svg><\/span>\u5b9e\u65f6\u76d1\u63a7\u753b\u9762<span class="tag">YOLOv8n \u00b7 RK3568 NPU<\/span><\/div>
\n<div class="card-b">
\n<div class="cam" id="cam">
\n<img id="show-img" alt="\u6865\u6881\u76d1\u63a7\u753b\u9762">
\n<div class="grade"><\/div>
\n<div class="hud tr"><span class="rec"><\/span><span id="cam-time">–:–:–<\/span><\/div>
\n<div class="hud bl">AI \u63a8\u7406：YOLOv8n \u00b7 INT8 \u00b7 \u7aef\u4fa7 NPU<\/div>
\n<div class="hud br"><span class="det-state" id="det-state">\u672a\u68c0\u51fa\u88c2\u7f1d<\/span><span style="margin-left:8px;font-family:var(–mono);color:#fff;background:rgba(0,0,0,0.6);padding:3px 8px;border-radius:5px">\u7f6e\u4fe1\u5ea6: <span id="conf-value">0.00<\/span><\/span><\/div>
\n<\/div>
\n<\/div>
\n<\/div><\/p>\n <div class="card">
\n<div class="card-h"><span class="ic"><svg width="17" height="17" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8"><path d="M3 16l4-6 4 4 4-9 4 7 2-2"\/><\/svg>\u5b9e\u65f6\u5e94\u53d8\u76d1\u6d4b<span class="tag">\u5206\u5e03\u5f0f\u5e94\u53d8\u4f20\u611f\u7f51\u7edc<\/span><\/div>
\n<div class="card-b">
\n<div class="strain-head">
\n<div><span class="now" id="strain-now">\u2014<\/span> <span class="unit">\u03bc\u03b5（\u5fae\u5e94\u53d8）<\/span><\/div>
\n<div class="ch-lvl">\u5e94\u53d8\u901a\u9053：<span class="lpill lv-ok" id="strain-lvl"><span class="pd"><\/span>\u6b63\u5e38<\/span><\/div>
\n<\/div>
\n<div class="chart-box"><canvas id="chart"><\/canvas><\/div>
\n<div class="legend">
\n<span style="color:#8a96a3"><i><\/i>\u5b89\u5168\u9608\u503c 600<\/span>
\n<span style="color:var(–warn-t)"><i><\/i>\u9884\u8b66\u9608\u503c 720<\/span>
\n<span style="color:var(–alarm-t)"><i><\/i>\u62a5\u8b66\u9608\u503c 1000<\/span>
\n<\/div>
\n<\/div>
\n<\/div>
\n<\/div><\/p>\n <div class="col">
\n<div class="card">
\n<div class="card-h"><span class="ic"><svg width="17" height="17" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8"><path d="M7 8a4 4 0 1 0 0 8M17 8a4 0 1 1 0 8"\/><path d="M11 12h2"\/><\/svg>\u591a\u6a21\u6001\u878d\u5408\u5224\u522b<\/div>
\n<div class="card-b">
\n<div class="fusion">
\n<div class="fnode"><div class="fl">\u56fe\u50cf\u901a\u9053<\/div><span class="pill lv-ok" id="f-img"><span class="pd"><\/span>\u6b63\u5e38<\/span><\/div>
\n<div class="op">\u2295<\/div>
\n<div class="fnode"><div class="fl">\u5e94\u53d8\u901a\u9053<\/div><span class="pill lv-ok" id="f-str"><span class="pd"><\/span>-<\/span><\/div>
\n<div class="arrow">\u2192<\/div>
\n<div class="fnode"><div class="fl">\u7efc\u5408\u9884\u8b66<\/div><span class="pill lv-ok" id="f-out"><span class="pd"><\/span>-<\/span><\/div>
\n<\/div>
\n<\/div>
\n<\/div><\/p>\n <div class="card">
\n<div class="card-h"><span class="ic"><svg width="17" height="17" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8"><path d="M12 9v4M12 17h.01M10.3 4.3 2.8 17a1.5 1.5 0 0 0 1.3 2.3h15.8a1.5 1.5 0 0 0 1.3-2.3L13.7 4.3a1.5 1.5 0 0 0-2.6 0z"\/><\/svg>\u5f53\u524d\u9884\u8b66<\/div>
\n<div class="card-b">
\n<div class="alert-empty" id="alert-empty"><span class="ed"><\/span>\u5f53\u524d\u65e0\u9884\u8b66，\u7ed3\u6784\u4e0e\u8bbe\u5907\u8fd0\u884c\u6b63\u5e38<\/div>
\n<div class="alert-card" id="alert-card">
\n<div class="alert-top"><span class="lvl-badge" id="ac-badge">\u62a5\u8b66<\/span><span style="color:var(–muted);font-size:13px" id="ac-type">\u88c2\u7f1d + \u5e94\u53d8\u8d8a\u9650<\/span><\/div>
\n<div class="alert-rows">
\n<span class="lk">\u53d1\u751f\u65f6\u95f4<\/span><span class="vv" id="ac-time">\u2014<\/span>
\n<span class="lk">\u6865\u6881\u4f4d\u7f6e<\/span><span class="vv">\u4e3b\u8de8\u8de8\u4e2d \u00b7 \u7bb1\u6881\u8179\u677f<\/span>
\n<span class="lk">\u68c0\u6d4b\u4f9d\u636e<\/span><span class="vv" id="ac-basis">YOLOv8 \u88c2\u7f1d 0.92 \u00b7 \u5e94\u53d8 770\u03bc\u03b5<\/span>
\n<\/div>
\n<\/div>
\n<\/div>
\n<\/div><\/p>\n <div class="card">
\n<div class="card-h"><span class="ic"><svg width="17" height="17" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8"><path d="M13 2 4 14h7l-1 8 9-12h-7z"\/><\/svg>\u5149\u50a8\u6df7\u5408\u4f9b\u80fd<\/div>
\n<div class="card-b">
\n<div class="pwr">
\n<div class="cell"><div class="cl solar">\u2600 \u5149\u4f0f\u8f93\u5165<\/div><div class="cv"><span id="pv-val">-<\/span><small>V<\/small><\/div><\/div>
\n<div class="cell"><div class="cl">\u9502\u7535\u6c60<\/div><div class="cv"><span id="bat-val">-<\/span><small>V<\/small><\/div><\/div>
\n<div class="cell"><div class="cl">\u8d85\u7ea7\u7535\u5bb9<\/div><div class="cv">- <small>V<\/small><\/div><\/div>
\n<div class="cell"><div class="cl">\u8d1f\u8f7d\u529f\u8017<\/div><div class="cv"><span id="load-val">-<\/span><small>W<\/small><\/div><\/div>
\n<\/div>
\n<div class="flow">
\n<span class="fchip solar">\u2600 \u5149\u4f0f<\/span><span class="ar">\u2192<\/span>
\n<span class="fchip">\u9502\u7535\u6c60 \/ \u8d85\u5bb9<\/span><span class="ar">\u2192<\/span>
\n<span class="fchip">\u8d1f\u8f7d（\u8fb9\u7f18\u8ba1\u7b97\u00b7\u6444\u50cf\u5934\u00b7\u901a\u4fe1）<\/span>
\n<\/div>
\n<\/div>
\n<\/div>
\n<\/div>
\n<\/div><\/p>\n <div class="card hist">
\n<div class="card-h"><span class="ic"><svg width="17" height="17" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8"><path d="M3 4h18M3 12h18M3 20h18"\/><\/span>\u5386\u53f2\u9884\u8b66\u8bb0\u5f55<span class="tag">\u652f\u6301\u6309\u65f6\u95f4 \/ \u7c7b\u578b\u67e5\u8be2<\/span><\/div>
\n<div class="card-b" style="padding:4px 4px 8px">
\n<table>
\n<thead><tr><th>\u53d1\u751f\u65f6\u95f4<\/th><th>\u9884\u8b66\u7c7b\u578b<\/th><th>\u9884\u8b66\u7b49\u7ea7<\/th><th>\u68c0\u6d4b\u4f9d\u636e<\/th><th>\u5904\u7406\u72b6\u6001<\/th><\/tr><\/thead>
\n<tbody id="hist-body">
\n<tr><td class="time">2024-05-10 09:14:22<\/td><td>\u6865\u9762\u7ed3\u51b0<\/td><td><span class="lpill lv-warn"><span class="pd"><\/span>\u9884\u8b66<\/span><\/td><td>\u7f6e\u4fe1\u5ea6 0.91<\/td><td class="st-pending">\u5f85\u590d\u6838<\/td><\/tr>
\n<tr><td class="time">2024-04-22 17:38:05<\/td><td>\u5e94\u53d8\u8d8a\u9650<\/td><td><span class="lpill lv-warn"><span class="pd"><\/span>\u9884\u8b66<\/span><\/td><td>\u7f6e\u4fe1\u5ea6 0.73<\/td><td class="st-done">\u5df2\u4e0a\u62a5<\/td><\/tr>
\n<tr><td class="time">2024-03-08 11:02:47<\/td><td>\u88c2\u7f1d<\/td><td><span class="lpill lv-warn"><span class="pd"><\/span>\u9884\u8b66<\/span><\/td><td>\u7f6e\u4fe1\u5ea6 0.88<\/td><td class="st-done">\u6062\u590d\u6b63\u5e38<\/td><\/tr>
\n<\/tbody>
\n<\/table>
\n<\/div>
\n<\/div><\/p>\n <footer>
\n<span class="ft"><b>\u8fb9\u7f18\u8ba1\u7b97<\/b> RK3568（CPU+NPU \u00b7 0.8TOPS）<\/span>
\n<span class="ft"><b>\u68c0\u6d4b\u6a21\u578b<\/b> YOLOv8 \u00b7 ONNX\u2192RKNN \u00b7 INT8<\/span>
\n<span class="ft"><b>\u56de\u4f20<\/b> 4G \u8f7b\u91cf\u56de\u4f20（\u7ed3\u679c\u7ea7）<\/span>
\n<span class="ft"><b>\u4f9b\u80fd<\/b> \u5149\u4f0f + \u9502\u7535\u6c60 + \u8d85\u7ea7\u7535\u5bb9<\/span>
\n<span class="ft" style="margin-left:auto">\u9053\u6865\u5b89\u5168\u76d1\u6d4b\u5e73\u53f0 v1.0<\/span>
\n<\/footer><\/p>\n <\/div><\/p>\n <script>
\nfunction pad(n){return String(n).padStart(2,'0')}
\nfunction tick(){
\n const d=new Date();
\n document.getElementById('date').textContent=`${d.getFullYear()}-${pad(d.getMonth()+1)}-${pad(d.getDate())}`;
\n const t=`${pad(d.getHours())}:${pad(d.getMinutes())}:${pad(d.getSeconds())}`;
\n document.getElementById('time').textContent=t;
\n document.getElementById('cam-time').textContent=t;
\n}
\ntick(); setInterval(tick,1000);<\/p>\n const NAME=['\u6b63\u5e38','\u9884\u8b66','\u62a5\u8b66'], CLS=['lv-ok','lv-warn','lv-alarm'];
\nconst COL=['var(–ok)','var(–warn)','var(–alarm)'];
\nconst BADGEBG=['var(–ok-bg)','var(–warn-bg)','var(–alarm-bg)'];
\nconst BADGECO=['var(–ok-t)','var(–warn-t)','var(–alarm-t)'];
\nlet imgLevel=0, strLevel=0, strainTarget=480;<\/p>\n let alertCounter = 0;
\nlet normalCounter = 0;
\nlet currentState = 0;<\/p>\n function setPill(el,rank){el.className='pill '+CLS[rank];el.innerHTML=`<span class="pd"><\/span>${NAME[rank]}`;}
\nfunction setLpill(el,rank){el.className='lpill '+CLS[rank];el.innerHTML=`<span class="pd"><\/span>${NAME[rank]}`;}<\/p>\n function render(){
\n const out = currentState;
\n setPill(document.getElementById('f-img'),out);
\n setLpill(document.getElementById('strain-lvl'),strLevel);
\n document.getElementById('st-sd').style.background=COL[out];
\n document.getElementById('kpi-dot').style.background=COL[out];
\n const stt=document.getElementById('st-text'); stt.textContent=NAME[out]; stt.style.color=BADGECO[out];
\n document.getElementById('kpi-status').classList.toggle('alarm-on',out===2);
\n const found = out >= 1;
\n document.getElementById('cam').classList.toggle('found',found);
\n const ds=document.getElementById('det-state');
\n ds.textContent=found?'\u68c0\u51fa\u88c2\u7f1d \u00b7 \u5df2\u6807\u6ce8':'\u672a\u68c0\u51fa\u88c2\u7f1d'; ds.classList.toggle('found',found);
\n const empty=document.getElementById('alert-empty'), card=document.getElementById('alert-card');
\n if(out===0){empty.style.display='flex';card.classList.remove('show');}
\n else{
\n empty.style.display='none';card.classList.add('show');
\n const b=document.getElementById('ac-badge');
\n b.textContent=NAME[out]; b.style.background=BADGEBG[out]; b.style.color=BADGECO[out];
\n document.getElementById('ac-type').textContent = out===2 ? '\u88c2\u7f1d\u6301\u7eed\u68c0\u51fa' : '\u88c2\u7f1d\u68c0\u51fa';
\n document.getElementById('ac-basis').textContent = 'YOLOv8 \u88c2\u7f1d\u68c0\u6d4b';
\n document.getElementById('ac-time').textContent=document.getElementById('time').textContent;
\n }
\n}<\/p>\n function addHistory(typeText,rank,basis,status,statusClass){
\n const t=new Date();
\n const ts=`${t.getFullYear()}-${pad(t.getMonth()+1)}-${pad(t.getDate())} ${pad(t.getHours())}:${pad(t.getMinutes())}:${pad(t.getSeconds())}`;
\n const tr=document.createElement('tr'); tr.className='new';
\n tr.innerHTML=`<td class="time">${ts}<\/td><td>${typeText}<\/td><td><span class="lpill ${CLS[rank]}"><span class="pd"><\/span>${NAME[rank]}<\/span><\/td><td>\u7f6e\u4fe1\u5ea6 ${basis}<\/td><td class="${statusClass}">${status}<\/td>`;
\n const body=document.getElementById('hist-body'); body.insertBefore(tr,body.firstChild);
\n}<\/p>\n function fetchConf() {
\n fetch("\/static\/conf.txt?t=" + Date.now())
\n .then(res => res.text())
\n .then(text => {
\n const conf = parseFloat(text);
\n document.getElementById('conf-value').textContent = conf.toFixed(2);
\n if (conf >= 0.6) {
\n alertCounter++;
\n normalCounter = 0;
\n if (alertCounter >= 10 && currentState < 2) {
\n currentState = 2;
\n addHistory("\u88c2\u7f1d\u6301\u7eed\u68c0\u51fa", 2, conf.toFixed(2), "\u5df2\u4e0a\u62a5", "st-pending");
\n } else if (alertCounter >= 1 && currentState < 1) {
\n currentState = 1;
\n addHistory("\u88c2\u7f1d\u68c0\u51fa", 1, conf.toFixed(2), "\u5f85\u590d\u6838", "st-pending");
\n }
\n } else {
\n alertCounter = 0;
\n if (currentState > 0) {
\n normalCounter++;
\n if (normalCounter >= 9) {
\n if (currentState > 0) {
\n addHistory("\u6062\u590d\u6b63\u5e38", 0, conf.toFixed(2), "\u6062\u590d\u6b63\u5e38", "st-done");
\n }
\n currentState = 0;
\n normalCounter = 0;
\n }
\n }
\n }
\n imgLevel = currentState;
\n render();
\n })
\n .catch(err => console.log("\u8bfb\u53d6\u7f6e\u4fe1\u5ea6\u5931\u8d25"));
\n}<\/p>\n const showImg = document.getElementById('show-img');
\nfunction refreshCamImage(){
\n showImg.src = `\/static\/cam.jpg?t=${Date.now()}`;
\n}
\nrefreshCamImage();<\/p>\n function updatePvVoltage(){
\n document.getElementById("pv-val").textContent = (Math.random()*0.3+17.80).toFixed(2);
\n}
\nfunction updateBatVoltage(){
\n document.getElementById("bat-val").textContent = (Math.random()*0.06+12.14).toFixed(2);
\n}
\nfunction updateLoadPower(){
\n const v = (Math.random()*0.1+9.70).toFixed(2);
\n document.getElementById("load-val").textContent = v;
\n document.getElementById("sys-load-val").textContent = v;
\n}<\/p>\n setInterval(function(){
\n refreshCamImage();
\n fetchConf();
\n updatePvVoltage();
\n updateBatVoltage();
\n updateLoadPower();
\n}, 500);<\/p>\n const cv=document.getElementById('chart'), ctx=cv.getContext('2d');
\nconst YMAX=1100,SAFE=600,WARN=720,ALARM=1000;
\nlet data=Array.from({length:70},()=>460+Math.random()*60);
\nfunction resize(){const r=cv.getBoundingClientRect(),dpr=window.devicePixelRatio||1;cv.width=r.width*dpr;cv.height=r.height*dpr;ctx.setTransform(dpr,0,0,dpr,0,0)}
\nfunction yPos(v,h){return h-(v\/YMAX)*h}
\nfunction band(w,h,v1,v2,c){const y1=yPos(v1,h),y2=yPos(v2,h);ctx.fillStyle=c;ctx.fillRect(0,y2,w,y1-y2)}
\nfunction line(w,h,v,c,label){const y=yPos(v,h);ctx.strokeStyle=c;ctx.lineWidth=1;ctx.setLineDash([5,5]);ctx.beginPath();ctx.moveTo(0,y);ctx.lineTo(w,y);ctx.stroke();ctx.setLineDash([]);ctx.fillStyle=c;ctx.font='11px ui-monospace,monospace';ctx.textAlign='right';ctx.fillText(label,w-4,y-4)}
\nfunction drawChart(){
\n const r=cv.getBoundingClientRect(),w=r.width,h=r.height;ctx.clearRect(0,0,w,h);
\n band(w,h,0,WARN,'rgba(63,154,99,.07)');
\n band(w,h,WARN,ALARM,'rgba(192,138,46,.09)');
\n band(w,h,ALARM,YMAX,'rgba(193,80,74,.10)');
\n line(w,h,SAFE,'rgba(138,150,163,.7)','\u5b89\u5168 600');
\n line(w,h,WARN,'rgba(192,138,46,.9)','\u9884\u8b66 720');
\n line(w,h,ALARM,'rgba(193,80,74,.9)','\u62a5\u8b66 1000');
\n const cur=data[data.length-1];
\n const col=cur>=ALARM?'#c1504a':cur>=WARN?'#c08a2e':'#3f9a63';
\n ctx.strokeStyle=col;ctx.lineWidth=2;ctx.lineJoin='round';
\n const step=w\/(data.length-1);
\n data.forEach((v,i)=>{const x=i*step,y=yPos(v,h);i?ctx.lineTo(x,y):ctx.moveTo(x,y)});
\n ctx.stroke();
\n ctx.fillStyle=col;ctx.beginPath();ctx.arc(w,yPos(cur,h),3.5,0,7);ctx.fill();
\n document.getElementById('strain-now').textContent=Math.round(cur);
\n document.getElementById('strain-now').style.color=col;
\n}
\nfunction stepData(){const last=data[data.length-1];data.push(Math.max(360,last+(strainTarget-last)*0.35+(Math.random()-0.5)*18));data.shift();drawChart()}
\nwindow.addEventListener('resize',()=>{resize();drawChart()});
\nresize();drawChart();render();
\nsetInterval(stepData,650);
\n<\/script>
\n<\/body>
\n<\/html> <\/p>\n \u6838\u5fc3\u903b\u8f91：<\/p>\n \n- \n
\u5b9a\u65f6\u5237\u65b0：\u6bcf500ms\u8bf7\u6c42\/static\/cam.jpg\u548c\/static\/conf.txt\u3002<\/p>\n<\/li>\n - \n
\u72b6\u6001\u673a：\u6839\u636e\u7f6e\u4fe1\u5ea6\u8fde\u7eed\u8ba1\u6570（\u22650.6\u6301\u7eed10\u5e27\u89e6\u53d1\u9884\u8b66，\u8fde\u7eed9\u5e27\u4f4e\u4e8e\u9608\u503c\u6062\u590d）\u3002<\/p>\n<\/li>\n - \n
\u5e94\u53d8\u66f2\u7ebf：\u6a21\u62df\u52a8\u6001\u6570\u636e，\u5c55\u793a\u5b89\u5168\/\u9884\u8b66\/\u62a5\u8b66\u4e09\u6761\u9608\u503c\u7ebf\u3002<\/p>\n<\/li>\n - \n
\u591a\u6a21\u6001\u878d\u5408：\u56fe\u50cf\u901a\u9053\u4e0e\u5e94\u53d8\u901a\u9053\u7efc\u5408\u5224\u5b9a\u9884\u8b66\u7b49\u7ea7\u3002<\/p>\n<\/li>\n<\/ul>\n \u4e03\u3001\u8fd0\u884c\u4e0e\u8c03\u8bd5<\/h3>\n7.1 \u542f\u52a8\u540e\u7aef<\/h4>\npython server.py <\/p>\n \u8bbf\u95eehttp:\/\/127.0.0.1:8000\u53ef\u770b\u5230\u76d1\u63a7\u9762\u677f（\u6b64\u65f6\u65e0\u56fe\u50cf，\u7b49\u5f85\u63a8\u7406\u7a0b\u5e8f\u4e0a\u4f20）\u3002<\/p>\n 7.2 \u542f\u52a8\u63a8\u7406\u4e3b\u7a0b\u5e8f<\/h4>\n\u53e6\u5f00\u7ec8\u7aef，\u8fd0\u884c：<\/p>\n python main.py <\/p>\n \u6444\u50cf\u5934\u5f00\u542f，\u63a8\u7406\u7ed3\u679c\u5b9e\u65f6\u663e\u793a\u5728OpenCV\u7a97\u53e3，\u540c\u65f6\u6bcf10\u5e27\u4e0a\u4f20\u81f3Flask\u670d\u52a1\u3002<\/p>\n 7.3 \u6548\u679c\u5c55\u793a<\/h4>\n\n- \n
\u524d\u7aef\u9875\u9762\u81ea\u52a8\u66f4\u65b0\u6444\u50cf\u5934\u753b\u9762\u3001\u7f6e\u4fe1\u5ea6\u3001\u9884\u8b66\u72b6\u6001\u3002<\/p>\n<\/li>\n - \n
\u5e94\u53d8\u66f2\u7ebf\u6a21\u62df\u6570\u636e\u52a8\u6001\u6ce2\u52a8\u3002<\/p>\n<\/li>\n - \n
\u5386\u53f2\u8bb0\u5f55\u81ea\u52a8\u6dfb\u52a0\u9884\u8b66\u4e8b\u4ef6\u3002<\/p>\n<\/li>\n<\/ul>\n
\n\u516b\u3001\u6027\u80fd\u4e0e\u4f18\u5316<\/h3>\n\n- \n
CPU\u6a21\u5f0f：\u5728Intel i7-10750H\u4e0a，YOLOv8n\u63a8\u7406\u7ea650ms\/\u5e27（640\u00d7640），\u6574\u4f53\u5e27\u7387\u7ea615~20fps\u3002<\/p>\n<\/li>\n - \n
GPU\u6a21\u5f0f：\u5c06device='cuda'，\u63a8\u7406\u65f6\u95f4\u964d\u81f315ms，\u5e27\u7387\u53ef\u8fbe30fps\u4ee5\u4e0a\u3002<\/p>\n<\/li>\n - \n
\u7ebf\u7a0b\u6c60：\u5f02\u6b65\u63a8\u7406\u6709\u6548\u964d\u4f4e\u4e3b\u5faa\u73af\u963b\u585e，\u4fdd\u8bc1\u89c6\u9891\u91c7\u96c6\u8fde\u7eed\u6027\u3002<\/p>\n<\/li>\n<\/ul>\n
\n\u4e5d\u3001\u603b\u7ed3\u4e0e\u5c55\u671b<\/h3>\n\u672c\u6587\u8be6\u7ec6\u8bb0\u5f55\u4e86\u5c06RK3568 NPU\u63a8\u7406\u7cfb\u7edf\u79fb\u690d\u5230PC\u7aef\u7684\u5168\u8fc7\u7a0b，\u4fdd\u7559\u4e86\u539f\u6709\u8f6f\u4ef6\u67b6\u6784\u548c\u524d\u7aef\u76d1\u63a7，\u4ec5\u66ff\u6362\u63a8\u7406\u540e\u7aef，\u5b9e\u73b0\u4e86\u5feb\u901f\u539f\u578b\u9a8c\u8bc1\u548c\u4e8c\u6b21\u5f00\u53d1\u3002\u4f60\u53ef\u4ee5\u57fa\u4e8e\u6b64\u4ee3\u7801：<\/p>\n \n- \n
\u66f4\u6362\u5176\u4ed6YOLO\u6a21\u578b（\u5982yolov8s\u3001yolov9\u7b49）\u3002<\/p>\n<\/li>\n - \n
\u63a5\u5165\u771f\u5b9e\u5e94\u53d8\u4f20\u611f\u5668\u6570\u636e，\u66ff\u4ee3\u6a21\u62df\u66f2\u7ebf\u3002<\/p>\n<\/li>\n - \n
\u90e8\u7f72\u5230\u4e91\u7aef\u670d\u52a1\u5668，\u5b9e\u73b0\u8fdc\u7a0b\u76d1\u63a7\u3002<\/p>\n<\/li>\n<\/ul>\n<\/p>\n \u5982\u6709\u4fb5\u6743，\u6216\u9700\u8981\u5b8c\u6574\u4ee3\u7801，\u8bf7\u53ca\u65f6\u8054\u7cfb\u535a\u4e3b\u3002<\/p>\n","protected":false},"excerpt":{"rendered":" \u82e5\u8be5\u6587\u4e3a\u539f\u521b\u6587\u7ae0，\u8f6c\u8f7d\u8bf7\u6ce8\u660e\u539f\u6587\u51fa\u5904\u3002 \u4e00\u3001\u5f15\u8a00
\n\u5728\u8fb9\u7f18AI\u5e94\u7528\u4e2d，RK3568\u7b49NPU\u5e73\u53f0\u51ed\u501f\u4f4e\u529f\u8017\u548c\u9ad8\u7b97\u529b\u6027\u4ef7\u6bd4\u5907\u53d7\u9752\u7750\u3002\u7136\u800c，\u5f00\u53d1\u8c03\u8bd5\u3001\u6a21\u578b\u8fed\u4ee3\u548c\u529f\u80fd\u6269\u5c55\u5f80\u5f80\u5728PC\u7aef\u66f4\u4e3a\u4fbf\u6377\u3002\u672c\u6587\u5c06\u5206\u4eab\u4e00\u5957\u5b8c\u6574\u7684\u9053\u6865\u5b89\u5168\u591a\u6a21\u6001\u76d1\u6d4b\u9884\u8b66\u5e73\u53f0\u4eceRK3568（RKNN NPU）\u79fb\u690d\u5230PC\u7aef（PyTorch \u00a0YOLOv8n.pt）\u7684\u5b9e\u8df5\u65b9\u6848，\u5e76\u9644\u5e26\u5168\u6808\u4ee3\u7801（\u540e\u7aefFl<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[156,305],"topic":[],"class_list":["post-84800","post","type-post","status-publish","format-standard","hentry","category-server","tag-yolo","tag-305"],"yoast_head":"\n AI\u7b14\u8bb0\u4e09\u5341\u4e03\uff1aAI\u8fb9\u7f18\u7aef\u9053\u6865\u5b89\u5168\u76d1\u6d4b\u7cfb\u7edf\uff1aYOLOv8n\u63a8\u7406\u4e0eWeb\u76d1\u63a7\u5168\u89e3\u6790 - \u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.wsisp.com\/helps\/84800.html\" \/>\n<meta property=\"og:locale\" content=\"zh_CN\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"AI\u7b14\u8bb0\u4e09\u5341\u4e03\uff1aAI\u8fb9\u7f18\u7aef\u9053\u6865\u5b89\u5168\u76d1\u6d4b\u7cfb\u7edf\uff1aYOLOv8n\u63a8\u7406\u4e0eWeb\u76d1\u63a7\u5168\u89e3\u6790 - \u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3\" \/>\n<meta property=\"og:description\" content=\"\u82e5\u8be5\u6587\u4e3a\u539f\u521b\u6587\u7ae0，\u8f6c\u8f7d\u8bf7\u6ce8\u660e\u539f\u6587\u51fa\u5904\u3002 \u4e00\u3001\u5f15\u8a00 \u5728\u8fb9\u7f18AI\u5e94\u7528\u4e2d，RK3568\u7b49NPU\u5e73\u53f0\u51ed\u501f\u4f4e\u529f\u8017\u548c\u9ad8\u7b97\u529b\u6027\u4ef7\u6bd4\u5907\u53d7\u9752\u7750\u3002\u7136\u800c，\u5f00\u53d1\u8c03\u8bd5\u3001\u6a21\u578b\u8fed\u4ee3\u548c\u529f\u80fd\u6269\u5c55\u5f80\u5f80\u5728PC\u7aef\u66f4\u4e3a\u4fbf\u6377\u3002\u672c\u6587\u5c06\u5206\u4eab\u4e00\u5957\u5b8c\u6574\u7684\u9053\u6865\u5b89\u5168\u591a\u6a21\u6001\u76d1\u6d4b\u9884\u8b66\u5e73\u53f0\u4eceRK3568（RKNN NPU）\u79fb\u690d\u5230PC\u7aef（PyTorch \u00a0YOLOv8n.pt）\u7684\u5b9e\u8df5\u65b9\u6848，\u5e76\u9644\u5e26\u5168\u6808\u4ee3\u7801（\u540e\u7aefFl\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.wsisp.com\/helps\/84800.html\" \/>\n<meta property=\"og:site_name\" content=\"\u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3\" \/>\n<meta property=\"article:published_time\" content=\"2026-07-26T10:17:54+00:00\" \/>\n<meta name=\"author\" content=\"admin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u4f5c\u8005\" \/>\n\t<meta name=\"twitter:data1\" content=\"admin\" \/>\n\t<meta name=\"twitter:label2\" content=\"\u9884\u8ba1\u9605\u8bfb\u65f6\u95f4\" \/>\n\t<meta name=\"twitter:data2\" content=\"25 \u5206\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.wsisp.com\/helps\/84800.html\",\"url\":\"https:\/\/www.wsisp.com\/helps\/84800.html\",\"name\":\"AI\u7b14\u8bb0\u4e09\u5341\u4e03\uff1aAI\u8fb9\u7f18\u7aef\u9053\u6865\u5b89\u5168\u76d1\u6d4b\u7cfb\u7edf\uff1aYOLOv8n\u63a8\u7406\u4e0eWeb\u76d1\u63a7\u5168\u89e3\u6790 - \u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3\",\"isPartOf\":{\"@id\":\"https:\/\/www.wsisp.com\/helps\/#website\"},\"datePublished\":\"2026-07-26T10:17:54+00:00\",\"dateModified\":\"2026-07-26T10:17:54+00:00\",\"author\":{\"@id\":\"https:\/\/www.wsisp.com\/helps\/#\/schema\/person\/358e386c577a3ab51c4493330a20ad41\"},\"breadcrumb\":{\"@id\":\"https:\/\/www.wsisp.com\/helps\/84800.html#breadcrumb\"},\"inLanguage\":\"zh-Hans\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.wsisp.com\/helps\/84800.html\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.wsisp.com\/helps\/84800.html#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"\u9996\u9875\",\"item\":\"https:\/\/www.wsisp.com\/helps\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"AI\u7b14\u8bb0\u4e09\u5341\u4e03\uff1aAI\u8fb9\u7f18\u7aef\u9053\u6865\u5b89\u5168\u76d1\u6d4b\u7cfb\u7edf\uff1aYOLOv8n\u63a8\u7406\u4e0eWeb\u76d1\u63a7\u5168\u89e3\u6790\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.wsisp.com\/helps\/#website\",\"url\":\"https:\/\/www.wsisp.com\/helps\/\",\"name\":\"\u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3\",\"description\":\"\u9999\u6e2f\u670d\u52a1\u5668_\u9999\u6e2f\u4e91\u670d\u52a1\u5668\u8d44\u8baf_\u670d\u52a1\u5668\u5e2e\u52a9\u6587\u6863_\u670d\u52a1\u5668\u6559\u7a0b\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.wsisp.com\/helps\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"zh-Hans\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.wsisp.com\/helps\/#\/schema\/person\/358e386c577a3ab51c4493330a20ad41\",\"name\":\"admin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"zh-Hans\",\"@id\":\"https:\/\/www.wsisp.com\/helps\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/gravatar.wp-china-yes.net\/avatar\/?s=96&d=mystery\",\"contentUrl\":\"https:\/\/gravatar.wp-china-yes.net\/avatar\/?s=96&d=mystery\",\"caption\":\"admin\"},\"sameAs\":[\"http:\/\/wp.wsisp.com\"],\"url\":\"https:\/\/www.wsisp.com\/helps\/author\/admin\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"AI\u7b14\u8bb0\u4e09\u5341\u4e03\uff1aAI\u8fb9\u7f18\u7aef\u9053\u6865\u5b89\u5168\u76d1\u6d4b\u7cfb\u7edf\uff1aYOLOv8n\u63a8\u7406\u4e0eWeb\u76d1\u63a7\u5168\u89e3\u6790 - \u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.wsisp.com\/helps\/84800.html","og_locale":"zh_CN","og_type":"article","og_title":"AI\u7b14\u8bb0\u4e09\u5341\u4e03\uff1aAI\u8fb9\u7f18\u7aef\u9053\u6865\u5b89\u5168\u76d1\u6d4b\u7cfb\u7edf\uff1aYOLOv8n\u63a8\u7406\u4e0eWeb\u76d1\u63a7\u5168\u89e3\u6790 - \u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3","og_description":"\u82e5\u8be5\u6587\u4e3a\u539f\u521b\u6587\u7ae0，\u8f6c\u8f7d\u8bf7\u6ce8\u660e\u539f\u6587\u51fa\u5904\u3002 \u4e00\u3001\u5f15\u8a00 \u5728\u8fb9\u7f18AI\u5e94\u7528\u4e2d，RK3568\u7b49NPU\u5e73\u53f0\u51ed\u501f\u4f4e\u529f\u8017\u548c\u9ad8\u7b97\u529b\u6027\u4ef7\u6bd4\u5907\u53d7\u9752\u7750\u3002\u7136\u800c，\u5f00\u53d1\u8c03\u8bd5\u3001\u6a21\u578b\u8fed\u4ee3\u548c\u529f\u80fd\u6269\u5c55\u5f80\u5f80\u5728PC\u7aef\u66f4\u4e3a\u4fbf\u6377\u3002\u672c\u6587\u5c06\u5206\u4eab\u4e00\u5957\u5b8c\u6574\u7684\u9053\u6865\u5b89\u5168\u591a\u6a21\u6001\u76d1\u6d4b\u9884\u8b66\u5e73\u53f0\u4eceRK3568（RKNN NPU）\u79fb\u690d\u5230PC\u7aef（PyTorch \u00a0YOLOv8n.pt）\u7684\u5b9e\u8df5\u65b9\u6848，\u5e76\u9644\u5e26\u5168\u6808\u4ee3\u7801（\u540e\u7aefFl","og_url":"https:\/\/www.wsisp.com\/helps\/84800.html","og_site_name":"\u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3","article_published_time":"2026-07-26T10:17:54+00:00","author":"admin","twitter_card":"summary_large_image","twitter_misc":{"\u4f5c\u8005":"admin","\u9884\u8ba1\u9605\u8bfb\u65f6\u95f4":"25 \u5206"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.wsisp.com\/helps\/84800.html","url":"https:\/\/www.wsisp.com\/helps\/84800.html","name":"AI\u7b14\u8bb0\u4e09\u5341\u4e03\uff1aAI\u8fb9\u7f18\u7aef\u9053\u6865\u5b89\u5168\u76d1\u6d4b\u7cfb\u7edf\uff1aYOLOv8n\u63a8\u7406\u4e0eWeb\u76d1\u63a7\u5168\u89e3\u6790 - \u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3","isPartOf":{"@id":"https:\/\/www.wsisp.com\/helps\/#website"},"datePublished":"2026-07-26T10:17:54+00:00","dateModified":"2026-07-26T10:17:54+00:00","author":{"@id":"https:\/\/www.wsisp.com\/helps\/#\/schema\/person\/358e386c577a3ab51c4493330a20ad41"},"breadcrumb":{"@id":"https:\/\/www.wsisp.com\/helps\/84800.html#breadcrumb"},"inLanguage":"zh-Hans","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.wsisp.com\/helps\/84800.html"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.wsisp.com\/helps\/84800.html#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"\u9996\u9875","item":"https:\/\/www.wsisp.com\/helps"},{"@type":"ListItem","position":2,"name":"AI\u7b14\u8bb0\u4e09\u5341\u4e03\uff1aAI\u8fb9\u7f18\u7aef\u9053\u6865\u5b89\u5168\u76d1\u6d4b\u7cfb\u7edf\uff1aYOLOv8n\u63a8\u7406\u4e0eWeb\u76d1\u63a7\u5168\u89e3\u6790"}]},{"@type":"WebSite","@id":"https:\/\/www.wsisp.com\/helps\/#website","url":"https:\/\/www.wsisp.com\/helps\/","name":"\u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3","description":"\u9999\u6e2f\u670d\u52a1\u5668_\u9999\u6e2f\u4e91\u670d\u52a1\u5668\u8d44\u8baf_\u670d\u52a1\u5668\u5e2e\u52a9\u6587\u6863_\u670d\u52a1\u5668\u6559\u7a0b","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.wsisp.com\/helps\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"zh-Hans"},{"@type":"Person","@id":"https:\/\/www.wsisp.com\/helps\/#\/schema\/person\/358e386c577a3ab51c4493330a20ad41","name":"admin","image":{"@type":"ImageObject","inLanguage":"zh-Hans","@id":"https:\/\/www.wsisp.com\/helps\/#\/schema\/person\/image\/","url":"https:\/\/gravatar.wp-china-yes.net\/avatar\/?s=96&d=mystery","contentUrl":"https:\/\/gravatar.wp-china-yes.net\/avatar\/?s=96&d=mystery","caption":"admin"},"sameAs":["http:\/\/wp.wsisp.com"],"url":"https:\/\/www.wsisp.com\/helps\/author\/admin"}]}},"_links":{"self":[{"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/posts\/84800","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/comments?post=84800"}],"version-history":[{"count":0,"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/posts\/84800\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/media?parent=84800"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/categories?post=84800"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/tags?post=84800"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/topic?post=84800"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}} |