Giter VIP home page Giter VIP logo

react-native-video-project's Introduction

俺的小网站,希望多多支持 https://www.vjujiao.com

微信交流群,扫码加入(微信群不能加入的,加我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://lanzous.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

react-native-video-project's People

Contributors

ikimiler avatar

Watchers

James Cloos avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.