直播功能说明
从信号接入到画面呈现，一条链路跑完全程，页面只保留必要的操作按钮。
📡 多线路信号切换
同一直播间提供多个清晰度线路，弱网环境自动降档，横屏竖屏均可观看，切换过程不打断播放进度。
⏱️ 低延迟推流
采用低延迟推流方案，画面与数据面板的刷新节奏保持同步，观看过程中不需要手动刷新页面。
🔊 画面叠加信息
直播画面可叠加比分、计时与关键提示条，PG模拟器 的直播模块把这些信息放在画面上缘，避免遮挡主体内容。
实时数据面板
数据面板按分钟级刷新，把看得懂的数字放在第一屏。
进度曲线
以折线方式记录事件进程，鼠标悬停即可读取某一时刻的数值，便于快速对比不同时间段的变化。
关键指标卡
把最重要的几个指标做成大字号卡片，数值变化时卡片边框加粗提示，扫一眼就能抓住重点。
时间轴对照
数据面板与时间轴联动，点击任意节点即可跳转到对应时刻，配合回放使用效率更高。
回放入口
错过任何一段，都可以在回放入口里按章节找到。
🎞️ 章节化回放
长时段内容被切成若干个章节，每个章节配一句简短摘要，点击即可跳到对应位置，不必从头拖动进度条。
🔁 倍速与逐段
支持多档倍速播放，也可以逐段循环回看某一小节。回放内容与直播共用同一套画面结构，观感保持一致。
近期排期与板块分布
排期按板块划分，直播、数据与回放三类入口各自独立又互相衔接。
🏆 主舞台
承担主要直播内容，画面优先级最高，配套数据面板默认展开。
直播数据
🎯 分舞台
并行呈现次要内容，适合同时关注多个进程的用户切换查看。
多线路同步
📼 资料区
沉淀往期内容，回放入口长期开放，按板块与章节归类整理。
回放归档
页面定位与使用场景
官网在线页解决的是一件很朴素的事：把该看的信息放在同一块屏幕上。
桌面端场景
宽屏下直播画面与数据面板左右分栏，回放入口固定在侧边栏。适合需要同时盯住多个数值变化的用户，页面滚动时关键模块保持可见。
移动端场景
窄屏下模块自动纵向堆叠，直播画面置顶，数据卡片与回放列表依次展开。手指滑动即可完成切换，无需放大缩小页面。
品牌故事
从一块屏幕出发，把复杂留给自己。
平台起步于对“信息太散”的不满。早期的观看体验需要在多个标签页之间来回跳转，直播一处在看、比分数一处在看、回放又藏在第三个入口里。团队决定做一件事：把这几个环节缝合成一个页面。
此后每一次改版都围绕同一个方向——减少切换成本。模块位置保持稳定，交互方式保持统一，新加入的功能优先考虑“是否会让用户多按一次按钮”。这种克制让页面结构始终保持清爽。
GFX 视觉风格沿用至今：粗黑边框、硬阴影、纯黑白对比。它不追求花哨，只追求一眼能看懂。
发展阶段
按能力上线顺序推进，每一步都可以被验证。
第一阶段 · 直播打通
完成信号接入与多线路切换，确立低延迟推流方案，直播间成为页面的核心模块。
第二阶段 · 数据上屏
把分散的数值统一到一块面板中，引入进度曲线与关键指标卡，实现与画面的同步刷新。
第三阶段 · 回放归档
建立章节化回放体系，长时段内容可切片、可摘要、可倍速，长期开放访问。
第四阶段 · 多端一致
桌面与移动端共用同一套模块逻辑，排版自适应，操作习惯无需重新学习。
新闻列表
官网在线页面的最新动态与功能更新记录。
官网在线页面直播模块完成新一轮线路优化
本次优化覆盖多线路切换逻辑，弱网环境下的自动降档更平滑，切换清晰度时不再打断播放进度，数据面板同步刷新节奏保持稳定。
数据面板新增时间轴联动功能
面板与时间轴实现双向联动，点击任意节点即可跳转到对应时刻，配合回放入口使用，定位历史片段的步骤从三步缩短为一步。
回放入口上线章节化摘要
长时段内容被切分为多个章节，每章配一句简短摘要，支持倍速播放与逐段循环，移动端同样可以横向拖动章节条。
移动端排版自适应规则统一
直播画面在窄屏下置顶显示，数据卡片与回放列表依次纵向堆叠，页面缩放比例不再影响按钮点击区域。
官网在线页面上线品牌视觉升级
全站沿用粗黑边框与硬阴影的视觉语言，模块间距重新校准，长页面滚动时的阅读节奏更加均匀。
常见问题
关于官网在线页面直播、数据与回放的常见疑问。