Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

react-native-theoplayer

Package Overview
Dependencies
Maintainers
0
Versions
96
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

react-native-theoplayer

A THEOplayer video component for react-native.

  • 8.9.1
  • Source
  • npm
  • Socket score

Version published
Weekly downloads
1K
decreased by-45.56%
Maintainers
0
Weekly downloads
 
Created
Source

React Native THEOplayer

License

This projects falls under the license as defined in https://github.com/THEOplayer/license-and-disclaimer.

Table of Contents

  1. Overview
  2. Prerequisites
  3. How to use these guides
  4. Features
  5. Available connectors
  6. Creating your first app
  7. Knowledge Base
  8. API Reference

Overview

The react-native-theoplayer package provides a THEOplayerView component supporting video playback on the following platforms:

  • Android, Android TV & FireTV
  • iOS & tvOS (Apple TV)
  • HTML5, Tizen & webOS (web, mobile web, smart TVs, set-top boxes and gaming consoles).

This document covers the creation of a minimal app including a THEOplayerView component, and an overview of the accompanying example app with a user interface provided by the @theoplayer/react-native-ui package.

It also gives a description of the properties of the THEOplayerView component, and a list of features and known limitations.

Prerequisites

For each platform, a dependency to the corresponding THEOplayer SDK is included through a dependency manager:

  • Gradle & Maven for Android
  • Cocoapods for iOS
  • npm for Web

In order to use one of these THEOplayer SDKs, it is necessary to obtain a valid THEOplayer license for that specific platform, i.e. HTML5, Android, and/or iOS. You can sign up for a THEOplayer SDK license through our portal.

If you have no previous experience in React Native, we encourage you to first explore the React Native Documentation, as it gives you a good start on one of the most popular app development frameworks.

How to use these guides

These are guides on how to use the THEOplayer React Native SDK in your React Native project(s) and can be used linearly or by searching the specific section. It is recommended that you have a basic understanding of how React Native works to speed up the way of working with THEOplayer React Native SDK.

Features

Depending on the platform on which the application is deployed, a different set of features is available.

If a feature missing, additional help is needed, or you need to extend the package, please reach out to us for support.

FeatureAndroid, Android TV, Fire TVWebiOS, tvOS
StreamingMPEG-DASH (fmp4, CMAF), HLS (TS, CMAF), Progressive MP4, MP3HLS (TS, CMAF), Progressive MP4, MP3
Content ProtectionWidevineWidevine, PlayReady, FairplayFairplay
DRM ConnectorsBuyDRM, EZDRM, Anvato, Titanium, Axinom, Irdeto, VuDRM, Comcast, Verimatrix, Azure, …
Analytics ConnectorsAdobe, Agama, Comscore, Conviva, Mux, Nielsen, Youbora
Other ConnectorsYospace SSAI
Subtitles & Closed CaptionsCEA-608/708, SRT, TTML, WebVTT
MetadataEvent stream, emsg, ID3, EXT-X-DATERANGE, EXT-X-PROGRAM-DATE-TIME
Advertising IntegrationGoogle IMA, Google DAI
Cast IntegrationChromecastChromecast, Airplay
Presentation ModeInline, Picture-in-Picture, Fullscreen
Audio Control ManagementAudio focus & Audio-Becoming-Noisy mgmt(Audio control management by platform)
Advanced APIsBackground playback,
Media Session,
Media Cache (offline playback)
Background playback,
NowPlaying,
Media Cache (iOS only)
User Interface
@theoplayer/react-native-ui
Basic playback, media & text track selection, progress bar, live & vod, preview thumbnails, customisable & extensible

Available connectors

The react-native-theoplayer package can be combined with any number of connectors to provide extra functionality. Currently, the following connectors are available:

Connectornpm packageSource
Adobe Heartbeat analytics using the Media Collections API%40theoplayer/react-native-analytics-adobeAdobe
Adobe Media Edge analytics%40theoplayer/react-native-analytics-adobe-edgeAdobe Edge
Agama analytics%40theoplayer/react-native-analytics-agamaAgama
Comscore analytics%40theoplayer/react-native-analytics-comscoreComscore
Conviva analytics%40theoplayer/react-native-analytics-convivaConviva
Mux analytics%40theoplayer/react-native-analytics-muxMux
Nielsen analytics%40theoplayer/react-native-analytics-nielsenNielsen
Youbora analytics%40theoplayer/react-native-analytics-youboraYoubora
Yospace SSAI%40theoplayer/react-native-yospaceYospace
Content protection (DRM)%40theoplayer/react-native-drmDRM
React Native Open UI%40theoplayer/react-native-uiOpen UI
A template for
react-native-theoplayer connectors.
%40theoplayer/react-native-connector-templateConnector template

Creating your first app

This section starts with creating a minimal demo app that integrates the react-native-theoplayer package, followed by an overview of the available properties and functionality of the THEOplayerView component. An example application including a basic user interface and demo sources is included in the git repository, and discussed in the next section.

Knowledge Base

This section gives an overview of features, limitations and known issues:

API Reference

See the API Reference for detailed documentation about all available components and functions.

Keywords

FAQs

Package last updated on 04 Dec 2024

Did you know?

Socket

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc