React Native AEP Media Extension

@adobe/react-native-acpmedia is a wrapper around the iOS, tvOS and Android AEP Media SDK to allow for integration with React Native applications. Functionality to enable Adobe Media Analytics is provided entirely through JavaScript documented below.

Installation

You need to install the SDK with npm and configure the native Android/iOS project in your react native project. Before installing the Media extension it is recommended to begin by installing the Core extension and the Analytics extension.

Note: If you are new to React Native we suggest you follow the React Native Getting Started page before continuing.

1. Create React Native project

First create a React Native project:

react-native init MyReactApp

Note: Follow React Native tvos support to create app with tvos target.

2. Install JavaScript packages

Install and link the @adobe/react-native-acpmedia package:

cd MyReactApp
npm install @adobe/react-native-acpmedia

2.1 Link

React Native 0.60+

CLI autolink feature links the module while building the app.

React Native <= 0.59

react-native link @adobe/react-native-acpmedia

Note For iOS using cocoapods, run:

cd ios/ && pod install

Tests

This project contains jest unit tests which are contained in the __tests__ directory, to run the tests locally:

make run-tests-locally

Usage

Media

Importing the extension:

import {ACPMedia} from '@adobe/react-native-acpmedia';

Getting the extension version:

ACPMedia.extensionVersion().then(version => console.log("AdobeExperienceSDK: ACPMedia version: " + version));

Registering the extension with ACPCore:

Note: It is recommended to initialize the SDK via native code inside your AppDelegate and MainApplication in iOS and Android respectively.

iOS

#import <RCTACPMedia/ACPMedia.h>

[ACPMedia registerExtension];

Android:

import com.adobe.marketing.mobile.Media;

Media.registerExtension();

Media API:

Create a media tracker:

ACPMedia.createTracker().then(tracker =>
  this.setState({currentTracker: tracker})
);

Create a media tracker with optional configuration:

var config = new Object();
config[ACPMediaConstants.ACPMediaKeyConfigChannel] = "customer-channel";
config[ACPMediaConstants.ACPMediaKeyConfigDownloadedContent] = true;
ACPMedia.createTrackerWithConfig(config).then(tracker =>
  this.setState({currentTracker: tracker})
);

Create a Media object:

let mediaObject = ACPMedia.createMediaObject("media-name", "media-id", 60, ACPMediaConstants.ACPMediaStreamTypeVod, ACPMediaType.Video);

Create an AdBreak object:

let adBreakObject = ACPMedia.createAdBreakObject("adbreak-name", 1, 0);

Create an Ad object:

let adObject = ACPMedia.createAdObject("media-name", "ad-id", 1, 30);

Create a chapter object:

let chapterObject = ACPMedia.createChapterObject('chapter-name', 2, 30, 1);

Create a QoE object:

let qoeObject = ACPMedia.createQoEObject(1000000, 2, 25, 10);

Create a State object:

let stateObject = ACPMedia.createStateObject(ACPMediaConstants.ACPMediaPlayerStateFullScreen);

Media Tracker API:

trackSessionStart:

let mediaObject = ACPMedia.createMediaObject("media-name", "media-id", 60, ACPMediaConstants.ACPMediaStreamTypeVod, ACPMediaType.Video);
var mediaMetadata = new Object();
mediaMetadata[ACPMediaConstants.ACPVideoMetadataKeyShow] = "Sample Show";
mediaMetadata[ACPMediaConstants.ACPVideoMetadataKeySeason] = "Sample Season";

// Custom metadata keys
mediaMetadata["isUserLoggedIn"] = "false";
mediaMetadata["tvStation"] = "Sample TV station";

tracker.trackSessionStart(mediaObject, mediaMetadata);

trackPlay:

tracker.trackPlay();

trackPause:

tracker.trackPause();

trackComplete:

tracker.trackComplete();

trackSessionEnd:

tracker.trackSessionEnd();

trackError:

tracker.trackError("errorId");

trackEvent APIs

Tracking AdBreaks

trackEvent(AdBreakStart):

let adBreakObject = ACPMedia.createAdBreakObject("adbreakName", 1, 0);
tracker.trackEvent(ACPMediaEvent.EventAdBreakStart, adBreakObject, null);

trackEvent(AdBreakComplete):

tracker.trackEvent(ACPMediaEvent.EventAdBreakComplete, null, null);

Tracking ads

trackEvent(AdStart):

