Visit the free getting started tutorials on nativescript.org for JavaScript, Angular, or Vue.js.
Kindly note that we filter out plugins that:
package.json
$ tns plugin add nativescript-jwplayer
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>
From the command prompt go to your app's root folder and execute:
tns plugin add nativescript-jwplayer
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>
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>
You can pass src property for video link and other details:
url
title
description
wrap these properties in an object and pass it to the src.
Popularity metric based on:
Quality metric based on:
Maintenance metric based on: