Skip to content

视频播放器

在 public/player下生成一个 player.html 视频播放器。支持mp4,m3u8,mp3视频格式和音频格式。

页面设计

  • 顶部是菜单栏,默认只显示一个首页,就是当前页
  • 内容部分
  • 首先是一个输入框,播放按钮,还有一个下拉的播放历史,存储在web storage中。
    • (也可以通过面后面加个url参数,比如m3u8地址,自动填入到输入框,自动加载视频进行播放)
  • 下面是一个播放区域,展示播放画面,播放器要求在下一部分。
  • 再下面展示一个引导下载APP的按钮:下载地址为: https://gitee.com/system/apk/raw/master/adong-movie/app-debug.apk
  • 底部是一个foot,显示版权信息

播放器要求

  • 支持切换速度
  • 支持全屏切换,全屏根据横屏还是竖屏,判断是否旋转。
  • 支持快进,快退
  • 支持声音调整
  • 支持适配手机端和PC端

技术实现

  • 样式采用 bootstrap 样式,js使用jquery
  • 播放器,可采用寻找一个支持功能的播放器,比如,DPlayer,artplayer,plyr播放器等,需要支持上面的要求
  • 开发前仔细阅读需求,开发完检查bug,并自动修复。

终生学习,有教无类