NativeScript JW Player

This plugin is provides an interface to use native jwplayer android/ios sdks in nativescript.

Register at jwplayer.com and get JWPlayer License Key for android and ios.

For Android Set it in AndroidManifest.xml's application meta-data file:

	<application
		android:name="com.tns.NativeScriptApplication"
		android:allowBackup="true"
		android:icon="@drawable/icon"
		android:label="@string/app_name"
		android:theme="@style/AppTheme">

		<activity
			android:name="com.tns.NativeScriptActivity"
			android:label="@string/title_activity_kimera"
			android:configChanges="keyboard|keyboardHidden|orientation|screenSize|smallestScreenSize|screenLayout|locale|uiMode"
			android:screenOrientation="portrait"
			android:theme="@style/LaunchScreenTheme">

			<meta-data android:name="SET_THEME_ON_LAUNCH" android:resource="@style/AppTheme" />

			<intent-filter>
				<action android:name="android.intent.action.MAIN" />
				<category android:name="android.intent.category.LAUNCHER" />
			</intent-filter>
		</activity>
		<activity android:name="com.tns.ErrorReportActivity"/>

        <!--TODO Set your license key-->
        <meta-data
            android:name="JW_LICENSE_KEY"
            android:value="YOUR_JW_LICENSE_KEY" />

        <meta-data
            android:name="com.google.android.gms.version"
            android:value="@integer/google_play_services_version" />
	</application>

For iOS set JW_LICENSE_KEY

<key>JWPlayerKey</key>
	<string>YOUR_JW_LICENSE_KEY</string>

Installation

From the command prompt go to your app's root folder and execute:

tns plugin add nativescript-jwplayer

Usage

Typescript/Javascript with XML

<Page xmlns="http://schemas.nativescript.org/tns.xsd" xmlns:jw="nativescript-jwplayer">
   <GridLayout>
    <jw:JWPlayer src="{{src}}" videoPlayerEventsOnPlayEvent="{{VideoPlayerEventsOnPlayEvent}}"
        videoPlayerEventsOnPauseEvent="{{VideoPlayerEventsOnPauseEvent}}"></jw:JWPlayer>
</GridLayout>
</Page>

Angular

in app.module.ts

import { registerElement } from "@nativescript/angular";
registerElement("JWPlayer", () => require("nativescript-jwplayer").JWPlayer);

<GridLayout>
  <JWPlayer
    [src]="src"
    (videoPlayerEventsOnPlayEvent)="VideoPlayerEventsOnPlayEvent($event)"
    (videoPlayerEventsOnPauseEvent)="VideoPlayerEventsOnPauseEvent($event)"
  ></JWPlayer>
</GridLayout>

Plugin API

You can pass src property for video link and other details:

| option | description | | ------------- | ------------------------ | | url | Video url to be played | | title | Title of the video | | description | Description of the video |

wrap these properties in an object and pass it to the src.