切换模板

Workbuddy重新设计极简电视界面(预想版)

起因是电视端原有的开机画面做得过于复杂,于是重新设计了一版简单的开机画面;本页记录这版极简直播界面原型:画面由机顶盒 HDMI 提供、APK 只画导航层,含状态①全屏直播与状态②频道列表两个静态版面、键盘映射速查与 5 类状态提示。频道号与叠加能力均为示例或待验证假设,非查证事实。

tv_live_minimal / UI Prototype / v1.0

开机即直播 · 极简电视界面高保真原型(静态说明版)

目标设备:小米电视5 55″(3840×2160 / 60Hz)+ 中国移动「新魔百和 M101」IPTV 盒子(HDMI 输入)|画布 1920×1080 @1x,按容器宽度等比缩放。本页为原型的静态图文存档,原可交互版本另存为离线 HTML,正文内不含脚本。

起因:电视端最初设计的开机画面元素过多、层级复杂,落地后显得繁琐;因此重新规划了一版尽量简单的开机画面,以「开机即进入直播、只保留必要导航与提示」为目标。本页即为这版极简界面的静态图文存档。

单文件 · 离线可打开 · 无外部依赖Action Safe 5% / Title Safe 10%最小字号 28px(@1x)状态① / 状态② 可切换

可验证事实

画面由机顶盒 HDMI 提供,APK 只画导航层

直播信号由「新魔百和 M101」经 HDMI 送进电视;电视端自研 APK 拿不到、也解不了 IPTV 专网流,不绘制、不解码这个画面,只负责极简频道导航与信息层。(依据 F3 / F4,见页脚)

示例数据 · 非事实

频道号仅为示例,需以盒子实际频道号为准

页面上的 01–06 及排序都是版式示例,不是查证结果。原脚本顶部的 CHANNELS 数组可直接替换;真实频道号必须到盒子里核对。(PRD 第 6.7 节 / Q6)

待验证假设 · 占位模拟

能否叠加 HDMI 画面尚未验证;本页画面为占位

第三方 APK 能否开机自启、能否把导航层叠加在 HDMI 画面之上,都没有公开可核实依据。本页电视画面是纯 CSS 渐变占位,不是真实直播,也不能证明该能力成立。

状态① 全屏直播(静态还原 · 16:9 · 1920×1080 内部坐标)

画面内的台标、水印、渐变场景均为占位示意;状态① 的 APK 常驻元素始终只有 3 个:信息卡 / 时间 / 底部提示。

20:30 周五
11 / 07
CCTV-1综合示意
画面为占位模拟 · 非真实直播
直播中
01CCTV-1 综合
直播画面由机顶盒提供(原型为占位)
按 OK 唤出频道列表 ·「看电视」键回全屏直播 · 按「信号源」键返回盒子界面

状态② 频道列表(静态还原 · 左侧 640px 面板)

面板打开时取代左下信息卡;焦点行以琥珀色高亮,右侧画面区保留能力边界说明。

频道常用 ▾共 6 个示例
01CCTV-1 综合直播中
02CCTV-13 新闻直播中
03湖南卫视直播中
04CCTV-5 体育直播中
05CCTV-2 财经直播中
06北京卫视直播中
直播画面由机顶盒提供(原型为占位)
按「信号源」键返回盒子界面
● 换台控制已连接(原型模拟)
↑↓ 选择 OK 切换 返回 收起
数字键 直选 「看电视」 回直播
直播画面由机顶盒提供(原型为占位)
APK 能否叠加 HDMI 画面属待验证假设

键盘映射速查(浏览器键盘模拟遥控器)

焦点默认落在「当前正在看的频道」那一行;↑↓ 到顶 / 到底不循环。

浏览器按键
遥控器
行为
↑↓
上 / 下
面板内逐项移动焦点,不循环;面板未开时先唤出面板(焦点落在当前频道)
Enter
OK 确认
唤出列表 / 确认切台,先显示「正在切换…」,约 1.6s 后收起面板回全屏直播
BackspaceEsc
返回
撤销数字输入 → 收起面板 → 全屏态闪「已是直播画面」2 秒(按优先级依次判定)
0–9
数字键
直输频道号,屏幕显示数字浮层,2 秒无后续输入即执行
T
「看电视」
任意界面一键回全屏直播、收起所有面板与浮层(最高优先级)
H
演示开关
切换「未检测到机顶盒画面」兜底状态(再按一次恢复)
C
演示开关
切换「换台控制未连接」状态(再按一次恢复)
←→
左 / 右
← 收起面板;→ 预留(P2「常用 / 全部」分组不在本原型范围,会给出提示)
其它任意键
—
重新唤出左下信息卡,并重新开始 5 秒淡出计时

5 类状态提示 · 触发方式

用于验掉异常兜底文案是否可读、是否诚实说明能力边界。

  1. 正在切换…:面板内按 Enter,面板底部 32px 显示。
  2. 切换超时,请检查机顶盒与换台控制:先按 C(或 H)断开链路,再在面板内按 Enter,2 秒后转琥珀强调提示。
  3. 未检测到机顶盒画面,请检查 HDMI 连接与盒子电源:按 H,全屏居中 40px。
  4. 换台控制未连接(红外转发器 / HDMI-CEC),当前仅可浏览频道:按 C,面板底部 28px 常驻。
  5. 已是直播画面:全屏直播态按 Backspace / Esc,闪现 2 秒。
诚实标注:控制通道「已连接」与「切换成功」都是原型里的模拟行为,不代表自研 APK 真的能指挥机顶盒换台。本原型不引用任何外部图片、字体或网络资源,双击 HTML 即可离线打开。

本站文章除注明转载/出处外,均为本站原创或网友投稿。

转载请注明:文章转载自 » 辰说 » Workbuddy重新设计极简电视界面(预想版)

许可协议:CC BY-NC-ND 4.0 署名-非商业性使用-禁止演绎 4.0

发表评论

登录后即可评论

评论 (0)

暂无评论,快来抢沙发吧