All Projects → tion126 → Rnlive

tion126 / Rnlive

Licence: mit
RNLive ----> react-native 仿映客直播 支持iOS/Android

Programming Languages

javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to Rnlive

React Native Directed Scrollview
UNMAINTAINED- see below. A natively implemented scrollview component which lets you specify different scroll directions for child content.
Stars: ✭ 139 (-62.43%)
Mutual labels:  native, reactnative
Navigation
Scene-Based Navigation for React and React Native
Stars: ✭ 350 (-5.41%)
Mutual labels:  native
Ingressmonitorcontroller
A Kubernetes controller to watch ingresses and create liveness alerts for your apps/microservices in UptimeRobot, StatusCake, Pingdom, etc. – [✩Star] if you're using it!
Stars: ✭ 306 (-17.3%)
Mutual labels:  live
Scribbletune
Create music with JavaScript
Stars: ✭ 3,509 (+848.38%)
Mutual labels:  live
Chartjs Plugin Streaming
Chart.js plugin for live streaming data
Stars: ✭ 310 (-16.22%)
Mutual labels:  live
Ipc
IPC is a C++ library that provides inter-process communication using shared memory on Windows. A .NET wrapper is available which allows interaction with C++ as well.
Stars: ✭ 332 (-10.27%)
Mutual labels:  native
Blog
📖 个人博客,分享一些前端工作学习中的收获,欢迎 ✨,博客地址>>
Stars: ✭ 297 (-19.73%)
Mutual labels:  native
Nba Go
🏀 💻 The finest NBA CLI.
Stars: ✭ 3,634 (+882.16%)
Mutual labels:  live
Weapp Zhihulive
知乎Live微信小程序 & asyncio爬虫
Stars: ✭ 346 (-6.49%)
Mutual labels:  live
React Native Carplay
CarPlay with React Native
Stars: ✭ 321 (-13.24%)
Mutual labels:  native
React Native Dom
An experimental, comprehensive port of React Native to the web.
Stars: ✭ 3,247 (+777.57%)
Mutual labels:  native
Nut.js
Native UI testing / controlling with node
Stars: ✭ 309 (-16.49%)
Mutual labels:  native
Pyinstalive
Python script to download Instagram livestreams and replays.
Stars: ✭ 336 (-9.19%)
Mutual labels:  live
Swiftproject
swift project that brings together some demos, componented, Target-Action, use Swift
Stars: ✭ 310 (-16.22%)
Mutual labels:  live
Instagramlive Php
A PHP script that allows for you to go live on Instagram with any streaming program that supports RTMP!
Stars: ✭ 362 (-2.16%)
Mutual labels:  live
Babylonnative
Build cross-platform native applications with the power of the Babylon.js JavaScript framework
Stars: ✭ 299 (-19.19%)
Mutual labels:  native
Livestream
一个实现直播的解决方案,视频采用H264编码、音频采用ACC编码、传输采用Rtmp协议
Stars: ✭ 318 (-14.05%)
Mutual labels:  live
Flutter Rust Ffi
Starter project for Flutter plugins willing to access native and synchronous rust code using FFI
Stars: ✭ 330 (-10.81%)
Mutual labels:  native
Photon
Clone native desktop UI's like cocoa and develop native feeling applications using web technologies
Stars: ✭ 369 (-0.27%)
Mutual labels:  native
React Native Draftjs Render
React Native render for draft.js model
Stars: ✭ 368 (-0.54%)
Mutual labels:  reactnative

react-native低仿映客直播客户端 支持iOS/Android

GitHub:https://github.com/tion126/RNLive 简书 :http://www.jianshu.com/p/e2cc066a957d

没错,就是低仿~

上几张图先:

这张脸太多就不码了,要是不小心截到哪位老铁的女票我马上删

基于0.44.3版本,还算是比较稳定。目前公司的项目也是基于这个版本。 使用的框架有这些

"react-native-scrollable-tab-view": "^0.6.7",
"react-native-swiper": "^1.5.10",
"react-redux": "^5.0.6",
"redux": "^3.6.0",
"redux-logger": "^3.0.6",
"redux-thunk": "^2.2.0",
"shimo-navigation": "0.0.12"

其他框架大家应该都用过了,最后那个shimo-navigation是对石墨文档公司开源的一个基于react-navigation 的导航系统,还是挺好用的。

这个是react-native 的目录结构

这个是项目的目录结构

这里说说我个人对RN的看法: RN性能说句实话还是和原生有差距,但是性能不是特别敏感的情况下RN还是很犀利的。比如可以代替一些以前用H5实现的页面,还有频繁更新的业务也可以用他来构建,纯RN项目就不太可行了,除非是非常轻量级的APP。so,对于大多数项目还是混合比较好,就比如这个低仿demo,直播页面播放的画面使用原生实现,但是礼物是用RN实现。还有一点,RN在老旧低端机上表现只能说是差强人意,但是老旧机型迟早是会淘汰的,在较新的机型上RN的表现还是比较出色,比如用iPhone7大多数页面我已经感觉不出和原生有啥区别了,而iPhone7也不是新🐔,毕竟明天iPhone8(x edition 7s ?...)就要发布了。

iOS这边是手动建的工程,然后通过cocoapods把RN框架集成到项目中,也算是模拟老项目集成RN了。毕竟现在新项目比较少,大多数老铁都是维护老项目,推翻重写也不太现实。推流用的LFLiveKit 播放用的IJK。Android这边只写了播放,用的是7牛的框架,手头没安卓的设备,推流就没搞了,不过这些去年都被别人写烂了,也没啥好说的了。安卓这边和iOS还有一些区别,模拟器不是很好用就没完善了。

推荐使用WebStorm运行,VSCode也可以。

运行方式 cd到 react-native目录

npm install

iOS 因为github传不了100m以上的文件,ijk已经100多m了,需要另外下载 下载解压后放置在图中目录即可 链接: https://pan.baidu.com/s/1miedota 密码: af6i

工程目录

pod install

运行 Android 直接运行

最近更新: 1.添加iPhone X的启动图。 2.替换不能用的接口

如果你喜欢我的项目/或者我的文章可以给我个star!

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].