 Pine
|
29bdad316f
|
feat: 播放控制移入页眉 + 媒体铺满智能裁切
页眉播放控制（仅媒体轮播页）：
- 新增 MediaHeaderControls：播放/暂停、上一段/下一段、序号、当前文件名（点击进后台）、声音解锁
- 新增 mediaControl 共享状态桥：媒体页同步播放状态，页眉订阅渲染并下发指令
- 移除媒体页底部控制区，媒体区保持纯净全屏
媒体展示：
- .ms-media 改为 object-fit: cover，填满整个容器并智能居中裁切（原 contain 留黑边）
修复：
- MediaScreen useEffect 依赖数组引用后声明函数导致的 TDZ 崩溃
- 清理 MediaScreen 中不再使用的 Icon/cleanName/togglePlayPause
|
2026-08-17 22:45:46 +08:00 |
|
|
Pine
|
07dbd404a9
|
refactor: 弱化媒体播放控制区 + MQTT 客户端 ID 唯一化
播放控制区：
- 从底部中央移到右下角，整体缩小（播放键 42→30px、导航键 34→26px）
- 背景更透（0.8→0.55）、阴影更轻，视觉弱化不抢内容
- 播放名不再显示完整地址：URL 媒体只显示文件名（cleanName 清洗，去掉协议/路径/查询）
MQTT 客户端 ID：
- 后端 client_id 由固定 dpm-backend 改为 dpm-backend-{pid}-{随机}，多实例不互踢
- 前端 client_id 增加时间戳 + 更高熵随机，避免多屏/多标签竞争
|
2026-08-17 22:16:22 +08:00 |
|
|
Pine
|
84b3f12146
|
refactor: 页眉由 App 统一注入（ScreenLayout），三页共用一致页眉
- 新增 ScreenLayout 布局路由：注入共享 PageHeader + 全局左右键循环导航
- PageHeader 无 props，按路由自动识别状态（数据实时/3D 实时/媒体播放）
- DataScreen / DigitalTwin / MediaScreen 移除各自页眉，避免重复
- 页脚按页面按需保留（数据大屏 + 媒体轮播，数字孪生无）
- 管理后台不参与导航循环；旧 /screen2 路由移除
- 补齐 MediaScreen 音量/播放/翻页图标与浅色主题样式
|
2026-08-17 20:08:45 +08:00 |
|