改造视频播放页

文档对应视频课程中5.2章节,请小伙伴们对应学习。

对应功能

功能1

功能2

本章节先改造页面中的视频播放、视频剧集、页面中部的国漫、日漫、少女推荐功能。弹幕功能和评论功能单独章节讲解。

页面分为两种情况:

  1. 未指定剧集数,默认打开第一集,播放第一集的视频
  2. 指定剧集数,打开对应剧集信息

视频详细信息接口

接口地址:

/video/info

接受参数和返回信息

  1. 接收参数为:videoId(视频ID)
  2. 返回信息:
    id = ID
    title = 标题
    sub_title = 副标题
    add_time = 添加时间
    img = 竖版缩略图
    img1 = 横版缩略图
    episodes_count = 剧集数
    ... ...和video表中的数字段是一一对应的

  3. 业务逻辑:获取video表中id=接收参数的数据。注意:这里没有获取到视频播放地址或者阿里云视频ID

视频剧集列表接口

接口地址:

/video/episodes/list

接受参数和返回信息

  1. 接收参数为:videoId(视频ID)
  2. 返回信息:
    id = ID
    title = 剧集标题
    add_time = 添加时间
    num = 第几集
    play_url = 播放地址
    comment = 剧集评论数
    aliyun_video_id = 阿里云点播视频ID

  3. 业务逻辑:获取video_episodes表中video_id=接收参数的数据,按照剧集数正序。
    SELECT id,title,add_time,num,play_url,comment FROM video_episodes WHERE video_id=? order by num asc

前端通过episodesId和剧集列表中的id匹配,获取对应播放的play_url和aliyun_video_id

图二中国漫、日漫、少女推荐功能

这里和频道页中的规则是一样的,参考频道页的文档就可以了

results matching ""

    No results matching ""