快站直播功能优化需求规格说明书_v1.1
【白熊求职】产品训练营延伸阅读材料
快站直播功能优化需求规格说明书
产品经理：刘志鹏
2017/5/23
【白熊求职】产品训练营延伸阅读材料
版本历史
版本 撰写时间 变更人 更新内容
V1.0 2017/5/23 刘志鹏 新建
V1.1 2017/6/28 刘志鹏 1. 调整了缺省状态
的直播名称
2. 增加了直播列表
的描述
项目背景
此项目的启动基于如下两个原因：
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 的直播页
面，有发起直播的按钮，如下图
点击如上图的蓝色按钮，进入发起新直播的页面
【白熊求职】产品训练营延伸阅读材料
列表有直播内容时展示如下：
- 列表项：
左侧随机展示图片，以设计为准
展示直播标题，展示一行超过长度以…展示
下方展示直播状态，包括『直播中』
『回放』『直播结束』
『直播中』对应正在直播的直播活动
『回放』对应可回看的直播活动，需展示直播时长，格式为 『时长』
+hh:mm:ss 不满一小时则展示为 mm:ss，不满一分钟则展示为 00:ss
『直播结束』对应结束但暂无法回放的直播活动，需展示直播时长，格式同
上
- 排序：
一级排序：状态『直播中』→『回放』→『直播结束』
二级排序（一级排序一致的情况下）
：按直播发起时间由新→旧排列
三级排序（二级排序一致的情况下）
：随机排序
- 分页加载：
【白熊求职】产品训练营延伸阅读材料
分页加载，每次展示 10 条，上滑继续加载 10 条
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）}、{用户评论消息内容}
用户登录消息 有用户登录 不展示
快账号（或通 {用户昵称}进入了直 {用户昵称}进入了直播
过第三方登 播间 间
录）成功后
直播结束 主播手动结 不展示 不展示
束直播后