Ani 播放器全屏优化方案探讨

在 Ani 3.10.0-alpha01 版本中，用户提出了一个关于 PC 端播放器界面优化的建议：希望支持隐藏播放页右侧部分内容，实现应用内全屏效果。这个功能需求主要针对 macOS 和 Windows 平台的用户体验优化。

当前界面分析

从用户提供的截图可以看出，当前 Ani 播放器界面采用了传统的左右分栏布局：

• 左侧为主要视频播放区域
• 右侧为相关信息展示区域（可能包含视频信息、推荐内容等）

这种布局虽然信息展示全面，但在某些场景下（如专注观看视频时），右侧区域可能会分散用户注意力，影响沉浸式观看体验。

设计方案探讨

针对这一需求，开发团队进行了深入讨论，提出了几种可能的实现方案：

方案一：右侧内容下移

将右侧内容区域移至播放器下方，通过滚动方式查看。这种设计可以：

• 保持视频播放区域不被遮挡
• 在需要时仍可查看相关信息
• 符合移动端常见的交互模式

但需要考虑：

• 页面高度可能增加
• 用户需要额外操作才能查看完整信息

方案二：顶栏切换按钮

在播放器顶栏添加切换按钮，一键隐藏/显示右侧区域。这种设计：

• 操作直观便捷
• 不会影响视频播放区域
• 保持界面简洁

需要注意：

• 按钮位置需要精心设计，避免与现有控件冲突
• 需要明确的视觉反馈

方案三：B站直播页面参考

用户参考了B站直播页面的侧边栏设计，但开发团队认为：

• 这种设计会遮挡部分视频内容
• 按钮位置过于靠近播放控件，可能导致误触
• 不适合Ani的产品定位

技术实现考量

无论采用哪种方案，都需要考虑以下技术实现细节：

1. 响应式布局：需要确保在不同屏幕尺寸下都能良好显示
2. 状态管理：记录用户的全屏偏好设置
3. 动画过渡：切换时添加平滑的动画效果
4. 性能优化：避免频繁重绘导致的性能问题

结论

综合评估后，开发团队倾向于采用"顶栏切换按钮"方案。这种设计既能满足用户全屏观看的需求，又能保持界面的简洁性和易用性，同时避免了对现有交互模式的破坏性改变。

后续版本中，Ani 可能会逐步实现这一功能优化，为用户提供更加灵活的视频观看体验。