一個基於react-native的純跨平臺的影視項目,歡迎你們star

一個基於react-native的純跨平臺的影視項目,歡迎你們starjava

此項目通過線上考驗,僅供你們學習參考node

!!!強烈建議你們分別編譯下雙端以親身體會react native的魅力!!!

ios端錯誤統計

https://user-gold-cdn.xitu.io/2019/6/18/16b682fa17ab2ec7?w=1522&h=713&f=png&s=96904

ios運營統計

https://user-gold-cdn.xitu.io/2019/6/18/16b682fa178f6198?w=1518&h=482&f=png&s=56765

android端錯誤統計

https://user-gold-cdn.xitu.io/2019/6/18/16b682fa17922099?w=1469&h=681&f=png&s=94866

android運營統計

https://user-gold-cdn.xitu.io/2019/6/18/16b682fa177168c6?w=1467&h=450&f=png&s=54454

軟件截圖

安卓首頁

ios首頁

安卓頻道分類

ios頻道分類

安卓播放頁

ios播放頁

功能要點:

  • m3u8視頻播放,支持手勢快進後退,倍數播放
  • m3u8視頻緩存(單線程模式),暫不支持斷點續傳
  • 列表頁通用封裝
  • realm數據庫使用
  • codepush熱更新使用
  • react-navigation路由導航
  • redux框架

此套代碼移除了網絡層以及codepush熱更新,須要的能夠本身配置。react

運行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

若是編譯安卓/ios遇到錯誤,請提issuessandroid

最後給大家要一個star O(∩_∩)O 傳送門ios

相關文章
相關標籤/搜索