@studiolabs/react-native-live-stream

react-native-live-stream

a react-native module for live stream play and publish

ChangeLog

v1.0.1

1. fix readme

v1.0.0

1. initial release

Installation

Using npm

npm install react-native-live-stream --save
react-native link react-native-live-stream

Using yarn

yarn add react-native-live-stream
react-native link react-native-live-stream

After Installation

Android

android/build.gradle

allprojects {
    repositories {
        mavenLocal()
        jcenter()
        maven {
            // All of React Native (JS, Obj-C sources, Android binaries) is installed from npm
            url "$rootDir/../node_modules/react-native/android"
        }
        
        // Add this section
        maven { 
            url 'https://jitpack.io' 
        }
    }
}

iOS

1. Add framework search path

In Xcode, project Build Settings find Framework search path, add $(PROJECT_DIR)/../node_modules/react-native-live-stream/ios/libs to it.

1. Add framework

drag node_modules/react-native-live-stream/ios/libs/NodeMediaClient.framework to Xcode frameworks folder，select create folder references then OK.

LivePlayer

Feature

Protocol: RTMP/RTMPT/RTMPE/RTSP/HLS/HTTP(S)-FLV Video codec: H.264, H.265,FLV, VP6, MPEG4 Audio codec: AAC, MP3, SPEEX, NELLYMOSER, ADPCM_SWF, G.711

Usage

import {LivePlayer} from "react-native-live-stream";

<LivePlayer source={{uri:"rtmp://live.hkstv.hk.lxdns.com/live/hks"}}}
   ref={(ref) => {
       this.player = ref
   }}
   style={styles.video}
   paused={false}
   muted={false}
   bufferTime={300}
   maxBufferTime={1000}
   resizeMode={"contain"}
   onLoading={()=>{}}
   onLoad={()=>{}}
   onEnd={()=>{}}
/>