let adObject = ACPMedia.createAdObject("adName", "adId", 1.0, 20.0);
var adMetadata = new Object();
adMetadata[ACPMediaConstants.ACPAdMetadataKeyAdvertiser] = "SampleAdvertiser";

tracker.trackEvent(ACPMediaEvent.EventAdStart, adObject, adMetadata);

trackEvent(AdSkip):

tracker.trackEvent(ACPMediaEvent.EventAdSkip, null, null);

trackEvent(AdComplete):

tracker.trackEvent(ACPMediaEvent.EventAdComplete, null, null);

Tracking chapters

trackEvent(ChapterStart):

let chapterObject = ACPMedia.createChapterObject("chapterName", 1.0, 30.0, 1.0);
var chapterMetadata = new Object();
chapterMetadata["segmentType"] = "Sample segment type";

tracker.trackEvent(ACPMediaEvent.EventChapterStart, chapterObject, chapterMetadata);

trackEvent(ChapterSkip):

tracker.trackEvent(ACPMediaEvent.EventChapterSkip, null, null);

trackEvent(ChapterComplete):

tracker.trackEvent(ACPMediaEvent.EventChapterComplete, null, null);

Tracking Player States

trackEvent(StateStart):

let stateObject = ACPMedia.createStateObject(ACPMediaConstants.ACPMediaPlayerStateFullScreen);

tracker.trackEvent(ACPMediaEvent.EventStateStart, stateObject, null);

trackEvent(StateEnd):

let stateObject = ACPMedia.createStateObject(ACPMediaConstants.ACPMediaPlayerStateFullScreen);

tracker.trackEvent(ACPMediaEvent.EventStateEnd, stateObject, null);

Tracking Playback events

trackEvent(BufferStart):

tracker.trackEvent(ACPMediaEvent.EventBufferStart, null, null);

trackEvent(BufferComplete):

tracker.trackEvent(ACPMediaEvent.EventBufferComplete, null, null);

trackEvent(SeekStart):

tracker.trackEvent(ACPMediaEvent.EventSeekStart, null, null);

trackEvent(SeekComplete):

tracker.trackEvent(ACPMediaEvent.EventSeekComplete, null, null);

Tracking bitrate changes

trackEvent(BitrateChange):

// If the new bitrate value is available provide it to the tracker.
let qoeObject = ACPMedia.createQoEObject(2000000, 4, 23, 11);
tracker.updateQoEObject(qoeObject);

tracker.trackEvent(ACPMediaEvent.EventBitrateChange, null, null);

updateCurrentPlayhead:

tracker.updateCurrentPlayhead(1);

updateQoEObject:

let qoeObject = ACPMedia.createQoEObject(1000000, 2, 25, 10);
tracker.updateQoEObject(qoeObject);

Media Constants:

MediaType:

This defines the type of a media that is currently tracked.

import {ACPMediaType} from '@adobe/react-native-acpmedia';

ACPMediaType.Video
ACPMediaType.Audio

StreamType:

This defines the stream type of the content that is currently tracked.

import {ACPMediaConstants} from '@adobe/react-native-acpmedia';

ACPMediaConstants.ACPMediaStreamTypeVod
ACPMediaConstants.ACPMediaStreamTypeLive
ACPMediaConstants.ACPMediaConstantsACPMediaStreamTypeLinear
ACPMediaConstants.ACPMediaStreamTypePodcast
ACPMediaConstants.ACPMediaStreamTypeAudiobook
ACPMediaConstants.ACPMediaStreamTypeAod

Standard video constants

This defines the standard metadata keys for video streams.

import {ACPMediaConstants} from '@adobe/react-native-acpmedia';

ACPMediaConstants.ACPVideoMetadataKeyShow
ACPMediaConstants.ACPVideoMetadataKeySeason
ACPMediaConstants.ACPVideoMetadataKeyEpisode
ACPMediaConstants.ACPVideoMetadataKeyAssetId
ACPMediaConstants.ACPVideoMetadataKeyGenre
ACPMediaConstants.ACPVideoMetadataKeyFirstAirDate
ACPMediaConstants.ACPVideoMetadataKeyFirstDigitalDate
ACPMediaConstants.ACPVideoMetadataKeyRating
ACPMediaConstants.ACPVideoMetadataKeyOriginator
ACPMediaConstants.ACPVideoMetadataKeyNetwork
ACPMediaConstants.ACPVideoMetadataKeyShowType
ACPMediaConstants.ACPVideoMetadataKeyAdLoad
ACPMediaConstants.ACPVideoMetadataKeyMvpd
ACPMediaConstants.ACPVideoMetadataKeyAuthorized
ACPMediaConstants.ACPVideoMetadataKeyDayPart
ACPMediaConstants.ACPVideoMetadataKeyFeed
ACPMediaConstants.ACPVideoMetadataKeyStreamFormat

