/react-native-video-project

一个基于react-native的纯跨平台的影视项目，欢迎大家star

Primary LanguageJavaScript

微信交流群，扫码加入(微信群不能加入的，加我vx:inskimi 我邀请你)

https://raw.githubusercontent.com/ikimiler/react-native-video-project/master/picture/TIM%E6%88%AA%E5%9B%BE20191106090439.png

一个基于react-native的纯跨平台的影视项目，欢迎大家star

此项目经过线上考验，仅供大家学习参考

!!!强烈建议大家分别编译下双端以亲身体会react native的魅力!!!

很多小伙伴会遇到编译不通过，或者直接体验apk，下载地址请看这里https://wwa.lanzoui.com/id07vja

ios端错误统计

https://raw.githubusercontent.com/andmizi/react-native-video-project/master/picture/TIM%E6%88%AA%E5%9B%BE20190218144258.png

ios运营统计

https://raw.githubusercontent.com/andmizi/react-native-video-project/master/picture/TIM%E6%88%AA%E5%9B%BE20190218144313.png

android端错误统计

https://raw.githubusercontent.com/andmizi/react-native-video-project/master/picture/TIM%E6%88%AA%E5%9B%BE20190218144346.png

android运营统计

https://raw.githubusercontent.com/andmizi/react-native-video-project/master/picture/TIM%E6%88%AA%E5%9B%BE20190218144336.png

软件截图

安卓首页

ios首页

安卓频道分类

ios频道分类

安卓播放页

ios播放页

功能要点：

  • m3u8视频播放，支持手势快进后退，倍数播放
  • m3u8视频缓存(单线程模式)，暂不支持断点续传
  • 列表页通用封装
  • realm数据库使用
  • codepush热更新使用
  • react-navigation路由导航
  • redux框架

此套代码移除了网络层以及codepush热更新，需要的可以自己配置。

运行android：

  1. 先安装node，然后安装react-native 命令：npm install -g react-native-cli
  2. 在项目根目录执行npm install
  3. 在node-modules/react-native-video/android-exoplayer/src/main/java/com/brentvatne/exoplayer/ReactExoplayerView 第 710 行把判断语句去除掉
  4. react-native run-android,如果报错，请用android studio先构建一遍，然后执行 react-native run-android

运行ios:

  1. 先安装node，然后安装react-native 命令：npm install -g react-native-cli
  2. 在项目根目录执行npm install
  3. 在node-modules/react-native-video/ios/RCTVideo.m 第394行，加入 if([uri isEqualToString:@""]){ return nil; }
  4. react-native run-ios

tips:

1.有朋友反馈说运行出来后图片加载不出来，是因为远程图片失效的问题，具体修改data.json 里的coverUrl字段

如果编译安卓/ios遇到错误，请提issuess

最后给你们要一个star O(∩_∩)O