【白熊求职】产品训练营延伸阅读材料

快站直播功能优化需求规格说明书

产品经理：刘志鹏

2017/5/23

 【白熊求职】产品训练营延伸阅读材料

版本历史

版本 撰写时间 变更人 更新内容

V1.0 2017/5/23 刘志鹏 新建

项目背景

此项目的启动基于如下两个原因：

1. 社区增加直播贴功能，需调整目前的直播产品形态与之适配

2. 线上的快站直播仅实现了直播功能，产品需调整包装为与快站用户结合的场景化直播形

态

项目目标

提升直播功能的使用率，如下

日期 发起直播的次数

2017/5/18 68

2017/5/19 127

2017/5/20 30

2017/5/21 33

2017/5/22 32

根据 5-18 至 22 的数据，日发起直播的平均次数为 58 次

预期项目上线一个月后，此数据提升一倍

项目方案综述

 【白熊求职】产品训练营延伸阅读材料

如上图，直播的优化包括『配置后台』

『直播的发起（主播端）』

『直播的观看（用户端）

』三

部分优化组成，本需求主要涉及『直播的观看（用户端）

』的调整，以及部分『直播的发起

（主播端）

』的调整

需求内容

1. 直播的发起（主播端）调整

1.1 功能入口

与线上维持一致，在直播管理后台添加为主播的用户，访问生成 APP 的直播页

面，有发起直播的按钮，如下图

点击如上图的蓝色按钮，进入发起新直播的页面

 【白熊求职】产品训练营延伸阅读材料

1.2 发起新直播

1.2.1 DEMO

1.2.2 说明

1.2.2.1 title

标题文案为『发起直播』

，点击左上角返回按钮返回上一级页面

1.2.2.2 设置直播标题

- 进入该页面后，自动弹出键盘，光标焦点置于此输入框

- hint 文案『请输入直播标题』

- 长度限制：输入框至多可输入 30 个字（数字、英文、汉字等均算一个字），

超过一行文本自动折行（如下图），超过长度不可继续输入（若为粘贴的超

 【白熊求职】产品训练营延伸阅读材料

长内容，则截取前 30 字）

- 都是

1.2.2.3 设置直播内容介绍

- hint 文案『请输入内容介绍』

- 长度限制：输入框至多可输入 500 个字（数字、英文、汉字等均算一个字）

，

超过一行文本自动折行（同直播标题），超过长度不可继续输入（若为粘贴

的超长内容，则截取前 500 字）

*设计时考虑至多展示几行，超过最多展示行数则滚动换行

1.2.2.4 开始直播按钮

- 校验：

A．敏感词校验：

点击『开始直播』按钮，对所输入的『直播标题』和『内容介绍』文本内容

进行敏感词校验（敏感词库另给出）

若『直播标题』命中敏感词，则弹出如下提示

若『内容介绍』命中敏感词，则弹出如下提示

B． 权限校验：

校验该用户帐号是否有直播权限，若无，则弹出如下提示

 【白熊求职】产品训练营延伸阅读材料

- 允许用户不设置直播标题和直播内容

- 校验通过：

发起直播，前端进入主播直播页面（如下 1.3），若发起直播失败，则弹出如

下提示

1.3 主播直播页面

1.3.1 DEMO

1.3.2 相对线上主播直播页面的调整

- 页面从竖屏改为横屏（所有页面元素按横屏模式设计）

- 默认调起后置摄像头（线上默认为使用前置摄像头）

1.3.3 启动直播

 【白熊求职】产品训练营延伸阅读材料

如上图，屏幕跳动依次展示『3』-『2』-『1』-『直播开始』

1.3.4 直播标题和观看人数

1.3.4.1 展示：

直播标题仅展示一行，若超过长度以…展示

若主播未填写直播标题，则使用 『主播』+{主播帐号注册手机尾号后四位}+『正

在直播』

观看人数展示为： 『观看人数』+{具体观看人数}

1.3.4.2 观看人数的计算

未登录用户访问直播页也算作实际观看人数

1.3.5 摄像头切换

点击如上图按钮，在主/副摄像头间切换

1.3.6 分享

 【白熊求职】产品训练营延伸阅读材料

功能同线上，展示有调整

1.3.7 直播状态和用户评论消息

1.3.7.1 展示

在屏幕展示为按时间顺序由下→上滚动，即最新的状态消息或用户评论消息展

