技术介绍
- 使用View-App实现交互
- Web端,使用阿里web播放
- IPTV端,使用机顶盒播放器
- 使用webpack打包,兼容es5及之前版本
- 功能方面,暂未使用第三方库
View-App框架地址
项目地址
爱奇艺项目: github地址、gitee地址
项目效果:地址
功能介绍
将爱奇艺中比较适合的几个主要页面复刻出来,并做了对应EPG的调整,包含一下页面:
- 欢迎页
- 首页 包含六个分页,详细实现了前两个分页,导航焦点切换分页
- 推荐分页
- 专题推荐分页
- 搜索页(首页右上角进入) 包含两个分页,当出入首字母时切换到搜索结果分页
- 推荐搜索分页
- 搜索结果分页
- 详情页(点击内容进入) 包含视频窗,相关推荐
- 订购页(点击详情页的订购按钮进入) 包含4个分页
- VIP精选分页
- 其他分页(空白分页)
- 列表页(点击首页导航栏进入)
- 顶部的类型筛选条件
- 底部的内容列表
详细说明及效果
欢迎页
- 全屏的内容推荐
效果
首页
首页的播放记录弹窗效果
搜索页
- 点击搜索输入框弹出软键盘
- 输入首字母切换到搜索结果分页
搜索页的推荐分页![搜索页的推荐分页](https://i-blog.csdnimg.cn/blog_migrate/07bd558f08e371b2bef91d05898af76c.png#pic_center)
搜索页的软键盘
搜索页的搜索结果分页
详情页
- 视频窗播放
- 子集列表
- 推荐内容
详情页效果
订购页
- 点击VIP精选分页的右上方的按钮弹出弹窗
效果
列表页
- 顶部的内容类型,选择后筛选出对应的内容
- 底部内容列表展示
效果暂无
感谢
- 感谢七年,完成部分模块的开发