React Native Video v5.2.0 with Mediamelon SDK
This guide provides detailed instructions on integrating the React Native Video MediaMelon SDK with React Native Video v5.2.0 player
Step 1: Prerequisites
Step 2: Set up the build environment
Step 3: Import Packages
Step 4: Register and Initialise SDK
Step 5: Variables and Description
Step 1: Prerequisites
React native video - v5.2.0 application.
MediaMelon SmartSight SDK
mm_react_native5_sdk.min.js
file is necessary.
Step 2: Set up the build environment
$REACT_NATIVE_PROJECT = {ReactNativeVideo - v5.2.0}
The SDK files should be added to the build environment
Using NPM:
Use this command in your terminal:-
Using JS file:
Copy
mm_react_native_sdk.js
provided in the release package to the React native project. Example$REACT_NATIVE_PROJECT/mm_react_native5_sdk.min.js
Step 3: Import Packages
$REACT_NATIVE_PROJECT/App.js
Using NPM:
Using JS file:
Step 4: Register and Initialise SDK
The SDK must be initialised at the start of each video session. Initialisation includes setting the application context, initialising the playback session, and indicating the intent for playback with the SDK.
The enableLogTrace
feature should be enabled for testing during the integration process. Set this to False before releasing the player to production.
CUSTOMER_ID is your MediaMelon assigned Customer ID. If you do not know your Customer ID contact MediaMelon at customer-support@mediamelon.com.
Wrap your Video
component with the mmReactNativeVideo
.
Step 5: Variables and Description
Limitations
Android:
onPause
andonPlay
events are not automatically triggered.onBuffer
events are also not working as expected.To work around this, you can use ExoPlayer with Android, which will allow you to manually emit these events. Please refer to the React Native Video documentation for additional details and event handling.
iOS:
The
onSeek
event is currently not working.
Last updated