Standard audio constants

This defines the standard metadata keys for audio streams.

import {ACPMediaConstants} from '@adobe/react-native-acpmedia';

ACPMediaConstants.ACPAudioMetadataKeyArtist
ACPMediaConstants.ACPAudioMetadataKeyAlbum
ACPMediaConstants.ACPAudioMetadataKeyLabel
ACPMediaConstants.ACPAudioMetadataKeyAuthor
ACPMediaConstants.ACPAudioMetadataKeyStation
ACPMediaConstants.ACPAudioMetadataKeyPublisher

Standard ad constants

This defines the standard metadata keys for ads.

import {ACPMediaConstants} from '@adobe/react-native-acpmedia';

ACPMediaConstants.ACPAdMetadataKeyAdvertiser
ACPMediaConstants.ACPAdMetadataKeyCampaignId
ACPMediaConstants.ACPAdMetadataKeyCreativeId
ACPMediaConstants.ACPAdMetadataKeyPlacementId
ACPMediaConstants.ACPAdMetadataKeySiteId
ACPMediaConstants.ACPAdMetadataKeyCreativeUrl

Player state constants

import {ACPMediaConstants} from '@adobe/react-native-acpmedia';

ACPMediaConstants.ACPMediaPlayerStateFullScreen
ACPMediaConstants.ACPMediaPlayerStatePictureInPicture
ACPMediaConstants.ACPMediaPlayerStateClosedCaption
ACPMediaConstants.ACPMediaPlayerStateInFocus
ACPMediaConstants.ACPMediaPlayerStateMute

Media events

This defines the type of a tracking event.

import {ACPMediaEvent} from '@adobe/react-native-acpmedia';

ACPMediaEvent.EventAdBreakStart
ACPMediaEvent.EventAdBreakComplete
ACPMediaEvent.EventAdStart
ACPMediaEvent.EventAdComplete
ACPMediaEvent.EventAdSkip
ACPMediaEvent.EventChapterStart
ACPMediaEvent.EventChapterComplete
ACPMediaEvent.EventChapterSkip
ACPMediaEvent.EventSeekStart
ACPMediaEvent.EventSeekComplete
ACPMediaEvent.EventBufferStart
ACPMediaEvent.EventBufferComplete
ACPMediaEvent.EventBitrateChange

Media resume

Constant to denote that the current tracking session is resuming a previously closed session. This information must be provided when starting a tracking session.

import {ACPMediaConstants} from '@adobe/react-native-acpmedia';

ACPMediaConstants.ACPMediaKeyMediaResumed

Contributing

See CONTRIBUTING

License

See LICENSE

@adobe/react-native-acpmedia

React Native AEP Media Extension

Installation

1. Create React Native project

2. Install JavaScript packages

2.1 Link

Tests

Usage

Media

Importing the extension:

Getting the extension version:

Registering the extension with ACPCore:

iOS

Android:

Media API:

Create a media tracker:

Create a media tracker with optional configuration:

Create a Media object:

Create an AdBreak object:

Create an Ad object:

Create a chapter object:

Create a QoE object:

Create a State object:

Media Tracker API:

trackSessionStart:

trackPlay:

trackPause:

trackComplete:

trackSessionEnd:

trackError:

trackEvent APIs

trackEvent(AdBreakStart):

trackEvent(AdBreakComplete):

trackEvent(AdStart):

trackEvent(AdSkip):

trackEvent(AdComplete):

trackEvent(ChapterStart):

trackEvent(ChapterSkip):

trackEvent(ChapterComplete):

trackEvent(StateStart):

trackEvent(StateEnd):

trackEvent(BufferStart):

trackEvent(BufferComplete):

trackEvent(SeekStart):

trackEvent(SeekComplete):

trackEvent(BitrateChange):

updateCurrentPlayhead:

updateQoEObject:

Media Constants:

MediaType:

StreamType:

Standard video constants

Standard audio constants

Standard ad constants

Player state constants

Media events

Media resume

Contributing

License

Readme

Keywords

Package Sidebar

Install

Repository

Homepage

DownloadsWeekly Downloads

Version

License

Unpacked Size

Total Files

Last publish

Collaborators

Weekly Downloads