@stremio/stremio-video 0.0.14 → 0.0.17-rc.1

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@stremio/stremio-video",
-    "version": "0.0.14",
+    "version": "0.0.17-rc.1",
     "description": "Abstraction layer on top of different media players",
     "author": "Smart Code OOD",
     "main": "src/index.js",
@@ -21,7 +21,8 @@
         "magnet-uri": "6.2.0",
         "url": "0.11.0",
         "video-name-parser": "1.4.6",
-        "vtt.js": "git://github.com/jaruba/vtt.js.git#e4f5f5603730866bacb174a93f51b734c9f29e6a"
+        "vtt.js": "github:jaruba/vtt.js#e4f5f5603730866bacb174a93f51b734c9f29e6a",
+        "color": "4.2.3"
     },
     "devDependencies": {
         "eslint": "7.32.0"

package/src/ChromecastSenderVideo/ChromecastSenderVideo.js

@@ -60,7 +60,7 @@ function ChromecastSenderVideo(options) {
         extraSubtitlesOffset: false,
         extraSubtitlesTextColor: false,
         extraSubtitlesBackgroundColor: false,
-        extraSubtitlesShadowColor: false
+        extraSubtitlesOutlineColor: false
     };
 
     function onTransportError(error, message) {
@@ -122,7 +122,7 @@ function ChromecastSenderVideo(options) {
                 onPropChanged('extraSubtitlesOffset', null);
                 onPropChanged('extraSubtitlesTextColor', null);
                 onPropChanged('extraSubtitlesBackgroundColor', null);
-                onPropChanged('extraSubtitlesShadowColor', null);
+                onPropChanged('extraSubtitlesOutlineColor', null);
                 events.removeAllListeners();
                 chromecastTransport.off('message', onMessage);
                 containerElement.removeChild(deviceNameContainerElement);
@@ -179,7 +179,7 @@ ChromecastSenderVideo.canPlayStream = function() {
 ChromecastSenderVideo.manifest = {
     name: 'ChromecastSenderVideo',
     external: true,
-    props: ['stream', 'paused', 'time', 'duration', 'buffering', 'buffered', 'volume', 'muted', 'subtitlesTracks', 'selectedSubtitlesTrackId', 'extraSubtitlesTracks', 'selectedExtraSubtitlesTrackId', 'extraSubtitlesDelay', 'extraSubtitlesSize', 'extraSubtitlesOffset', 'extraSubtitlesTextColor', 'extraSubtitlesBackgroundColor', 'extraSubtitlesShadowColor'],
+    props: ['stream', 'paused', 'time', 'duration', 'buffering', 'buffered', 'volume', 'muted', 'subtitlesTracks', 'selectedSubtitlesTrackId', 'extraSubtitlesTracks', 'selectedExtraSubtitlesTrackId', 'extraSubtitlesDelay', 'extraSubtitlesSize', 'extraSubtitlesOffset', 'extraSubtitlesTextColor', 'extraSubtitlesBackgroundColor', 'extraSubtitlesOutlineColor'],
     commands: ['load', 'unload', 'destroy', 'addExtraSubtitlesTracks'],
     events: ['propValue', 'propChanged', 'ended', 'error', 'subtitlesTrackLoaded', 'extraSubtitlesTrackLoaded', 'implementationChanged']
 };

package/src/HTMLVideo/HTMLVideo.js

@@ -2,6 +2,7 @@ var EventEmitter = require('eventemitter3');
 var Hls = require('hls.js');
 var cloneDeep = require('lodash.clonedeep');
 var deepFreeze = require('deep-freeze');
+var Color = require('color');
 var ERROR = require('../error');
 var getContentType = require('./getContentType');
 var HLS_CONFIG = require('./hlsConfig');
@@ -14,6 +15,9 @@ function HTMLVideo(options) {
         throw new Error('Container element required to be instance of HTMLElement');
     }
 
+    var styleElement = document.createElement('style');
+    containerElement.appendChild(styleElement);
+    styleElement.sheet.insertRule('video::cue { font-size: 4vmin; color: rgb(255, 255, 255); background-color: rgba(0, 0, 0, 0); text-shadow: rgb(34, 34, 34) 1px 1px 0.1em; }');
     var videoElement = document.createElement('video');
     videoElement.style.width = '100%';
     videoElement.style.height = '100%';
@@ -75,12 +79,24 @@ function HTMLVideo(options) {
         onPropChanged('volume');
         onPropChanged('muted');
     };
+    videoElement.onratechange = function() {
+        onPropChanged('playbackSpeed');
+    };
+    videoElement.textTracks.onchange = function() {
+        onPropChanged('subtitlesTracks');
+        onPropChanged('selectedSubtitlesTrackId');
+        onCueChange();
+        Array.from(videoElement.textTracks).forEach(function(track) {
+            track.oncuechange = onCueChange;
+        });
+    };
     containerElement.appendChild(videoElement);
 
     var hls = null;
     var events = new EventEmitter();
     var destroyed = false;
     var stream = null;
+    var subtitlesOffset = 0;
     var observedProps = {
         stream: false,
         paused: false,
@@ -88,8 +104,18 @@ function HTMLVideo(options) {
         duration: false,
         buffering: false,
         buffered: false,
+        subtitlesTracks: false,
+        selectedSubtitlesTrackId: false,
+        subtitlesOffset: false,
+        subtitlesSize: false,
+        subtitlesTextColor: false,
+        subtitlesBackgroundColor: false,
+        subtitlesOutlineColor: false,
+        audioTracks: false,
+        selectedAudioTrackId: false,
         volume: false,
-        muted: false
+        muted: false,
+        playbackSpeed: false
     };
 
     function getProp(propName) {
@@ -139,6 +165,106 @@ function HTMLVideo(options) {
 
                 return Math.floor(time * 1000);
             }
+            case 'subtitlesTracks': {
+                if (stream === null) {
+                    return [];
+                }
+
+                return Array.from(videoElement.textTracks)
+                    .map(function(track, index) {
+                        return Object.freeze({
+                            id: 'EMBEDDED_' + String(index),
+                            lang: track.language,
+                            label: track.label,
+                            origin: 'EMBEDDED',
+                            embedded: true
+                        });
+                    });
+            }
+            case 'selectedSubtitlesTrackId': {
+                if (stream === null) {
+                    return null;
+                }
+
+                return Array.from(videoElement.textTracks)
+                    .reduce(function(result, track, index) {
+                        if (result === null && track.mode === 'showing') {
+                            return 'EMBEDDED_' + String(index);
+                        }
+
+                        return result;
+                    }, null);
+            }
+            case 'subtitlesOffset': {
+                if (destroyed) {
+                    return null;
+                }
+
+                return subtitlesOffset;
+            }
+            case 'subtitlesSize': {
+                if (destroyed) {
+                    return null;
+                }
+
+                return parseInt(styleElement.sheet.cssRules[0].style.fontSize, 10) * 25;
+            }
+            case 'subtitlesTextColor': {
+                if (destroyed) {
+                    return null;
+                }
+
+                return styleElement.sheet.cssRules[0].style.color;
+            }
+            case 'subtitlesBackgroundColor': {
+                if (destroyed) {
+                    return null;
+                }
+
+                return styleElement.sheet.cssRules[0].style.backgroundColor;
+            }
+            case 'subtitlesOutlineColor': {
+                if (destroyed) {
+                    return null;
+                }
+
+                return styleElement.sheet.cssRules[0].style.textShadow.slice(0, styleElement.sheet.cssRules[0].style.textShadow.indexOf(')') + 1);
+            }
+            case 'audioTracks': {
+                if (hls === null || !Array.isArray(hls.audioTracks)) {
+                    return [];
+                }
+
+                return hls.audioTracks
+                    .map(function(track) {
+                        return Object.freeze({
+                            id: 'EMBEDDED_' + String(track.id),
+                            lang: typeof track.lang === 'string' && track.lang.length > 0 ?
+                                track.lang
+                                :
+                                typeof track.name === 'string' && track.name.length > 0 ?
+                                    track.name
+                                    :
+                                    String(track.id),
+                            label: typeof track.name === 'string' && track.name.length > 0 ?
+                                track.name
+                                :
+                                typeof track.lang === 'string' && track.lang.length > 0 ?
+                                    track.lang
+                                    :
+                                    String(track.id),
+                            origin: 'EMBEDDED',
+                            embedded: true
+                        });
+                    });
+            }
+            case 'selectedAudioTrackId': {
+                if (hls === null || hls.audioTrack === null || !isFinite(hls.audioTrack) || hls.audioTrack === -1) {
+                    return null;
+                }
+
+                return 'EMBEDDED_' + String(hls.audioTrack);
+            }
             case 'volume': {
                 if (destroyed || videoElement.volume === null || !isFinite(videoElement.volume)) {
                     return null;
@@ -153,11 +279,26 @@ function HTMLVideo(options) {
 
                 return !!videoElement.muted;
             }
+            case 'playbackSpeed': {
+                if (destroyed || videoElement.playbackRate === null || !isFinite(videoElement.playbackRate)) {
+                    return null;
+                }
+
+                return videoElement.playbackRate;
+            }
             default: {
                 return null;
             }
         }
     }
+    function onCueChange() {
+        Array.from(videoElement.textTracks).forEach(function(track) {
+            Array.from(track.activeCues || []).forEach(function(cue) {
+                cue.snapToLines = false;
+                cue.line = 100 - subtitlesOffset;
+            });
+        });
+    }
     function onVideoError() {
         if (destroyed) {
             return;
@@ -226,6 +367,96 @@ function HTMLVideo(options) {
 
                 break;
             }
+            case 'selectedSubtitlesTrackId': {
+                if (stream !== null) {
+                    Array.from(videoElement.textTracks)
+                        .forEach(function(track, index) {
+                            track.mode = 'EMBEDDED_' + String(index) === propValue ? 'showing' : 'disabled';
+                        });
+                    var selecterdSubtitlesTrack = getProp('subtitlesTracks')
+                        .find(function(track) {
+                            return track.id === propValue;
+                        });
+                    if (selecterdSubtitlesTrack) {
+                        events.emit('subtitlesTrackLoaded', selecterdSubtitlesTrack);
+                    }
+                }
+
+                break;
+            }
+            case 'subtitlesOffset': {
+                if (propValue !== null && isFinite(propValue)) {
+                    subtitlesOffset = Math.max(0, Math.min(100, parseInt(propValue, 10)));
+                    onCueChange();
+                    onPropChanged('subtitlesOffset');
+                }
+
+                break;
+            }
+            case 'subtitlesSize': {
+                if (propValue !== null && isFinite(propValue)) {
+                    styleElement.sheet.cssRules[0].style.fontSize = Math.floor(Math.max(0, parseInt(propValue, 10)) / 25) + 'vmin';
+                    onPropChanged('subtitlesSize');
+                }
+
+                break;
+            }
+            case 'subtitlesTextColor': {
+                if (typeof propValue === 'string') {
+                    try {
+                        styleElement.sheet.cssRules[0].style.color = Color(propValue).rgb().string();
+                    } catch (error) {
+                        // eslint-disable-next-line no-console
+                        console.error('HTMLVideo', error);
+                    }
+
+                    onPropChanged('subtitlesTextColor');
+                }
+
+                break;
+            }
+            case 'subtitlesBackgroundColor': {
+                if (typeof propValue === 'string') {
+                    try {
+                        styleElement.sheet.cssRules[0].style.backgroundColor = Color(propValue).rgb().string();
+                    } catch (error) {
+                        // eslint-disable-next-line no-console
+                        console.error('HTMLVideo', error);
+                    }
+
+                    onPropChanged('subtitlesBackgroundColor');
+                }
+
+                break;
+            }
+            case 'subtitlesOutlineColor': {
+                if (typeof propValue === 'string') {
+                    try {
+                        styleElement.sheet.cssRules[0].style.textShadow = Color(propValue).rgb().string() + ' 1px 1px 0.1em';
+                    } catch (error) {
+                        // eslint-disable-next-line no-console
+                        console.error('HTMLVideo', error);
+                    }
+
+                    onPropChanged('subtitlesOutlineColor');
+                }
+
+                break;
+            }
+            case 'selectedAudioTrackId': {
+                if (hls !== null) {
+                    var selecterdAudioTrack = getProp('audioTracks')
+                        .find(function(track) {
+                            return track.id === propValue;
+                        });
+                    hls.audioTrack = selecterdAudioTrack ? parseInt(selecterdAudioTrack.id.split('_').pop(), 10) : -1;
+                    if (selecterdAudioTrack) {
+                        events.emit('audioTrackLoaded', selecterdAudioTrack);
+                    }
+                }
+
+                break;
+            }
             case 'volume': {
                 if (propValue !== null && isFinite(propValue)) {
                     videoElement.muted = false;
@@ -238,6 +469,13 @@ function HTMLVideo(options) {
                 videoElement.muted = !!propValue;
                 break;
             }
+            case 'playbackSpeed': {
+                if (propValue !== null && isFinite(propValue)) {
+                    videoElement.playbackRate = parseFloat(propValue);
+                }
+
+                break;
+            }
         }
     }
     function command(commandName, commandArgs) {
@@ -254,6 +492,10 @@ function HTMLVideo(options) {
                     onPropChanged('duration');
                     onPropChanged('buffering');
                     onPropChanged('buffered');
+                    onPropChanged('subtitlesTracks');
+                    onPropChanged('selectedSubtitlesTrackId');
+                    onPropChanged('audioTracks');
+                    onPropChanged('selectedAudioTrackId');
                     getContentType(stream)
                         .then(function(contentType) {
                             if (stream !== commandArgs.stream) {
@@ -262,6 +504,14 @@ function HTMLVideo(options) {
 
                             if (contentType === 'application/vnd.apple.mpegurl' && Hls.isSupported()) {
                                 hls = new Hls(HLS_CONFIG);
+                                hls.on(Hls.Events.AUDIO_TRACKS_UPDATED, function() {
+                                    onPropChanged('audioTracks');
+                                    onPropChanged('selectedAudioTrackId');
+                                });
+                                hls.on(Hls.Events.AUDIO_TRACK_SWITCHED, function() {
+                                    onPropChanged('audioTracks');
+                                    onPropChanged('selectedAudioTrackId');
+                                });
                                 hls.loadSource(stream.url);
                                 hls.attachMedia(videoElement);
                             } else {
@@ -285,7 +535,12 @@ function HTMLVideo(options) {
             }
             case 'unload': {
                 stream = null;
+                Array.from(videoElement.textTracks).forEach(function(track) {
+                    track.oncuechange = null;
+                });
                 if (hls !== null) {
+                    hls.removeAllListeners();
+                    hls.detachMedia(videoElement);
                     hls.destroy();
                     hls = null;
                 }
@@ -298,13 +553,23 @@ function HTMLVideo(options) {
                 onPropChanged('duration');
                 onPropChanged('buffering');
                 onPropChanged('buffered');
+                onPropChanged('subtitlesTracks');
+                onPropChanged('selectedSubtitlesTrackId');
+                onPropChanged('audioTracks');
+                onPropChanged('selectedAudioTrackId');
                 break;
             }
             case 'destroy': {
                 command('unload');
                 destroyed = true;
+                onPropChanged('subtitlesOffset');
+                onPropChanged('subtitlesSize');
+                onPropChanged('subtitlesTextColor');
+                onPropChanged('subtitlesBackgroundColor');
+                onPropChanged('subtitlesOutlineColor');
                 onPropChanged('volume');
                 onPropChanged('muted');
+                onPropChanged('playbackSpeed');
                 events.removeAllListeners();
                 videoElement.onerror = null;
                 videoElement.onended = null;
@@ -321,7 +586,10 @@ function HTMLVideo(options) {
                 videoElement.canplaythrough = null;
                 videoElement.onloadeddata = null;
                 videoElement.onvolumechange = null;
+                videoElement.onratechange = null;
+                videoElement.textTracks.onchange = null;
                 containerElement.removeChild(videoElement);
+                containerElement.removeChild(styleElement);
                 break;
             }
         }
@@ -379,9 +647,9 @@ HTMLVideo.canPlayStream = function(stream) {
 HTMLVideo.manifest = {
     name: 'HTMLVideo',
     external: false,
-    props: ['stream', 'paused', 'time', 'duration', 'buffering', 'buffered', 'volume', 'muted'],
+    props: ['stream', 'paused', 'time', 'duration', 'buffering', 'buffered', 'audioTracks', 'selectedAudioTrackId', 'subtitlesTracks', 'selectedSubtitlesTrackId', 'subtitlesOffset', 'subtitlesSize', 'subtitlesTextColor', 'subtitlesBackgroundColor', 'subtitlesOutlineColor', 'volume', 'muted', 'playbackSpeed'],
     commands: ['load', 'unload', 'destroy'],
-    events: ['propValue', 'propChanged', 'ended', 'error']
+    events: ['propValue', 'propChanged', 'ended', 'error', 'subtitlesTrackLoaded', 'audioTrackLoaded']
 };
 
 module.exports = HTMLVideo;

package/src/HTMLVideo/getContentType.js

@@ -9,7 +9,11 @@ function getContentType(stream) {
 
     return fetch(stream.url, { method: 'HEAD' })
         .then(function(resp) {
-            return resp.headers.get('content-type');
+            if (resp.ok) {
+                return resp.headers.get('content-type');
+            }
+
+            throw new Error(resp.status + ' (' + resp.statusText + ')');
         });
 }
 

package/src/YouTubeVideo/YouTubeVideo.js

@@ -243,7 +243,7 @@ function YouTubeVideo(options) {
                     })
                     .map(function(track, index) {
                         return Object.freeze({
-                            id: String(index),
+                            id: 'EMBEDDED_' + String(index),
                             lang: track.languageCode,
                             label: typeof track.displayName === 'string' ? track.displayName : track.languageCode,
                             origin: 'EMBEDDED',

package/src/withHTMLSubtitles/subtitlesConverter.js

@@ -0,0 +1,75 @@
+// from: https://github.com/silviapfeiffer/silviapfeiffer.github.io/blob/master/index.html#L150-L216
+
+function srt2webvtt(data) {
+    // remove dos newlines
+    var srt = data.replace(/\r+/g, '');
+    // trim white space start and end
+    srt = srt.replace(/^\s+|\s+$/g, '');
+    // get cues
+    var cuelist = srt.split('\n\n');
+    var result = '';
+    if (cuelist.length > 0) {
+        result += 'WEBVTT\n\n';
+        for (var i = 0; i < cuelist.length; i = i + 1) {
+            result += convertSrtCue(cuelist[i]);
+        }
+    }
+    return result;
+}
+
+function convertSrtCue(caption) {
+    // remove all html tags for security reasons
+    caption = caption.replace(/<[a-zA-Z/][^>]*>/g, '');
+
+    var cue = '';
+    var s = caption.split(/\n/);
+    // concatenate muilt-line string separated in array into one
+    while (s.length > 3) {
+        for (var i = 3; i < s.length; i++) {
+            s[2] += '\n' + s[i];
+        }
+        s.splice(3, s.length - 3);
+    }
+    var line = 0;
+    // detect identifier
+    if (!s[0].match(/\d+:\d+:\d+/) && s[1].match(/\d+:\d+:\d+/)) {
+        cue += s[0].match(/\w+/) + '\n';
+        line += 1;
+    }
+    // get time strings
+    if (s[line].match(/\d+:\d+:\d+/)) {
+        // convert time string
+        var m = s[1].match(/(\d+):(\d+):(\d+)(?:,(\d+))?\s*--?>\s*(\d+):(\d+):(\d+)(?:,(\d+))?/);
+        if (m) {
+            cue += m[1] + ':' + m[2] + ':' + m[3] + '.' + m[4] + ' --> '
+                + m[5] + ':' + m[6] + ':' + m[7] + '.' + m[8] + '\n';
+            line += 1;
+        } else {
+            // Unrecognized timestring
+            return '';
+        }
+    } else {
+        // file format error or comment lines
+        return '';
+    }
+    // get cue text
+    if (s[line]) {
+        cue += s[line] + '\n\n';
+    }
+    return cue;
+}
+
+module.exports = {
+    convert: function(text) {
+        // presume all to be SRT if not WEBVTT
+        if (text.includes('WEBVTT')) {
+            return text;
+        }
+
+        try {
+            return srt2webvtt(text);
+        } catch (error) {
+            throw new Error('Failed to convert srt to webvtt: ' + error.message);
+        }
+    }
+};

package/src/withHTMLSubtitles/withHTMLSubtitles.js

@@ -1,9 +1,11 @@
 var EventEmitter = require('eventemitter3');
 var cloneDeep = require('lodash.clonedeep');
 var deepFreeze = require('deep-freeze');
+var Color = require('color');
 var ERROR = require('../error');
 var subtitlesParser = require('./subtitlesParser');
 var subtitlesRenderer = require('./subtitlesRenderer');
+var subtitlesConverter = require('./subtitlesConverter');
 
 function withHTMLSubtitles(Video) {
     function VideoWithHTMLSubtitles(options) {
@@ -48,9 +50,9 @@ function withHTMLSubtitles(Video) {
         var delay = null;
         var size = 100;
         var offset = 0;
-        var textColor = '#FFFFFFFF';
-        var backgroundColor = '#00000000';
-        var shadowColor = '#222222FF';
+        var textColor = 'rgb(255, 255, 255)';
+        var backgroundColor = 'rgba(0, 0, 0, 0)';
+        var outlineColor = 'rgb(34, 34, 34)';
         var observedProps = {
             extraSubtitlesTracks: false,
             selectedExtraSubtitlesTrackId: false,
@@ -59,7 +61,7 @@ function withHTMLSubtitles(Video) {
             extraSubtitlesOffset: false,
             extraSubtitlesTextColor: false,
             extraSubtitlesBackgroundColor: false,
-            extraSubtitlesShadowColor: false
+            extraSubtitlesOutlineColor: false
         };
 
         function renderSubtitles() {
@@ -78,8 +80,9 @@ function withHTMLSubtitles(Video) {
                 cueNode.style.fontSize = Math.floor(size / 25) + 'vmin';
                 cueNode.style.color = textColor;
                 cueNode.style.backgroundColor = backgroundColor;
-                cueNode.style.textShadow = '1px 1px 0.1em ' + shadowColor;
-                subtitlesElement.append(cueNode, document.createElement('br'));
+                cueNode.style.textShadow = '1px 1px 0.1em ' + outlineColor;
+                subtitlesElement.appendChild(cueNode);
+                subtitlesElement.appendChild(document.createElement('br'));
             });
         }
         function onVideoError(error) {
@@ -167,12 +170,12 @@ function withHTMLSubtitles(Video) {
 
                     return backgroundColor;
                 }
-                case 'extraSubtitlesShadowColor': {
+                case 'extraSubtitlesOutlineColor': {
                     if (destroyed) {
                         return null;
                     }
 
-                    return shadowColor;
+                    return outlineColor;
                 }
                 default: {
                     return videoPropValue;
@@ -188,7 +191,7 @@ function withHTMLSubtitles(Video) {
                 case 'extraSubtitlesOffset':
                 case 'extraSubtitlesTextColor':
                 case 'extraSubtitlesBackgroundColor':
-                case 'extraSubtitlesShadowColor': {
+                case 'extraSubtitlesOutlineColor': {
                     events.emit('propValue', propName, getProp(propName, null));
                     observedProps[propName] = true;
                     return true;
@@ -212,7 +215,14 @@ function withHTMLSubtitles(Video) {
                         delay = 0;
                         fetch(selectedTrack.url)
                             .then(function(resp) {
-                                return resp.text();
+                                if (resp.ok) {
+                                    return resp.text();
+                                }
+
+                                throw new Error(resp.status + ' (' + resp.statusText + ')');
+                            })
+                            .then(function(text) {
+                                return subtitlesConverter.convert(text);
                             })
                             .then(function(text) {
                                 return subtitlesParser.parse(text);
@@ -272,7 +282,13 @@ function withHTMLSubtitles(Video) {
                 }
                 case 'extraSubtitlesTextColor': {
                     if (typeof propValue === 'string') {
-                        textColor = propValue;
+                        try {
+                            textColor = Color(propValue).rgb().string();
+                        } catch (error) {
+                            // eslint-disable-next-line no-console
+                            console.error('withHTMLSubtitles', error);
+                        }
+
                         renderSubtitles();
                         onPropChanged('extraSubtitlesTextColor');
                     }
@@ -281,18 +297,30 @@ function withHTMLSubtitles(Video) {
                 }
                 case 'extraSubtitlesBackgroundColor': {
                     if (typeof propValue === 'string') {
-                        backgroundColor = propValue;
+                        try {
+                            backgroundColor = Color(propValue).rgb().string();
+                        } catch (error) {
+                            // eslint-disable-next-line no-console
+                            console.error('withHTMLSubtitles', error);
+                        }
+
                         renderSubtitles();
                         onPropChanged('extraSubtitlesBackgroundColor');
                     }
 
                     return true;
                 }
-                case 'extraSubtitlesShadowColor': {
+                case 'extraSubtitlesOutlineColor': {
                     if (typeof propValue === 'string') {
-                        shadowColor = propValue;
+                        try {
+                            outlineColor = Color(propValue).rgb().string();
+                        } catch (error) {
+                            // eslint-disable-next-line no-console
+                            console.error('withHTMLSubtitles', error);
+                        }
+
                         renderSubtitles();
-                        onPropChanged('extraSubtitlesShadowColor');
+                        onPropChanged('extraSubtitlesOutlineColor');
                     }
 
                     return true;
@@ -357,7 +385,7 @@ function withHTMLSubtitles(Video) {
                     onPropChanged('extraSubtitlesOffset');
                     onPropChanged('extraSubtitlesTextColor');
                     onPropChanged('extraSubtitlesBackgroundColor');
-                    onPropChanged('extraSubtitlesShadowColor');
+                    onPropChanged('extraSubtitlesOutlineColor');
                     video.dispatch({ type: 'command', commandName: 'destroy' });
                     events.removeAllListeners();
                     containerElement.removeChild(subtitlesElement);
@@ -419,7 +447,7 @@ function withHTMLSubtitles(Video) {
     VideoWithHTMLSubtitles.manifest = {
         name: Video.manifest.name + 'WithHTMLSubtitles',
         external: Video.manifest.external,
-        props: Video.manifest.props.concat(['extraSubtitlesTracks', 'selectedExtraSubtitlesTrackId', 'extraSubtitlesDelay', 'extraSubtitlesSize', 'extraSubtitlesOffset', 'extraSubtitlesTextColor', 'extraSubtitlesBackgroundColor', 'extraSubtitlesShadowColor'])
+        props: Video.manifest.props.concat(['extraSubtitlesTracks', 'selectedExtraSubtitlesTrackId', 'extraSubtitlesDelay', 'extraSubtitlesSize', 'extraSubtitlesOffset', 'extraSubtitlesTextColor', 'extraSubtitlesBackgroundColor', 'extraSubtitlesOutlineColor'])
             .filter(function(value, index, array) { return array.indexOf(value) === index; }),
         commands: Video.manifest.commands.concat(['load', 'unload', 'destroy', 'addExtraSubtitlesTracks'])
             .filter(function(value, index, array) { return array.indexOf(value) === index; }),

package/src/withStreamingServer/inferTorrentFileIdx.js

@@ -20,7 +20,11 @@ function inferTorrentFileIdx(streamingServerURL, infoHash, sources, seriesInfo)
             }
         })
     }).then(function(resp) {
-        return resp.json();
+        if (resp.ok) {
+            return resp.json();
+        }
+
+        throw new Error(resp.status + ' (' + resp.statusText + ')');
     }).then(function(resp) {
         if (!resp || !Array.isArray(resp.files) || resp.files.some(function(file) { return !file || typeof file.path !== 'string' || file.length === null || !isFinite(file.length); })) {
             throw new Error('No files found in the torrent');

package/src/withStreamingServer/withStreamingServer.js

@@ -113,8 +113,8 @@ function withStreamingServer(Video) {
                                         if (commandArgs.forceTranscoding) {
                                             queryParams.set('forceTranscoding', '1');
                                         }
-                                        if (commandArgs.audioChannels !== null && isFinite(commandArgs.audioChannels)) {
-                                            queryParams.set('audioChannels', commandArgs.audioChannels);
+                                        if (commandArgs.maxAudioChannels !== null && isFinite(commandArgs.maxAudioChannels)) {
+                                            queryParams.set('maxAudioChannels', commandArgs.maxAudioChannels);
                                         }
 
                                         return {