# react-native-video-project

**Repository Path**: wzh187/react-native-video-project

## Basic Information

- **Project Name**: react-native-video-project
- **Description**: 一个基于react-native的纯跨平台的影视项目，欢迎大家star
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 2
- **Created**: 2020-07-10
- **Last Updated**: 2021-10-03

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

### 俺的小网站，希望多多支持 [https://www.vjujiao.com](https://www.vjujiao.com)

#### 微信交流群，扫码加入(微信群不能加入的，加我vx:tencent_kimi 我邀请你)
![https://raw.githubusercontent.com/ikimiler/react-native-video-project/master/picture/TIM%E6%88%AA%E5%9B%BE20191106090439.png](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://lanzous.com/id07vja](https://lanzous.com/id07vja)

### ios端错误统计
![https://raw.githubusercontent.com/andmizi/react-native-video-project/master/picture/TIM%E6%88%AA%E5%9B%BE20190218144258.png](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](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](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](https://raw.githubusercontent.com/andmizi/react-native-video-project/master/picture/TIM%E6%88%AA%E5%9B%BE20190218144336.png)

### 软件截图
![安卓首页](https://raw.githubusercontent.com/andmizi/react-native-video-project/master/picture/index.png)

![ios首页](https://raw.githubusercontent.com/andmizi/react-native-video-project/master/picture/Simulator%20Screen%20Shot%20-%20iPhone%20XR%20-%202019-02-20%20at%2017.32.18.png)

![安卓频道分类](https://raw.githubusercontent.com/andmizi/react-native-video-project/master/picture/classmore.png)

![ios频道分类](https://raw.githubusercontent.com/andmizi/react-native-video-project/master/picture/Simulator%20Screen%20Shot%20-%20iPhone%20XR%20-%202019-02-20%20at%2017.32.02.png)

![安卓播放页](https://raw.githubusercontent.com/andmizi/react-native-video-project/master/picture/info.png)

![ios播放页](https://raw.githubusercontent.com/andmizi/react-native-video-project/master/picture/Simulator%20Screen%20Shot%20-%20iPhone%20XR%20-%202019-02-20%20at%2017.32.41.png)


### 功能要点：
* 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