@stremio/stremio-video 0.0.76 → 0.0.77

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@stremio/stremio-video",
-    "version": "0.0.76",
+    "version": "0.0.77",
     "description": "Abstraction layer on top of different media players",
     "author": "Smart Code OOD",
     "main": "src/index.js",

package/src/HTMLVideo/HTMLVideo.js

@@ -22,6 +22,7 @@ function HTMLVideo(options) {
     videoElement.style.width = '100%';
     videoElement.style.height = '100%';
     videoElement.style.backgroundColor = 'black';
+    videoElement.style.objectFit = 'contain';
     videoElement.controls = false;
     videoElement.playsInline = true;
     videoElement.onerror = function() {
@@ -123,7 +124,8 @@ function HTMLVideo(options) {
         selectedAudioTrackId: false,
         volume: false,
         muted: false,
-        playbackSpeed: false
+        playbackSpeed: false,
+        videoScale: false
     };
 
     function getProp(propName) {
@@ -308,6 +310,9 @@ function HTMLVideo(options) {
 
                 return videoElement.playbackRate;
             }
+            case 'videoScale': {
+                return videoElement.style.objectFit || 'contain';
+            }
             default: {
                 return null;
             }
@@ -520,6 +525,15 @@ function HTMLVideo(options) {
                     onPropChanged('playbackSpeed');
                 }
 
+                break;
+            }
+            case 'videoScale': {
+                var validValues = ['contain', 'cover', 'fill'];
+                if (validValues.indexOf(propValue) !== -1) {
+                    videoElement.style.objectFit = propValue;
+                    onPropChanged('videoScale');
+                }
+
                 break;
             }
         }
@@ -696,7 +710,7 @@ HTMLVideo.canPlayStream = function(stream) {
 HTMLVideo.manifest = {
     name: 'HTMLVideo',
     external: false,
-    props: ['stream', 'loaded', 'paused', 'time', 'duration', 'buffering', 'buffered', 'audioTracks', 'selectedAudioTrackId', 'subtitlesTracks', 'selectedSubtitlesTrackId', 'subtitlesOffset', 'subtitlesSize', 'subtitlesTextColor', 'subtitlesBackgroundColor', 'subtitlesOutlineColor', 'subtitlesOpacity', 'volume', 'muted', 'playbackSpeed'],
+    props: ['stream', 'loaded', 'paused', 'time', 'duration', 'buffering', 'buffered', 'audioTracks', 'selectedAudioTrackId', 'subtitlesTracks', 'selectedSubtitlesTrackId', 'subtitlesOffset', 'subtitlesSize', 'subtitlesTextColor', 'subtitlesBackgroundColor', 'subtitlesOutlineColor', 'subtitlesOpacity', 'volume', 'muted', 'playbackSpeed', 'videoScale'],
     commands: ['load', 'unload', 'destroy'],
     events: ['propValue', 'propChanged', 'ended', 'error', 'subtitlesTrackLoaded', 'audioTrackLoaded']
 };

package/src/ShellVideo/ShellVideo.js

@@ -27,6 +27,7 @@ var stremioToMPVProps = {
     'subtitlesBackgroundColor': 'sub-back-color',
     'subtitlesOutlineColor': 'sub-border-color',
     'hdrInfo': null,
+    'videoScale': null,
 };
 
 function parseVersion(version) {
@@ -262,6 +263,7 @@ function ShellVideo(options) {
 
     function getProp(propName) {
         if (propName === 'hdrInfo') return props.hdrInfo || null;
+        if (propName === 'videoScale') return props.videoScale || 'contain';
         if(stremioToMPVProps[propName]) return props[stremioToMPVProps[propName]];
         // eslint-disable-next-line no-console
         console.log('Unsupported prop requested', propName);
@@ -307,6 +309,27 @@ function ShellVideo(options) {
                 }
                 break;
             }
+            case 'videoScale': {
+                if (stream !== null) {
+                    switch (propValue) {
+                        case 'cover':
+                            ipc.send('mpv-set-prop', ['keepaspect', true]);
+                            ipc.send('mpv-set-prop', ['panscan', 1.0]);
+                            break;
+                        case 'fill':
+                            ipc.send('mpv-set-prop', ['keepaspect', false]);
+                            ipc.send('mpv-set-prop', ['panscan', 0.0]);
+                            break;
+                        default:
+                            ipc.send('mpv-set-prop', ['keepaspect', true]);
+                            ipc.send('mpv-set-prop', ['panscan', 0.0]);
+                            break;
+                    }
+                    props.videoScale = propValue;
+                    onPropChanged('videoScale');
+                }
+                break;
+            }
             case 'volume': {
                 if (stream !== null && propValue !== null && isFinite(propValue)) {
                     props.mute = false;