andy-zhang-guohua / MyVideoPlayer

My React Native Video Player

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

#2018-05-24

  • 尝试使用整个react-navigation屏幕作为一个播放器,竖屏时放在中间(其他部分透明),横屏时全屏,
    • 问题 : 没有找到 react-navigation 屏幕背景透明的方法,使用 cardStyle: { backgroundColor: 'transparent' } 出现黑色背景 #2018-05-23

开始项目

  • widgets/videoPlayer/VideoPlayer.js 自定义视频播放控件,基于 react-native-video 视频播放控件的封装,增加更多UI控制功能
  • screen/InlinePlayScreen.js 基于以上自定义视频播放控件 + react-navigation 的视频播放演示
    • 缺省为竖屏模式 : 导航头部,视频控件,视频选择列表
    • 此屏幕下允许横屏竖屏切换
    • 竖屏转成横屏时会自动切换成全屏播放模式
    • 横屏转回竖屏时自动复原缺省模式
    • 横屏竖屏切换过程中视频播放效果不中断(同一实例,继续播放)
    • 横屏全屏播放时屏幕导航头部消失,播放控件拦截返回事件并处理
    • 当前问题 :
      • 横屏竖屏切换时屏幕切换不流畅,(对比例子:爱奇艺视频)
      • 播放器的全屏切换按钮不工作 (似乎进入目标模式后马上又退出了)
      • 如果 react-navigation header 不为 null, 转屏时播放器 onLayout 会被调用两次,因为所在容器视图会被渲染两次
  • screen/FullScreenPlayScreen.js 直接基于 react-native-video 视频播放控件的全屏播放演示

About

My React Native Video Player


Languages

Language:JavaScript 90.5%Language:Objective-C 5.0%Language:Java 2.5%Language:Python 2.1%