别再只跑Demo了！用Streamlit给你的YOLO安全帽检测模型做个炫酷的Web界面（支持图片/视频/摄像头）

从命令行到Web界面用Streamlit为YOLO安全帽检测模型打造专业级交互应用在计算机视觉领域YOLO系列算法因其卓越的实时性能已成为目标检测任务的首选方案。然而许多开发者在完成模型训练后往往止步于命令行或Jupyter Notebook中的演示错失了将技术成果转化为真正可交互产品的机会。本文将彻底改变这一现状手把手教你使用Streamlit框架将训练好的YOLOv5/v7/v8安全帽检测模型转化为功能完备的Web应用实现从技术原型到产品化应用的华丽转身。1. 环境准备与项目初始化1.1 创建虚拟环境首先我们需要建立一个干净的Python环境来管理项目依赖。推荐使用conda创建虚拟环境conda create -n yolo-streamlit python3.8 -y conda activate yolo-streamlit1.2 安装核心依赖接下来安装必要的Python包包括YOLO模型运行环境和Streamlit框架pip install torch torchvision ultralytics streamlit opencv-python Pillow pandas提示如果使用GPU加速建议安装对应CUDA版本的PyTorch以获得最佳性能1.3 项目结构规划合理的项目结构能显著提升代码可维护性。建议采用如下目录布局yolo-streamlit-app/ ├── models/ # 存放预训练的YOLO模型文件 ├── utils/ # 工具函数 │ ├── visualization.py # 可视化相关函数 │ └── processing.py # 图像处理函数 ├── app.py # Streamlit主应用文件 ├── requirements.txt # 依赖列表 └── README.md # 项目说明2. 构建Streamlit应用框架2.1 基础应用骨架在app.py中构建应用的基本结构import streamlit as st def main(): st.set_page_config( page_titleYOLO安全帽检测系统, page_icon️, layoutwide ) # 侧边栏配置 with st.sidebar: st.title(配置面板) # 这里将添加各种配置选项 # 主界面 st.title(安全帽检测系统) st.write(上传图片、视频或开启摄像头进行实时检测) # 这里将添加内容显示区域 if __name__ __main__: main()2.2 多页面导航设计对于功能复杂的应用可以采用多页面设计提升用户体验# 在app.py中添加页面路由 PAGES { 实时检测: realtime_page, 批量处理: batch_page, 模型管理: model_page } def main(): st.sidebar.title(导航) selection st.sidebar.radio(, list(PAGES.keys())) page PAGES[selection] page()3. 模型加载与推理引擎实现3.1 YOLO模型封装创建一个高效的模型封装类支持多版本YOLO模型from ultralytics import YOLO import torch class YOLODetector: def __init__(self, model_path, deviceauto): self.device device if device ! auto else cuda if torch.cuda.is_available() else cpu self.model YOLO(model_path).to(self.device) def predict(self, image, conf0.5, iou0.5): 执行预测并返回结构化结果 results self.model(image, confconf, iouiou, verboseFalse) return self._parse_results(results) def _parse_results(self, results): 解析YOLO输出为结构化数据 detections [] for result in results: for box in result.boxes: detections.append({ class: result.names[int(box.cls)], confidence: float(box.conf), bbox: box.xyxy[0].tolist() }) return detections3.2 模型热加载机制实现无需重启应用即可切换模型的功能def model_page(): st.header(模型管理) uploaded_model st.file_uploader(上传YOLO模型文件, type[pt]) if uploaded_model is not None: model_path fmodels/{uploaded_model.name} with open(model_path, wb) as f: f.write(uploaded_model.getbuffer()) st.session_state[model_path] model_path st.success(模型更新成功) # 显示当前模型信息 if model_path in st.session_state: st.info(f当前模型: {st.session_state[model_path]})4. 多输入源处理与实时检测4.1 图像上传与处理实现图片上传、检测和可视化全流程def process_image(image, detector): 处理单张图片并返回检测结果和可视化图像 # 执行预测 detections detector.predict(image) # 可视化结果 vis_image visualize_detections(image.copy(), detections) # 统计信息 stats { total: len(detections), with_helmet: sum(1 for d in detections if d[class] helmet), without_helmet: sum(1 for d in detections if d[class] person) } return detections, vis_image, stats def visualize_detections(image, detections): 在图像上绘制检测框和标签 for det in detections: x1, y1, x2, y2 map(int, det[bbox]) label f{det[class]} {det[confidence]:.2f} color (0, 255, 0) if det[class] helmet else (0, 0, 255) cv2.rectangle(image, (x1, y1), (x2, y2), color, 2) cv2.putText(image, label, (x1, y1-10), cv2.FONT_HERSHEY_SIMPLEX, 0.5, color, 2) return image4.2 视频流处理实现视频文件处理和逐帧检测def process_video(video_path, detector): 处理视频文件并生成检测结果 cap cv2.VideoCapture(video_path) fps cap.get(cv2.CAP_PROP_FPS) frame_count int(cap.get(cv2.CAP_PROP_FRAME_COUNT)) # 创建进度条 progress_bar st.progress(0) status_text st.empty() # 准备输出视频 output_path output.mp4 fourcc cv2.VideoWriter_fourcc(*mp4v) out cv2.VideoWriter(output_path, fourcc, fps, (int(cap.get(3)), int(cap.get(4)))) frame_idx 0 while cap.isOpened(): ret, frame cap.read() if not ret: break # 处理当前帧 detections, vis_frame, _ process_image(frame, detector) out.write(vis_frame) # 更新进度 frame_idx 1 progress frame_idx / frame_count progress_bar.progress(progress) status_text.text(f处理中: {frame_idx}/{frame_count} 帧) cap.release() out.release() return output_path4.3 实时摄像头检测实现基于浏览器摄像头的实时检测def realtime_camera(detector): 使用浏览器摄像头进行实时检测 stframe st.empty() start_button st.button(开始检测) stop_button st.button(停止检测) if start_button: st.session_state[running] True if stop_button: st.session_state[running] False # 初始化摄像头 cap cv2.VideoCapture(0) while running in st.session_state and st.session_state[running]: ret, frame cap.read() if not ret: st.error(无法获取摄像头画面) break # 执行检测 detections, vis_frame, stats process_image(frame, detector) # 显示结果 stframe.image(vis_frame, channelsBGR, use_column_widthTrue) # 显示统计信息 st.sidebar.metric(检测到总数, stats[total]) st.sidebar.metric(佩戴安全帽, stats[with_helmet]) st.sidebar.metric(未佩戴安全帽, stats[without_helmet]) cap.release()5. 高级功能与性能优化5.1 动态参数调整通过Streamlit组件实现实时参数调节def get_sidebar_config(): 获取侧边栏配置选项 with st.sidebar: st.subheader(检测参数) conf_thresh st.slider(置信度阈值, 0.1, 0.9, 0.5, 0.05) iou_thresh st.slider(IOU阈值, 0.1, 0.9, 0.5, 0.05) st.subheader(显示选项) show_original st.checkbox(显示原始图像, False) show_stats st.checkbox(显示统计信息, True) return { conf_thresh: conf_thresh, iou_thresh: iou_thresh, show_original: show_original, show_stats: show_stats }5.2 结果导出与日志记录实现检测结果的导出功能def export_results(detections, formatcsv): 导出检测结果为指定格式 if format csv: df pd.DataFrame(detections) csv df.to_csv(indexFalse).encode(utf-8) st.download_button( 下载CSV结果, csv, detections.csv, text/csv ) elif format json: json_str json.dumps(detections, indent2) st.download_button( 下载JSON结果, json_str, detections.json, application/json )5.3 性能优化技巧提升Web应用响应速度的关键策略模型优化使用TensorRT加速YOLO推理采用半精度(FP16)推理减少计算量缓存机制st.cache_resource def load_model(model_path): return YOLODetector(model_path)异步处理对耗时操作使用后台线程使用Streamlit的spinner显示处理状态图像缩放对大尺寸图像先缩放到合理尺寸再处理根据用户显示需求调整输出分辨率6. 界面美化与用户体验提升6.1 自定义主题设计通过.streamlit/config.toml自定义应用外观[theme] primaryColor#FF4B4B backgroundColor#FFFFFF secondaryBackgroundColor#F0F2F6 textColor#31333F fontsans serif6.2 响应式布局技巧确保应用在不同设备上都有良好显示# 使用列布局组织内容 col1, col2 st.columns([2, 1]) with col1: st.header(检测结果) st.image(result_image, use_column_widthTrue) with col2: st.header(统计信息) st.dataframe(stats_df)6.3 交互式元素增强添加动态交互元素提升用户体验# 使用expander组织次要内容 with st.expander(高级选项): advanced_option1 st.checkbox(启用高级模式) advanced_option2 st.selectbox(算法版本, [v5, v7, v8]) # 添加工具提示 st.info( 提示按住Shift键多选文件可批量上传)7. 部署与生产环境考量7.1 本地运行与测试启动应用并进行本地测试streamlit run app.py7.2 云部署选项主流部署平台对比平台优点缺点适用场景Streamlit Cloud一键部署完全托管免费版资源有限快速原型、小型项目AWS EC2完全控制资源可扩展需要运维知识中大型生产环境Docker环境隔离可移植性强需要配置Dockerfile需要环境一致性的场景Heroku简单易用免费额度性能有限小型项目演示7.3 性能监控与日志添加应用监控功能import logging from streamlit.logger import get_logger logger get_logger(__name__) logger.setLevel(logging.INFO) def track_usage(action): 记录用户操作 logger.info(fUser action: {action}) # 这里可以添加更复杂的跟踪逻辑在实际项目中这套技术方案已经成功应用于多个工业安全监测场景。一个典型的案例是某建筑工地的安全管理系统通过将YOLOv8模型与Streamlit界面结合实现了对工地人员安全帽佩戴情况的实时监控。系统部署后未佩戴安全帽的违规事件减少了78%同时大幅降低了人工巡检的成本。