Skip to main content
Skip table of contents

Web Application

The source code of your web app must include elements from the Insight React Native Plugin as well as the relevant required React/React Native components needed by your App, for example:

JS
import RNInsight from "@nagra/react-native-insight";
import React, { useEffect, useState } from "react";
import { View, Text, StyleSheet } from "react-native";
...

Initialize Insight session

A session is opened providing the JSON Insight configuration and user information to initialize the API.

JS
RNInsight.initialize(insightConfig,userInfo)

Content Information

Set the content information of the current playback content using setVodContent if the content is VOD or setLiveContent if the content is LIVE.

JS
RNInsight.setVodContent(vodContent) // if content is VOD
RNInsight.setLiveContent(liveContent)// if content is LIVE

User Information

Set the user information to be sent to Insight using setUserInfo API. The user information needs to before calling play API.

JS
RNInsight.setUserInfo(userInfo)

Start reporting

Start reporting that the user started playback of content using play API. The content information needs to be set using RNInsight.setVodContent or RNInsight.setLiveContent APIs before calling play API.

JS
RNInsight.play()

Playback events and content information APIs

Report playback playing event with playing API.

JS
RNInsight.playing()

Report the playback pause event with pause API.

JS
RNInsight.pause()

Report playback buffering event using buffering API.

JS
RNInsight.buffering()

Report the position of the seek using seekTo API.

JS
RNInsight.seekTo(position)

Report the current position of the playback using setPosition API.

JS
RNInsight.setPosition(position)

Report the language of the currently selected Audio track using setAudioLanguage API.

JS
RNInsight.setAudioLanguage(language)

Report the language of the current selected Subtitle track using setSubtitleLanguage API.

JS
RNInsight.setSubtitleLanguage(language)

Report the available bitrates for the current playback content using setAvailableBitrates API.

JS
RNInsight.setAvailableBitrates(availableBitrates)

Report the playback content current selected bitrate using setBitrate API.

JS
RNInsight.setBitrate(bitrate)

Report the number of frame drops to insight using setFrameDrops API.

JS
RNInsight.setFrameDrops(frameDrops)

Report network connection change event using setNetworkConnection API.

JS
RNInsight.setNetworkConnection(networkConnection)

Report offset from live for live content using setOffsetFromLive API.

JS
RNInsight.setOffsetFromLive(offset)

Report playback error event using addErrorEvent API.

JS
RNInsight.addErrorEvent(code, message)

Stop reporting

Report the playback stop for content using stop API.

JS
RNInsight.stop()

Terminate Insight session

A session is closed by terminate API.

JS
RNInsight.terminate()
JavaScript errors detected

Please note, these errors can depend on your browser setup.

If this problem persists, please contact our support.