Remote Live Preview

远程监控预览

客户可在线查看展厅样品、工厂生产、仓储发货与项目安装现场。页面已预留真实摄像头流、RTSP 转码、访问权限、截图录像和后台设备管理接口。

4设备总数 2在线设备 HLS/WebRTC接口预留
LIVE
展厅 工厂 仓库 项目
Device Groups

监控设备分类

按业务场景管理摄像头,后续可直接接后台设备表。

🏬

展厅监控

用于客户远程查看样品展厅、货架陈列和冷柜展示区。

🏭

工厂监控

用于查看生产线、装配区、质检区和发货现场。

📦

仓储物流

用于查看仓库、打包、装车与物流等待区。

📡

项目现场

用于项目安装、门店施工、验收现场的远程预览。

Live Preview

展厅 A 区 · 货架陈列

演示视频流,可替换为真实摄像头转码后的 HTTPS/HLS 地址。

online
广州展厅 / A区安装位置
1080P清晰度
120ms延迟
等待连接监控流。
Multi View

四宫格远程预览

用于客户同时查看展厅、生产、仓库与项目现场,真实环境可替换为多路直播流。

🏬 MP4

展厅 A 区 · 货架陈列

广州展厅 / A区

🏭 HLS

工厂质检区 · 冷柜测试

生产基地 / 质检区

📦 MJPEG

仓库 B 区 · 打包发货

成品仓 / B区

📡 RTSP

项目现场 · 安装验收

海外项目 / 安装现场

Ready for Backend

远程监控后台接口预留

多设备预览

按展厅、工厂、仓库、项目现场分类管理摄像头。

远程实时查看

支持 MP4/HLS/MJPEG/iframe 预览结构,并预留 RTSP 转码入口。

截图与录像

前端已放置截图、录像按钮,后端可接录像任务和云存储。

权限与日志

后续可接后台账号权限、访问 token、播放日志和设备状态。

真实接入建议

摄像头 RTSP 地址不要直接暴露给客户浏览器。建议服务器接入 FFmpeg、ZLMediaKit、SRS、EasyCVR 或厂商 SDK,把 RTSP 转为 HTTPS HLS/WebRTC,再由本页面播放。

GET /api/remote-monitor-devices.php POST /api/remote-monitor-preview.php