feat(): VideoView scaling

closes #12

Author: triniwiz

demo/app/standard/standard.xml

@@ -1,8 +1,9 @@
 <Page xmlns="http://schemas.nativescript.org/tns.xsd" loaded="pageLoaded" class="page"
       xmlns:ui="nativescript-webrtc-plugin">
     <GridLayout rows="*,*,*">
-        <ui:WebRTCView loaded="videoLoaded" row="0" id="remoteVideoView"/>
-        <GridLayout verticalAlignment="center" horizontalAlignment="center" row="1" rows="auto,auto,auto,auto" columns="auto,auto,auto">
+        <ui:WebRTCView stretch="fit" loaded="videoLoaded" row="0" id="remoteVideoView"/>
+        <GridLayout verticalAlignment="center" horizontalAlignment="center" row="1" rows="auto,auto,auto,auto"
+                    columns="auto,auto,auto">
             <Button tap="makeCall" row="0" col="1" text="Call"/>
             <Button row="1" col="0" text="Switch" tap="switchCamera"/>
             <Button row="1" col="2" text="Mute"/>

src/package.json

@@ -1,6 +1,6 @@
 {
     "name": "nativescript-webrtc-plugin",
-    "version": "2.0.0-alpha.13",
+    "version": "2.0.0-alpha.14",
     "description": "WebRTC for NativeScript",
     "main": "webrtc",
     "typings": "index.d.ts",

src/platforms/android/fancywebrtc-release.aar

@@ -957,11 +957,22 @@ declare module co {
 				public setSrcObject(param0: co.fitcom.fancywebrtc.FancyRTCMediaStreamTrack): void;
 				public constructor(param0: globalAndroid.content.Context, param1: globalAndroid.util.AttributeSet);
 				public setMirror(param0: boolean): void;
+				public setScaling(param0: co.fitcom.fancywebrtc.FancyWebRTCView.Scaling): void;
 				public setSrcObject(param0: co.fitcom.fancywebrtc.FancyRTCMediaStream): void;
 				public setVideoTrack(param0: org.webrtc.VideoTrack): void;
 				public setSrcObject(param0: org.webrtc.MediaStream): void;
 				public setSrcObject(param0: org.webrtc.MediaStreamTrack): void;
 			}
+			export module FancyWebRTCView {
+				export class Scaling {
+					public static class: java.lang.Class<co.fitcom.fancywebrtc.FancyWebRTCView.Scaling>;
+					public static FIT: co.fitcom.fancywebrtc.FancyWebRTCView.Scaling;
+					public static FILL: co.fitcom.fancywebrtc.FancyWebRTCView.Scaling;
+					public static NONE: co.fitcom.fancywebrtc.FancyWebRTCView.Scaling;
+					public static values(): native.Array<co.fitcom.fancywebrtc.FancyWebRTCView.Scaling>;
+					public static valueOf(param0: string): co.fitcom.fancywebrtc.FancyWebRTCView.Scaling;
+				}
+			}
 		}
 	}
 }

src/typings/android.d.ts

@@ -760,6 +760,8 @@ declare class FancyWebRTCView extends UIView {
 
 	setMirrorWithMirror(mirror: boolean): void;
 
+	setScalingWithScale(scale: FancyWebRTCViewScaling): void;
+
 	setSizeWithSize(size: CGSize): void;
 
 	setSrcObjectWith(rtcStream: RTCMediaStream): void;
@@ -775,6 +777,15 @@ declare class FancyWebRTCView extends UIView {
 	videoViewDidChangeVideoSize(videoView: RTCVideoRenderer, size: CGSize): void;
 }
 
+declare const enum FancyWebRTCViewScaling {
+
+	Fit = 0,
+
+	Fill = 1,
+
+	None = 2
+}
+
 declare class Format extends NSObject {
 
 	static alloc(): Format; // inherited from NSObject

src/typings/objc!FancyWebRTC.d.ts

@@ -536,19 +536,52 @@ export class WebRTC extends Common {
     }
 }
 
+export enum TNSRTCScaling {
+    FIT = 'fit',
+    FILL = 'fill',
+    NONE = 'none'
+}
+
 export class WebRTCView extends View {
     private _stream: any;
+    private _scaling;
 
     createNativeView(): any {
         return new co.fitcom.fancywebrtc.FancyWebRTCView(this._context, null);
     }
 
+    initNativeView(): void {
+        super.initNativeView();
+        if (this.nativeView && this._scaling) {
+            this.nativeView.setScaling(this._scaling);
+        }
+    }
+
     set mirror(mirror: boolean) {
         if (this.nativeView) {
             this.nativeView.setMirror(mirror);
         }
     }
 
+    set scaling(scaling: TNSRTCScaling) {
+        let nativeScaling = co.fitcom.fancywebrtc.FancyWebRTCView.Scaling.NONE;
+        switch (scaling) {
+            case TNSRTCScaling.FILL:
+                nativeScaling = co.fitcom.fancywebrtc.FancyWebRTCView.Scaling.FILL;
+                break;
+            case TNSRTCScaling.FIT:
+                nativeScaling = co.fitcom.fancywebrtc.FancyWebRTCView.Scaling.FIT;
+                break;
+            default:
+                break;
+        }
+
+        if (this.nativeView) {
+            this.nativeView.setScaling(nativeScaling);
+        }
+        this._scaling = nativeScaling;
+    }
+
     set videoTrack(track: any) {
         if (this.nativeView) {
             this.nativeView.setVideoTrack(track);

src/webrtc.android.ts

@@ -1025,12 +1025,27 @@ class WebRTCClientDelegate extends NSObject {
     }
 }
 
+export enum TNSRTCScaling {
+    FIT = 'fit',
+    FILL = 'fill',
+    NONE = 'none'
+}
+
+
 export class WebRTCView extends View {
+    private _scaling;
 
     createNativeView(): Object {
         return FancyWebRTCView.new();
     }
 
+    initNativeView(): void {
+        super.initNativeView();
+        if (this.nativeView && this._scaling) {
+            this.nativeView.setScalingWithScale(this._scaling);
+        }
+    }
+
     set mirror(mirror: boolean) {
         this.nativeView.setMirrorWithMirror(mirror);
     }
@@ -1045,6 +1060,24 @@ export class WebRTCView extends View {
         }
     }
 
+    set scaling(scaling: TNSRTCScaling) {
+        let nativeScaling = FancyWebRTCViewScaling.None;
+        switch (scaling) {
+            case TNSRTCScaling.FILL:
+                nativeScaling = FancyWebRTCViewScaling.Fill;
+                break;
+            case TNSRTCScaling.FIT:
+                nativeScaling = FancyWebRTCViewScaling.Fit;
+                break;
+            default:
+                break;
+        }
+        if (this.nativeView) {
+            this.nativeView.setScalingWithScale(nativeScaling);
+        }
+        this._scaling = nativeScaling;
+    }
+
     set srcObject(value: any) {
         if (!this.nativeView) return;
         if (value instanceof TNSRTCMediaStream) {