feat(android): add media preload support

Author: triniwiz

packages/canvas-media/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@nativescript/canvas-media",
-	"version": "0.8.0",
+	"version": "0.9.0",
 	"description": "Canvas media",
 	"main": "index",
 	"typings": "index.d.ts",

packages/canvas-media/platforms/android/canvas_media.aar

@@ -1,3 +1,10 @@
+android {
+    compileOptions {
+		sourceCompatibility JavaVersion.VERSION_1_8
+		targetCompatibility JavaVersion.VERSION_1_8
+	}
+}
+
 dependencies {
     implementation 'com.google.android.exoplayer:exoplayer:2.13.2'
     implementation 'com.google.android.exoplayer:exoplayer-ui:2.13.2'

packages/canvas-media/platforms/android/include.gradle

@@ -0,0 +1,73 @@
+package org.nativescript.canvas_media;
+import android.content.Context;
+import android.net.Uri;
+
+import com.google.android.exoplayer2.database.ExoDatabaseProvider;
+import com.google.android.exoplayer2.upstream.DataSource;
+import com.google.android.exoplayer2.upstream.DataSpec;
+import com.google.android.exoplayer2.upstream.DefaultDataSourceFactory;
+import com.google.android.exoplayer2.upstream.cache.CacheDataSource;
+import com.google.android.exoplayer2.upstream.cache.CacheWriter;
+import com.google.android.exoplayer2.upstream.cache.LeastRecentlyUsedCacheEvictor;
+import com.google.android.exoplayer2.upstream.cache.SimpleCache;
+import com.google.android.exoplayer2.util.Util;
+
+import java.io.File;
+import java.io.IOException;
+import java.util.concurrent.Executor;
+import java.util.concurrent.Executors;
+
+
+public class Utils {
+	private static Executor executor = Executors.newCachedThreadPool();
+	private static SimpleCache cache;
+	private static LeastRecentlyUsedCacheEvictor leastRecentlyUsedCacheEvictor;
+	private static ExoDatabaseProvider exoDatabaseProvider;
+	private static long exoPlayerCacheSize = 100 * 1024 * 1024;
+	private static java.io.File cacheDir;
+	private static boolean didInit;
+	private static String packageName;
+
+	public static void init(Context context, String cacheDir) {
+		init(context, cacheDir, exoPlayerCacheSize);
+	}
+
+	public static void init(Context context, String cacheDir, long exoPlayerCacheSize) {
+		if (!didInit) {
+			Utils.packageName = context.getPackageName();
+			Utils.cacheDir = new File(cacheDir);
+			Utils.exoPlayerCacheSize = exoPlayerCacheSize;
+			if (!Utils.cacheDir.exists()) {
+				Utils.cacheDir.mkdirs();
+			}
+
+			leastRecentlyUsedCacheEvictor = new com.google.android.exoplayer2.upstream.cache.LeastRecentlyUsedCacheEvictor(exoPlayerCacheSize);
+
+			exoDatabaseProvider = new com.google.android.exoplayer2.database.ExoDatabaseProvider(context);
+			cache = new com.google.android.exoplayer2.upstream.cache.SimpleCache(Utils.cacheDir, leastRecentlyUsedCacheEvictor, exoDatabaseProvider);
+			didInit = true;
+		}
+	}
+
+	public static void cacheUrl(final Context context, final String url) {
+		executor.execute(new Runnable() {
+			@Override
+			public void run() {
+				Uri videoUri = Uri.parse(url);
+				DataSpec dataSpec = new DataSpec(videoUri);
+
+				DataSource dataSource =
+					new DefaultDataSourceFactory(
+						context,
+						Util.getUserAgent(context, packageName)).createDataSource();
+
+				try {
+					new CacheWriter(
+						new CacheDataSource(cache, dataSource), dataSpec, true, null, null
+					).cache();
+				} catch (IOException ignored) {
+				}
+			}
+		});
+	}
+}

packages/canvas-media/platforms/android/java/org/nativescript/canvas_media/Utils.java

@@ -27,6 +27,7 @@ export class Video extends VideoBase {
 	#autoplay: boolean;
 	#loop: boolean;
 	#textureView: android.view.TextureView;
+
 	_isCustom: boolean = false;
 	_playing: boolean = false;
 	_timer: any;
@@ -39,13 +40,22 @@ export class Video extends VideoBase {
 	_readyState: number = 0;
 	_videoWidth = 0;
 	_videoHeight = 0;
+	private static _didInit = false;
 	constructor() {
 		super();
 		try {
 			java.lang.System.loadLibrary('canvasnative');
 		} catch (ex) {}
+		
+		
 		//@ts-ignore
 		const activity: androidx.appcompat.app.AppCompatActivity = Application.android.foregroundActivity || Application.android.startActivity;
+
+		if(!Video._didInit){
+			// @ts-ignore
+			org.nativescript.canvas_media.Utils.init(activity, path.join(knownFolders.documents().path, 'MEDIA_PLAYER_CACHE'));
+		}
+		
 		const builder = new com.google.android.exoplayer2.SimpleExoPlayer.Builder(activity);
 		this.#player = builder.build();
 		const ref = new WeakRef(this);
@@ -93,7 +103,7 @@ export class Video extends VideoBase {
 				//console.log('PlayerError', error);
 			},
 			onPlayerStateChanged: function (playWhenReady, playbackState) {
-				//console.log('onPlayerStateChanged', Date.now());
+				// console.log('onPlayerStateChanged', Date.now(), playbackState , STATE_BUFFERING);
 				// if (playbackState === STATE_READY) {
 				// 	playerReady = true;
 				// } else if (playbackState === STATE_ENDED) {
@@ -166,6 +176,11 @@ export class Video extends VideoBase {
 			if (typeof value === 'string' && value.startsWith('~/')) {
 				value = path.join(knownFolders.currentApp().path, value.replace('~', ''));
 			}
+			if(typeof value === 'string' && value.startsWith('http')){
+				// @ts-ignore
+			org.nativescript.canvas_media.Utils.cacheUrl(Application.android.foregroundActivity || Application.android.startActivity, value);
+			}
+		
 			this.#player.addMediaItem(com.google.android.exoplayer2.MediaItem.fromUri(android.net.Uri.parse(value)));
 			this.#player.prepare();
 			if (this.#autoplay) {
@@ -184,15 +199,15 @@ export class Video extends VideoBase {
 				const st = surfaceView.getSurfaceTexture();
 				if (st) {
 					// @ts-ignore
-					this._render = com.github.triniwiz.canvas.Utils.createRenderAndAttachToGLContext(context, st);
+					this._render = org.nativescript.canvas.Utils.createRenderAndAttachToGLContext(context, st);
 					this._st = st;
 				}
 			}
 		}
 
 		if (!this._st) {
 			// @ts-ignore
-			const result = com.github.triniwiz.canvas.Utils.createSurfaceTexture(context);
+			const result = org.nativescript.canvas.Utils.createSurfaceTexture(context);
 			this._st = result[0];
 			const ref = new WeakRef(this);
 			this._frameListener = new android.graphics.SurfaceTexture.OnFrameAvailableListener({
@@ -217,7 +232,7 @@ export class Video extends VideoBase {
 				return;
 			}
 			// @ts-ignore
-			com.github.triniwiz.canvas.Utils.updateTexImage(context, this._st, this._render, this._videoWidth, this._videoHeight, arguments[4], arguments[5]);
+			org.nativescript.canvas.Utils.updateTexImage(context, this._st, this._render, this._videoWidth, this._videoHeight, arguments[4], arguments[5]);
 			this._hasFrame = false;
 		}
 	}