示在最底部，至多展示 5 条消息

1.3.7.2 内容

详见 3.消息内容数据字典

1.3.8 结束直播

点击 X 按钮，弹出如下提示对话框

点击『取消』，对话框收起，不执行任何操作

 【白熊求职】产品训练营延伸阅读材料

点击『确定』，结束直播（主播手动结束）

，页面跳转至主播直播结束页（见

1.4）

1.3.9 特殊状态

在非主播手动结束直播的情况下，因为主播的操作（例.断网，退出直播 APP，

将直播 APP 切到后台等）

，导致无直播推流数据，每 3 分钟检查一次，超过

3 分钟仍无数据，则执行结束直播

1.4 主播直播结束页

1.4.1 DEMO

1.4.2 说明

1.4.2.1 直播时长

- 展示为 『直播时长』+{本次直播共计时长}，格式为 hh:mm:ss，不满一小

时则展示为 mm:ss，不满一分钟则展示为 00:ss

- 时长的计算方法：

 【白熊求职】产品训练营延伸阅读材料

从直播开始后开始按实际时间计时，包括中途主播掉线导致无推流数据，均

计算为直播时间，直至直播结束

1.4.2.2 总观看人数

- 展示为『本次直播共』+{总观看人数}+『人观看』

- 总观看人数的计算方法：

至直播结束时，直播页的总 PV

1.4.2.3 发表评论数

- 『收到了』+{发表评论数}+『条评论』

- 发表评论数为本次直播中用户发出的所有评论消息数量

1.4.2.4 确定

关闭此页面，返回上一级页面

2. 直播的观看（用户端）调整

2.1 Title

网页 title 为{直播标题}

若主播未填写直播标题，则使用：

『主播』+{主播帐号注册手机尾号后四位}+『正

在直播』

2.2 直播页

2.2.1 DEMO

 【白熊求职】产品训练营延伸阅读材料

2.2.2 说明

此直播观看页是以每次发起的直播活动为维度，用户访问此页面唯一 url 即

指向此单次直播活动，并非以主播为维度（即主播直播间是一个固定 url）

2.2.3 页面流转图

 【白熊求职】产品训练营延伸阅读材料

2.2.4 各状态页面说明

页面 播放区域 边看边聊 介绍 发表评论

直播中&未播放页面 ✓/状态 1 ✓/状态 1 ✓ ✓

直播中&播放页面 ✓/状态 2 ✓/状态 1 ✓ ✓

直播中&主播离开页面 ✓/状态 3 ✓/状态 1 ✓ ✓

回放&未播放页面 ✓/状态 4 ✓/状态 2 ✓ ✕

回放&播放页面 ✓/状态 5 ✓/状态 2 ✓ ✕

直播已结束页面 ✓/状态 6 ✓/状态 1 ✓ ✓/特殊状态

2.2.5 播放区域

2.2.5.1 状态 1

 【白熊求职】产品训练营延伸阅读材料

- 此状态对应当前直播正在进行中

- 用户点击此直播区域，则页面切换为『直播中&播放页面』

- 页面右上角有『直播中』文案标识

2.2.5.2 状态 2

- 此状态对应当前直播正在进行中

- 直播标题及观看人数：

直播标题仅展示一行，若超过长度以…展示

若主播未填写直播标题，则使用 『主播』+{注册手机尾号后四位}+『正在

直播』

观看人数展示为： {具体观看人数}+『人正在观看』

具体观看人数的计算见 1.3.4.2

- 页面右上角有『直播中』文案标识

- 全屏观看：

点击后，调起系统播放器进行全屏观看，不用展示评论

2.2.5.3 状态 3

 【白熊求职】产品训练营延伸阅读材料

- 此状态对应在非主播手动结束直播的情况下，因为主播的操作（例.断网，退

出直播 APP，将直播 APP 切到后台等），导致无直播推流数据

- 页面展示同 2.2.5.2

- 画面固定为直播流最后一帧的画面，居中展示提示文案『请稍候 主播暂时

离开』

- 全屏状态下，因调用系统播放器，不用展示上述提示文案

2.2.5.4 状态 4

- 此状态对应当前直播已结束且可以回放

- 直播时间及累计观看人数：

直播时间展示为直播发起的日期，格式为 yyyy.mm.dd

