改造视频播放页
文档对应视频课程中5.2章节,请小伙伴们对应学习。
对应功能
本章节先改造页面中的视频播放、视频剧集、页面中部的国漫、日漫、少女推荐功能。弹幕功能和评论功能单独章节讲解。
页面分为两种情况:
- 未指定剧集数,默认打开第一集,播放第一集的视频
- 指定剧集数,打开对应剧集信息
视频详细信息接口
接口地址:
/video/info
接受参数和返回信息
- 接收参数为:videoId(视频ID)
返回信息:
id = ID
title = 标题
sub_title = 副标题
add_time = 添加时间
img = 竖版缩略图
img1 = 横版缩略图
episodes_count = 剧集数
... ...和video表中的数字段是一一对应的业务逻辑:获取video表中id=接收参数的数据。注意:这里没有获取到视频播放地址或者阿里云视频ID
视频剧集列表接口
接口地址:
/video/episodes/list
接受参数和返回信息
- 接收参数为:videoId(视频ID)
返回信息:
id = ID
title = 剧集标题
add_time = 添加时间
num = 第几集
play_url = 播放地址
comment = 剧集评论数
aliyun_video_id = 阿里云点播视频ID业务逻辑:获取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
图二中国漫、日漫、少女推荐功能
这里和频道页中的规则是一样的,参考频道页的文档就可以了