react-native-dbb-rtmp

a react-native module for live stream play and publish, support ios and android platform

Usage no npm install needed!

<script type="module">
  import reactNativeDbbRtmp from 'https://cdn.skypack.dev/react-native-dbb-rtmp';
</script>

README

react-native-dbb-rtmp

a react-native module for live stream play and publish

Installation

Using npm

npm install react-native-dbb-rtmp --save
react-native link react-native-dbb-rtmp

Using yarn

yarn add react-native-dbb-rtmp
react-native link react-native-dbb-rtmp

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-dbb-rtmp/ios/libs to it.

  1. Add framework

drag node_modules/react-native-dbb-rtmp/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-dbb-rtmp";

<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={()=>{}}
/>