react-native-media-player-jm v1.0.2

react-native-media-player-jm

Jimi Media Player SDK modules and view for React Native(iOS & Android(Not supported)), support react native 0.57+

Environments

• JS

  • node: 8.0+

• Android（Not currently supported）

  • Android SDK: api 28+

  • gradle: 4.5

  • Android Studio: 3.1.3+

• iOS

  • XCode: 10.0+

  • iOS SDK：9.0+

Install Component

npm install react-native-media-player-jm --save

or

yarn add react-native-media-player-jm

Link Component

Android Studio

react-native link react-native-media-player-jm

Xcode

• Way1

  react-native link react-native-media-player-jm

• Way2

  Add the following content to Podfile of Project:

  pod 'React', :path => '../node_modules/react-native', :subspecs => [
    'Core',
    'CxxBridge',
    'DevSupport', 
    'RCTText',
    'RCTNetwork',
    'RCTWebSocket', 
    'RCTAnimation'
  ]
  pod 'yoga', :path => '../node_modules/react-native/ReactCommon/yoga'
  pod 'DoubleConversion', :podspec => '../node_modules/react-native/third-party-podspecs/DoubleConversion.podspec'
  pod 'glog', :podspec => '../node_modules/react-native/third-party-podspecs/glog.podspec'
  pod 'Folly', :podspec => '../node_modules/react-native/third-party-podspecs/Folly.podspec'

  pod 'react-native-media-player-jm', :podspec => '../node_modules/react-native-media-player-jm/react-native-media-player-jm.podspec'

API Description

Impot component

import { Platform, NativeModules, NativeEventEmitter } from 'react-native';
import { JMMeidaMonitor } from 'react-native-media-player-jm';
const { height, width } = Dimensions.get('window');
const {
  JMMediaPlayer
} = NativeModules;

JMMeidaMonitor

This is a video display view.

JMMediaPlayer API

This is media player API manager.

JMMediaPlayer Listener

This is media player status callback for listener.

Play Status

• name：kOnMediaPlayerPlayStatus

• Content:

  • status：Int，See table below
  • errCode：Int，See ErrCode table
  • errMsg：String，Error message

• Usage：

  NativeEventEmitter(JMMediaPlayer).addListener(JMMediaPlayer.kOnMediaPlayerPlayStatus, (reminder) => {
       console.log(reminder);
  });

Record Status

• name：kOnMediaPlayerRecordStatus
• Content:
  • status：Int，See table below
  • filePath：String，Locally recorded video mp4 file.
  • errCode：Int，See ErrCode table
  • errMsg：String，Error message

Receive Frame Info

• name：kOnMediaPlayerReceiveFrameInfo
• Content:
  • videoWidth：Int
  • videoHeight：Int
  • videoBps：Int
  • audioBps：Int
  • timestamp：Int

ErrCode

JS Example

https://github.com/JimiPlatform/react-native-media-player-jm/tree/master/example/App.js