内容

  • 梳理腾讯视频播放功能
  • 复刻产品原型,输出播放功能PRD

功能梳理

image.png

产品PRD

未播放

  • 流量损耗

    • 移动网络提醒,Wi-Fi连接不提醒;
    • 1024M以下:显示xxM; 超过1024M:显示1.xxG;
    • 首次使用,弹出流量损耗确认框;再次使用,不弹出;
  • 内容文案

    • 左上方呈现,最多两行,每行20个字符(含符号),超过换行;
  • 时长

    • 标注视频右下角;
    • 1h以内,显示59:59;1h以上,显示1:01:01;
    • 轻点播放;常按显示当前时刻,重复播放当前画面;

      为什么标注在右下角?
      符合用户认知习惯,易被感知;大多数用户是右利手,习惯优先加工右边事物;
      不占位,容易省略

  • 省略功能

    • 分享
      • 点击判断登录状态
      • 交互:已登录—选择路径—选择目标—分享确认—返回路径;未登录—请求登录—登录成功—同已登录相同操作;
    • 取消分享

      • 交互:分享确认前取消;
      • 路径差异:分享给指定目标(微信好友/QQ好友):取消分享—停留在好友列表,不直接返回视频页面

        1. 分享无指定目标:取消分享--直接返回视频页面;<br />为什么?<br />指定分享目标指定:包含“分享给谁”和“是否分享”两个选择;用户点击取消分享,可能是误选分享目标,需重选,停留在好友列表,方便用户再次选择;<br />当无指定分享对象,只包含“是否分享”选择;用户取消分享,默认为不想分享,返回视频页面;
    • 收藏

      • 点击判断登录状态;
      • 未登录:申请登录—登录成功—提示收藏成功文案
      • 已登录:收藏图标变亮—提示操作成功

    (为什么图标先变亮再请求登录? 登录后提示已收藏,不需用户再次收藏,省操作步骤)
    image.png

小窗播放

  • 播放/暂停

    • 首次点击启动,双击暂停;

      (为什么暂停后,不在画面中央显示播放图标,快速启动?)

    • 首次单击:显示内容文案、全屏图标、进度条;再次点击隐藏

    • 进度条:2次单击后隐藏到屏幕最下方,区分已播&未播部分;不允许拖动;
  • 时间显示

    • 显示:左下角显示当前播放时刻;右下角显示视频总时长;
  • 快退/快进

    • 双击屏幕左侧/右侧:快退/快进,各10秒;
    • 快进到结束点,视频停止播放;快退到起点,重新播放;
  • 全屏

    • 交互:点击图标—屏幕右置90度—画面满屏;

image.png

全屏播放

  • 锁屏

    • 操作逻辑:点击锁定所有功能,再次点击解锁;
    • 交互:锁屏:点击图标—形状由解锁变为锁定—所有功能无法使用;

      1. 解锁:再次点击--形状由锁定变为解锁--所有功能启用;
  • 倍速

    • 默认1.0倍速,速度范围0.5x—2x;
    • 交互:点击图标—半透明蒙版显示可选速度—选择—提示操作成功—更新速度图标—匹配未播部分速度

为什么此处的倍速选择采用点击图标—选择—生效,而不是直接点击图标—切换速度生效?
前者好处:一目了然可选速度,一步选择意向速度;缺点:画面切换多,操作流程多;
后者好处:操作手势简单;操作流程少;缺点:需切换多次;

  • 弹幕
    • 默认开启,再次点击关闭;
    • 消息从右至左呈现;
    • 输入弹幕时,视频暂停播放;输入完毕,继续播放未完成部分;

(为什么是从右往左呈现?)

  • 一键截屏

    • 点击截取当前画面,再次点击更换前次截取画面;
    • 截屏时视频保持当前播放状态;
    • 交互:点击—截图—显示缩略图—鼓励分享—点击缩略图—切换至分享路径+制作表情功能;
  • GIF

    • 以当前播放点为界,截取前后10s视频内容为总范围,支持最短3s,最长10s截取;
    • 点击:当前视频暂停播放;截取完成:继续播放;
    • 交互:点击—视频退至后台—选择截取范围—确定—重复播放截取片段—等待上传—上传完毕—分享/保存到本地;
    • 分享形式:分享视频:视频储存;/分享GIF:动图储存;
  • 进度条

    • 操作范围:视频起点-终点;
    • 交互:点击:快速定位至某大概时刻;滑动:定位具体时刻,屏幕中央显示当前时刻;
  • 分享

    • 点击—选择分享路径—确认/取消分享;

亮点分享路径—分享到doki
doki相当于爱豆的昵称,支持分享到doki,实质上是给分享行为打标签,明确标示这是“关于谁”的分享;
好处:形成粉丝效应,用户对自己的爱豆集中关注,集中讨论,增加用户活跃度,打造视频社区;
弊端:社区运营任务重,如恶意中伤、分享易导致不同群体互掐,破坏和谐;后期内容审核、管理成本高;

  • 隐藏功能

    • 缓存

      • 点击判断登录状态;登录后再次点击判断缓存状态;
      • 视频后台缓存,不影响当前播放状态;
      • 交互
        • 未登录未缓存:点击—请求登录—登录后点击缓存图标—显示已添加至缓存列表;
        • 未登录已缓存:点击—请求登录—登录点击缓存图标—视频已缓存—提醒已缓存文案;
        • 已登录未缓存:点击—显示已添加缓存列表;
        • 已登录已缓存:点击图标—提示已缓存;

      (bug1:是否已完成缓存无明确提醒;bug2:缓存后视频放置位置没有明确提示)

    • 辅助功能:色觉障碍优化

      • 色盲用户选择色盲类型,画面色彩对应改变;
      • 交互:点击—选择色盲类型—显示成功选择文案—画面颜色做调整;

腾讯视频播放功能PRD2.0 - 图4

播放完成

  • 定义:视频播放时长=视频总时长
  • 移动网络退出画面显示重播,Wi-Fi网络自动播放下一个视频;

播放失败

  • 定义:定格当前播放画面,无法继续播放;
  • 点击重试
    • 点击判断当前网络连接状态;已连接:重新加载;未连接:停留在播放失败提醒画面;
  • 缓存状态
    • 视频未完全缓存:继续播放至已完成缓存时刻,未完成时刻显示播放失败;:
    • 视频已完全缓存:继续播放当前视频未完成部分,播放完毕跳出画面,无法播放下一个视频;
    • 视频未缓存:黑屏,提示加载失败文案;

播放中断

  • 定义:非人为点击暂停,因外在干扰因素(如通话、短信、消息提醒)画面被迫停留在某一时刻;
  • 操作逻辑:外在干扰出现,视频暂停播放;干扰消失,视频自动播放未完成部分;

image.png image.png

思考

  • 为什么不提供一键关/启声音功能?
  • 为什么只支持QQ/微信登录?