累计观看人数为当前用户访问此直播页时，此直播页的历史累计 PV，展示

为：{累计观看人数}+『人观看』

- 直播时长：

直播时长为本次直播的总时长（计算方式见 1.4.2.1 直播时长），格式为 『时

长』+hh:mm:ss 不满一小时则展示为 mm:ss，不满一分钟则展示为 00:ss

- 用户点击此直播区域，则页面切换为『回放&播放页面』

- 页面右上角有『回放』文案标识

2.2.5.5 状态 5

 【白熊求职】产品训练营延伸阅读材料

- 此状态对应当前直播已结束且可以回放

- 直播时间及累计观看人数：

同 2.2.5.4

- 页面右上角有『回放』文案标识

- 全屏观看：

同 2.2.5.2

- 从 00:00:00 开始正常播放直播内容，暂不支持快进等操作

- 当前播放时间：

页面展示当前播放时间，从 00:00:00 开始

2.2.5.6 状态 6

- 此状态对应当前直播已结束，但未准备好可以回放

- 展示固定文案『直播已结束』『稍后访问可以观看回放』

2.2.6 边看边聊

2.2.6.1 状态 1

- DEMO

 【白熊求职】产品训练营延伸阅读材料

- 『边看边聊』和『介绍』是两个 Tab，默认展示为『边看边聊』

- 状态 1 对应直播中状态下的消息记录列表

- 展示内容详见 3.消息内容数据字典

- 在屏幕展示为由下→上滚动，即最新的状态消息或用户评论消息展示在最底

部

- 此 Tab 下区域可滚动，用户可手动滑动屏幕查看历史消息

2.2.6.2 状态 2

- DEMO

- 状态 2 对应回放状态下的消息记录列表

- 展示样式同状态 1

- 展示内容详见 3.消息内容数据字典

- 在回放状态下，此区域展示的是直播过程中的历史消息记录，所以不会有新

增消息产生，默认展示最后一条用户评论消息，可手动滑动向上滚动查看，

分页加载，每次加载 20 条

2.2.7 介绍

2.2.7.1 DEMO

 【白熊求职】产品训练营延伸阅读材料

2.2.7.2 说明

如上图，展示主播昵称和直播内容介绍

主播昵称：展示为『主播：

』+{主播帐号注册手机号码后四位}

直播内容介绍：若主播发起直播时有填写本次直播内容介绍，则在此展示介绍文

案，若未填写则展示文案『暂无内容介绍』

底部展示固定文案『搜狐快站提供直播技术支持』

2.2.8 发表评论

2.2.8.1 DEMO

2.2.8.2 展示说明

- 固定展示在页面最底部

- 默认展示 hint 文案『说点什么…』

- 用户点击此区域，弹出键盘，展示如下

 【白熊求职】产品训练营延伸阅读材料

此区域展示在键盘上方，光标焦点置于输入框，输入框右侧有『发送』按钮

输入框为空时，

『发送』按钮置灰不可点击

- 用户发表评论至多 100 字（英文、汉字或数字均算一个字），超过长度不能

继续输入，若用户粘贴内容超过 100 字则截取前 100

- 输入框高度固定为一行，用户输入内容超过一行则内容向左推移

2.2.8.3 发表评论

当用户点击『发送』按钮，对所输入的『评论内容』文本内容进行敏感词校

验（敏感词库另给出），若校验不通过，则弹出如下提示对话框

点击『确定』，对话框收起，不执行任何操作

对当前直播状态进行校验，若直播已结束（即 2.2.4 表中的特殊状态），则弹

出如下提示对话框

 【白熊求职】产品训练营延伸阅读材料

点击『确定』，对话框收起，不执行任何操作

若校验通过，则发出此条消息，键盘收起，页面展示恢复为默认状态

3. 消息内容数据字典

消息类型 展示时机 主播端 用户端（直播中） 用户端（回放）

用户评论消息 有观看用户

发表了评论 {用户昵称}:{用户评论

消息后 消息内容} 分别展示用户头像（若有）

、{用户昵称}、{发表

时间（格式 hh:mm:ss）}、{用户评论消息内容}

用户登录消息 有用户登录 不展示

快账号（或通 {用户昵称}进入了直 {用户昵称}进入了直播

过第三方登 播间 间

录）成功后

直播结束 主播手动结 不展示 不展示

束直播后