ottohub 中文文档 下载 App

播放页的四次迭代——从只有评论到独立弹幕控件

四次迭代的脉络

OTTOhub 的视频播放页从零到现在,经历了四次重要的更新:

第一次:初版

最朴素的播放页,只有标题、上传者、上传日期、评论区。没有任何数据展示(播放量、点赞数这些都看不到)。

第二次:推荐区更新

把原来显示评论区的区域改成了视频推荐区(注意:没有推荐算法,只是简单的其他内容列表)。点击菜单里的「评论」文字才会切回评论区。

第三次:弹幕更新

加入了弹幕功能。但这个弹幕和播放器是互相独立的两个控件——不是像 B 站那样弹幕直接渲染在视频画面上,而是弹幕在视频下方独立显示,或者有一个弹窗层。

第四次:UI 更新

2.x 和 3.x 各自对播放页主色调做了调整(2.x 黑白、3.x 蓝色)。2.x 时代把「切换到评论页」功能浓缩进了一个按钮,不再占一个菜单栏位置。

现在的播放页长什么样

3.x 时代的播放页结构大概是:

┌────────────────────────────────────┐
│          视频播放器                  │
│   (独立弹幕层可以覆盖或独立显示)     │
├────────────────────────────────────┤
│ 标题 / 上传者头像 / 上传日期 / 时长   │
├────────────────────────────────────┤
│  点赞  |  收藏(冷藏)  |  弹幕输入   │
├────────────────────────────────────┤
│  推荐 / 评论 切换按钮               │
├────────────────────────────────────┤
│  切换后的内容区                      │
└────────────────────────────────────┘