@stremio/stremio-video 0.0.24 → 0.0.25-rc.2

package/package.json

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

package/src/ChromecastSenderVideo/ChromecastSenderVideo.js

@@ -63,6 +63,7 @@ function ChromecastSenderVideo(options) {
         volume: false,
         muted: false,
         playbackSpeed: false,
+        videoParams: false,
         extraSubtitlesTracks: false,
         selectedExtraSubtitlesTrackId: false,
         extraSubtitlesDelay: false,
@@ -126,6 +127,7 @@ function ChromecastSenderVideo(options) {
                 onPropChanged('volume', null);
                 onPropChanged('muted', null);
                 onPropChanged('playbackSpeed', null);
+                onPropChanged('videoParams', null);
                 onPropChanged('extraSubtitlesTracks', []);
                 onPropChanged('selectedExtraSubtitlesTrackId', null);
                 onPropChanged('extraSubtitlesDelay', null);
@@ -190,7 +192,7 @@ ChromecastSenderVideo.canPlayStream = function() {
 ChromecastSenderVideo.manifest = {
     name: 'ChromecastSenderVideo',
     external: true,
-    props: ['stream', 'loaded', 'paused', 'time', 'duration', 'buffering', 'buffered', 'audioTracks', 'selectedAudioTrackId', 'subtitlesTracks', 'selectedSubtitlesTrackId', 'subtitlesOffset', 'subtitlesSize', 'subtitlesTextColor', 'subtitlesBackgroundColor', 'subtitlesOutlineColor', 'volume', 'muted', 'playbackSpeed', 'extraSubtitlesTracks', 'selectedExtraSubtitlesTrackId', 'extraSubtitlesDelay', 'extraSubtitlesSize', 'extraSubtitlesOffset', 'extraSubtitlesTextColor', 'extraSubtitlesBackgroundColor', 'extraSubtitlesOutlineColor'],
+    props: ['stream', 'loaded', 'paused', 'time', 'duration', 'buffering', 'buffered', 'audioTracks', 'selectedAudioTrackId', 'subtitlesTracks', 'selectedSubtitlesTrackId', 'subtitlesOffset', 'subtitlesSize', 'subtitlesTextColor', 'subtitlesBackgroundColor', 'subtitlesOutlineColor', 'volume', 'muted', 'playbackSpeed', 'videoParams', 'extraSubtitlesTracks', 'selectedExtraSubtitlesTrackId', 'extraSubtitlesDelay', 'extraSubtitlesSize', 'extraSubtitlesOffset', 'extraSubtitlesTextColor', 'extraSubtitlesBackgroundColor', 'extraSubtitlesOutlineColor'],
     commands: ['load', 'unload', 'destroy', 'addExtraSubtitlesTracks'],
     events: ['propValue', 'propChanged', 'ended', 'error', 'subtitlesTrackLoaded', 'audioTrackLoaded', 'extraSubtitlesTrackLoaded', 'implementationChanged']
 };

package/src/StremioVideo/selectVideoImplementation.js

@@ -7,6 +7,7 @@ var IFrameVideo = require('../IFrameVideo');
 var YouTubeVideo = require('../YouTubeVideo');
 var withStreamingServer = require('../withStreamingServer');
 var withHTMLSubtitles = require('../withHTMLSubtitles');
+var withVideoParams = require('../withVideoParams');
 
 function selectVideoImplementation(commandArgs, options) {
     if (!commandArgs.stream || typeof commandArgs.stream.externalUrl === 'string') {
@@ -18,11 +19,11 @@ function selectVideoImplementation(commandArgs, options) {
     }
 
     if (typeof commandArgs.stream.ytId === 'string') {
-        return withHTMLSubtitles(YouTubeVideo);
+        return withVideoParams(withHTMLSubtitles(YouTubeVideo));
     }
 
     if (typeof commandArgs.stream.playerFrameUrl === 'string') {
-        return IFrameVideo;
+        return withVideoParams(IFrameVideo);
     }
 
     if (options.shellTransport) {
@@ -41,12 +42,12 @@ function selectVideoImplementation(commandArgs, options) {
 
     if (typeof commandArgs.stream.url === 'string') {
         if (typeof global.webOS !== 'undefined') {
-            return withHTMLSubtitles(WebOsVideo);
+            return withVideoParams(withHTMLSubtitles(WebOsVideo));
         }
         if (typeof global.tizen !== 'undefined') {
-            return withHTMLSubtitles(TizenVideo);
+            return withVideoParams(withHTMLSubtitles(TizenVideo));
         }
-        return withHTMLSubtitles(HTMLVideo);
+        return withVideoParams(withHTMLSubtitles(HTMLVideo));
     }
 
     return null;

package/src/TizenVideo/TizenVideo.js

@@ -204,7 +204,7 @@ function TizenVideo(options) {
                         try {
                             extra = JSON.parse(textTrack.extra_info);
                         } catch(e) {}
-                        var textTrackLang = (extra.track_lang || '').trim();
+                        var textTrackLang = typeof extra.track_lang === 'string' && extra.track_lang.length > 0 ? extra.track_lang.trim() : null;
                         textTracks.push({
                             id: textTrackId,
                             lang: textTrackLang,
@@ -291,7 +291,7 @@ function TizenVideo(options) {
                         try {
                             extra = JSON.parse(audioTrack.extra_info);
                         } catch(e) {}
-                        var audioTrackLang = extra.language || '';
+                        var audioTrackLang = typeof extra.language === 'string' && extra.language.length > 0 ? extra.language : null;
                         audioTracks.push({
                             id: audioTrackId,
                             lang: audioTrackLang,

package/src/WebOsVideo/WebOsVideo.js

@@ -15,12 +15,11 @@ function luna(params, call, fail, method) {
     window.webOS.service.request(method || 'luna://com.webos.media', params);
 }
 
-function runWebOS(params, failed) {
-    // console.log('run web os', params);
+function launchVideoApp(params, success, failure) {
     window.webOS.service.request('luna://com.webos.applicationManager', {
         method: 'launch',
         parameters: {
-            'id': params.need,
+            'id': params.id,
             'params': {
                 'payload':[
                     {
@@ -46,19 +45,17 @@ function runWebOS(params, failed) {
             }
         },
         onSuccess: function () {
-            // console.log('The app is launched');
+            success && success();
         },
-        onFailure: function () { // function(inError)
-            // console.log('Player', 'Failed to launch the app ('+params.need+'): ', '[' + inError.errorCode + ']: ' + inError.errorText);
-
-            if (params.need === 'com.webos.app.photovideo') {
-                params.need = 'com.webos.app.smartshare';
-                runWebOS(params);
-            } else if(params.need === 'com.webos.app.smartshare') {
-                params.need = 'com.webos.app.mediadiscovery';
-                runWebOS(params);
-            } else if (params.need === 'com.webos.app.mediadiscovery') {
-                failed();
+        onFailure: function () {
+            failure && failure(new Error('Failed to launch' + params.id));
+
+            if (params.id === 'com.webos.app.photovideo') {
+                params.id = 'com.webos.app.smartshare';
+                launchVideoApp(params, success, failure);
+            } else if(params.id === 'com.webos.app.smartshare') {
+                params.id = 'com.webos.app.mediadiscovery';
+                launchVideoApp(params, success, failure);
             }
         }
     });
@@ -599,21 +596,27 @@ function WebOsVideo(options) {
             }
             case 3: {
                 error = ERROR.HTML_VIDEO.MEDIA_ERR_DECODE;
-                runWebOS({
-                    need: 'com.webos.app.photovideo',
+                launchVideoApp({
+                    id: 'com.webos.app.photovideo',
                     url: stream.url,
                     name: 'Stremio',
                     position: -1,
+                }, null, function(e) {
+                    // eslint-disable-next-line no-console
+                    console.error(e);
                 });
                 break;
             }
             case 4: {
                 error = ERROR.HTML_VIDEO.MEDIA_ERR_SRC_NOT_SUPPORTED;
-                runWebOS({
-                    need: 'com.webos.app.photovideo',
+                launchVideoApp({
+                    id: 'com.webos.app.photovideo',
                     url: stream.url,
                     name: 'Stremio',
                     position: -1,
+                }, null, function(e) {
+                    // eslint-disable-next-line no-console
+                    console.error(e);
                 });
                 break;
             }

package/src/withStreamingServer/convertStream.js

@@ -23,14 +23,14 @@ function convertStream(streamingServerURL, stream, seriesInfo) {
                     :
                     [];
                 createTorrent(streamingServerURL, parsedMagnetURI.infoHash, null, sources, seriesInfo)
-                    .then(function(url) {
-                        resolve(url);
+                    .then(function(torrent) {
+                        resolve({ url: torrent.url, infoHash: torrent.infoHash, fileIdx: torrent.fileIdx });
                     })
                     .catch(function(error) {
                         reject(error);
                     });
             } else {
-                resolve(stream.url);
+                resolve({ url: stream.url });
             }
 
             return;
@@ -38,8 +38,8 @@ function convertStream(streamingServerURL, stream, seriesInfo) {
 
         if (typeof stream.infoHash === 'string') {
             createTorrent(streamingServerURL, stream.infoHash, stream.fileIdx, stream.announce, seriesInfo)
-                .then(function(url) {
-                    resolve(url);
+                .then(function(torrent) {
+                    resolve({ url: torrent.url, infoHash: torrent.infoHash, fileIdx: torrent.fileIdx });
                 })
                 .catch(function(error) {
                     reject(error);

package/src/withStreamingServer/createTorrent.js

@@ -1,18 +1,23 @@
 var url = require('url');
 
-function buildTorrentUrl(streamingServerURL, infoHash, fileIdx, sources) {
+function buildTorrent(streamingServerURL, infoHash, fileIdx, sources) {
     var query = Array.isArray(sources) && sources.length > 0 ?
         '?' + new URLSearchParams(sources.map(function(source) {
             return ['tr', source];
         }))
         :
         '';
-    return url.resolve(streamingServerURL, '/' + encodeURIComponent(infoHash) + '/' + encodeURIComponent(fileIdx)) + query;
+    return {
+        url: url.resolve(streamingServerURL, '/' + encodeURIComponent(infoHash) + '/' + encodeURIComponent(fileIdx)) + query,
+        infoHash: infoHash,
+        fileIdx: fileIdx,
+        sources: sources
+    };
 }
 
 function createTorrent(streamingServerURL, infoHash, fileIdx, sources, seriesInfo) {
     if ((!Array.isArray(sources) || sources.length === 0) && (fileIdx !== null && isFinite(fileIdx))) {
-        return Promise.resolve(buildTorrentUrl(streamingServerURL, infoHash, fileIdx, sources));
+        return Promise.resolve(buildTorrent(streamingServerURL, infoHash, fileIdx, sources));
     }
 
     var body = {
@@ -58,7 +63,7 @@ function createTorrent(streamingServerURL, infoHash, fileIdx, sources, seriesInf
 
         throw new Error(resp.status + ' (' + resp.statusText + ')');
     }).then(function(resp) {
-        return buildTorrentUrl(streamingServerURL, infoHash, body.guessFileIdx ? resp.guessedFileIdx : fileIdx, body.peerSearch ? body.peerSearch.sources : []);
+        return buildTorrent(streamingServerURL, infoHash, body.guessFileIdx ? resp.guessedFileIdx : fileIdx, body.peerSearch ? body.peerSearch.sources : []);
     });
 }
 

package/src/withStreamingServer/fetchVideoParams.js

@@ -0,0 +1,95 @@
+var url = require('url');
+
+function fetchOpensubtitlesParams(streamingServerURL, mediaURL, behaviorHints) {
+    var hash = behaviorHints && typeof behaviorHints.videoHash === 'string' ? behaviorHints.videoHash : null;
+    var size = behaviorHints && isFinite(behaviorHints.videoSize) ? behaviorHints.videoSize : null;
+    if (typeof hash === 'string' && size !== null && isFinite(size)) {
+        return Promise.resolve({ hash: hash, size: size });
+    }
+
+    var queryParams = new URLSearchParams([['videoUrl', mediaURL]]);
+    return fetch(url.resolve(streamingServerURL, '/opensubHash?' + queryParams.toString()))
+        .then(function(resp) {
+            if (resp.ok) {
+                return resp.json();
+            }
+
+            throw new Error(resp.status + ' (' + resp.statusText + ')');
+        })
+        .then(function(resp) {
+            if (resp.error) {
+                throw new Error(resp.error);
+            }
+
+            return {
+                hash: typeof hash === 'string' ?
+                    hash
+                    :
+                    resp.result && typeof resp.result.hash === 'string' ?
+                        resp.result.hash
+                        :
+                        null,
+                size: size !== null && isFinite(size) ?
+                    size
+                    :
+                    resp.result && typeof resp.result.size ?
+                        resp.result.size
+                        :
+                        null
+            };
+        });
+}
+
+function fetchFilename(streamingServerURL, mediaURL, infoHash, fileIdx, behaviorHints) {
+    if (behaviorHints && typeof behaviorHints.filename === 'string') {
+        return Promise.resolve(behaviorHints.filename);
+    }
+
+    if (infoHash) {
+        return fetch(url.resolve(streamingServerURL, '/' + encodeURIComponent(infoHash) + '/' + encodeURIComponent(fileIdx) + '/stats.json'))
+            .then(function(resp) {
+                if (resp.ok) {
+                    return resp.json();
+                }
+
+                throw new Error(resp.status + ' (' + resp.statusText + ')');
+            })
+            .then(function(resp) {
+                if (!resp || typeof resp.streamName !== 'string') {
+                    throw new Error('Could not retrieve filename from torrent');
+                }
+
+                return resp.streamName;
+            });
+    }
+
+    return Promise.resolve(decodeURIComponent(mediaURL.split('/').pop()));
+}
+
+function fetchVideoParams(streamingServerURL, mediaURL, infoHash, fileIdx, behaviorHints) {
+    return Promise.allSettled([
+        fetchOpensubtitlesParams(streamingServerURL, mediaURL, behaviorHints),
+        fetchFilename(streamingServerURL, mediaURL, infoHash, fileIdx, behaviorHints)
+    ]).then(function(results) {
+        var result = { hash: null, size: null, filename: null };
+
+        if (results[0].status === 'fulfilled') {
+            result.hash = results[0].value.hash;
+            result.size = results[0].value.size;
+        } else if (results[0].reason) {
+            // eslint-disable-next-line no-console
+            console.error(results[0].reason);
+        }
+
+        if (results[1].status === 'fulfilled') {
+            result.filename = results[1].value;
+        } else if (results[1].reason) {
+            // eslint-disable-next-line no-console
+            console.error(results[1].reason);
+        }
+
+        return result;
+    });
+}
+
+module.exports = fetchVideoParams;

package/src/withStreamingServer/withStreamingServer.js

@@ -5,6 +5,7 @@ var cloneDeep = require('lodash.clonedeep');
 var deepFreeze = require('deep-freeze');
 var mediaCapabilities = require('../mediaCapabilities');
 var convertStream = require('./convertStream');
+var fetchVideoParams = require('./fetchVideoParams');
 var ERROR = require('../error');
 
 function withStreamingServer(Video) {
@@ -27,10 +28,12 @@ function withStreamingServer(Video) {
         var loadArgs = null;
         var loaded = false;
         var actionsQueue = [];
+        var videoParams = null;
         var events = new EventEmitter();
         var destroyed = false;
         var observedProps = {
-            stream: false
+            stream: false,
+            videoParams: false
         };
 
         function flushActionsQueue() {
@@ -70,6 +73,9 @@ function withStreamingServer(Video) {
                 case 'stream': {
                     return loadArgs !== null ? loadArgs.stream : null;
                 }
+                case 'videoParams': {
+                    return videoParams;
+                }
                 default: {
                     return videoPropValue;
                 }
@@ -77,7 +83,8 @@ function withStreamingServer(Video) {
         }
         function observeProp(propName) {
             switch (propName) {
-                case 'stream': {
+                case 'stream':
+                case 'videoParams': {
                     events.emit('propValue', propName, getProp(propName, null));
                     observedProps[propName] = true;
                     return true;
@@ -96,7 +103,10 @@ function withStreamingServer(Video) {
                         loadArgs = commandArgs;
                         onPropChanged('stream');
                         convertStream(commandArgs.streamingServerURL, commandArgs.stream, commandArgs.seriesInfo)
-                            .then(function(mediaURL) {
+                            .then(function(result) {
+                                var mediaURL = result.url;
+                                var infoHash = result.infoHash;
+                                var fileIdx = result.fileIdx;
                                 var formats = Array.isArray(commandArgs.formats) ?
                                     commandArgs.formats
                                     :
@@ -127,7 +137,12 @@ function withStreamingServer(Video) {
                                     .then(function(canPlay) {
                                         if (canPlay) {
                                             return {
-                                                url: mediaURL
+                                                mediaURL: mediaURL,
+                                                infoHash: infoHash,
+                                                fileIdx: fileIdx,
+                                                stream: {
+                                                    url: mediaURL
+                                                }
                                             };
                                         }
 
@@ -148,27 +163,32 @@ function withStreamingServer(Video) {
                                         queryParams.set('maxAudioChannels', maxAudioChannels);
 
                                         return {
-                                            url: url.resolve(commandArgs.streamingServerURL, '/hlsv2/' + id + '/master.m3u8?' + queryParams.toString()),
-                                            subtitles: Array.isArray(commandArgs.stream.subtitles) ?
-                                                commandArgs.stream.subtitles.map(function(track) {
-                                                    return Object.assign({}, track, {
-                                                        url: typeof track.url === 'string' ?
-                                                            url.resolve(commandArgs.streamingServerURL, '/subtitles.vtt?' + new URLSearchParams([['from', track.url]]).toString())
-                                                            :
-                                                            track.url
-                                                    });
-                                                })
-                                                :
-                                                [],
-                                            behaviorHints: {
-                                                headers: {
-                                                    'content-type': 'application/vnd.apple.mpegurl'
+                                            mediaURL: mediaURL,
+                                            infoHash: infoHash,
+                                            fileIdx: fileIdx,
+                                            stream: {
+                                                url: url.resolve(commandArgs.streamingServerURL, '/hlsv2/' + id + '/master.m3u8?' + queryParams.toString()),
+                                                subtitles: Array.isArray(commandArgs.stream.subtitles) ?
+                                                    commandArgs.stream.subtitles.map(function(track) {
+                                                        return Object.assign({}, track, {
+                                                            url: typeof track.url === 'string' ?
+                                                                url.resolve(commandArgs.streamingServerURL, '/subtitles.vtt?' + new URLSearchParams([['from', track.url]]).toString())
+                                                                :
+                                                                track.url
+                                                        });
+                                                    })
+                                                    :
+                                                    [],
+                                                behaviorHints: {
+                                                    headers: {
+                                                        'content-type': 'application/vnd.apple.mpegurl'
+                                                    }
                                                 }
                                             }
                                         };
                                     });
                             })
-                            .then(function(stream) {
+                            .then(function(result) {
                                 if (commandArgs !== loadArgs) {
                                     return;
                                 }
@@ -177,11 +197,30 @@ function withStreamingServer(Video) {
                                     type: 'command',
                                     commandName: 'load',
                                     commandArgs: Object.assign({}, commandArgs, {
-                                        stream: stream
+                                        stream: result.stream
                                     })
                                 });
                                 loaded = true;
                                 flushActionsQueue();
+                                fetchVideoParams(commandArgs.streamingServerURL, result.mediaURL, result.infoHash, result.fileIdx, commandArgs.stream.behaviorHints)
+                                    .then(function(result) {
+                                        if (commandArgs !== loadArgs) {
+                                            return;
+                                        }
+
+                                        videoParams = result;
+                                        onPropChanged('videoParams');
+                                    })
+                                    .catch(function(error) {
+                                        if (commandArgs !== loadArgs) {
+                                            return;
+                                        }
+
+                                        // eslint-disable-next-line no-console
+                                        console.error(error);
+                                        videoParams = { hash: null, size: null, filename: null };
+                                        onPropChanged('videoParams');
+                                    });
                             })
                             .catch(function(error) {
                                 if (commandArgs !== loadArgs) {
@@ -237,7 +276,9 @@ function withStreamingServer(Video) {
                     loadArgs = null;
                     loaded = false;
                     actionsQueue = [];
+                    videoParams = null;
                     onPropChanged('stream');
+                    onPropChanged('videoParams');
                     return false;
                 }
                 case 'destroy': {
@@ -336,7 +377,7 @@ function withStreamingServer(Video) {
     VideoWithStreamingServer.manifest = {
         name: Video.manifest.name + 'WithStreamingServer',
         external: Video.manifest.external,
-        props: Video.manifest.props.concat(['stream'])
+        props: Video.manifest.props.concat(['stream', 'videoParams'])
             .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/withVideoParams/index.js

@@ -0,0 +1,3 @@
+var withVideoParams = require('./withVideoParams');
+
+module.exports = withVideoParams;

package/src/withVideoParams/withVideoParams.js

@@ -0,0 +1,143 @@
+var EventEmitter = require('eventemitter3');
+var cloneDeep = require('lodash.clonedeep');
+var deepFreeze = require('deep-freeze');
+
+function withVideoParams(Video) {
+    function VideoWithVideoParams(options) {
+        options = options || {};
+
+        var video = new Video(options);
+        video.on('propValue', onVideoPropEvent.bind(null, 'propValue'));
+        video.on('propChanged', onVideoPropEvent.bind(null, 'propChanged'));
+        Video.manifest.events
+            .filter(function(eventName) {
+                return !['propValue', 'propChanged'].includes(eventName);
+            })
+            .forEach(function(eventName) {
+                video.on(eventName, onOtherVideoEvent(eventName));
+            });
+
+        var stream = null;
+        var events = new EventEmitter();
+        var destroyed = false;
+        var observedProps = {
+            videoParams: false
+        };
+
+        function onVideoPropEvent(eventName, propName, propValue) {
+            if (propName !== 'videoParams') {
+                events.emit(eventName, propName, getProp(propName, propValue));
+            }
+            if (propName === 'stream') {
+                stream = propValue;
+                onPropChanged('videoParams');
+            }
+        }
+        function onOtherVideoEvent(eventName) {
+            return function() {
+                events.emit.apply(events, [eventName].concat(Array.from(arguments)));
+            };
+        }
+        function onPropChanged(propName) {
+            if (observedProps[propName]) {
+                events.emit('propChanged', propName, getProp(propName, null));
+            }
+        }
+        function getProp(propName, videoPropValue) {
+            switch (propName) {
+                case 'videoParams': {
+                    if (stream === null) {
+                        return null;
+                    }
+
+                    var hash = stream.behaviorHints && typeof stream.behaviorHints.videoHash === 'string' ? stream.behaviorHints.videoHash : null;
+                    var size = stream.behaviorHints && stream.behaviorHints.videoSize !== null && isFinite(stream.behaviorHints.videoSize) ? stream.behaviorHints.videoSize : null;
+                    var filename = stream.behaviorHints && typeof stream.behaviorHints.filename === 'string' ? stream.behaviorHints.filename : null;
+                    return { hash: hash, size: size, filename: filename };
+                }
+                default: {
+                    return videoPropValue;
+                }
+            }
+        }
+        function observeProp(propName) {
+            switch (propName) {
+                case 'videoParams': {
+                    events.emit('propValue', propName, getProp(propName, null));
+                    observedProps[propName] = true;
+                    return true;
+                }
+                default: {
+                    return false;
+                }
+            }
+        }
+        function command(commandName) {
+            switch (commandName) {
+                case 'destroy': {
+                    destroyed = true;
+                    video.dispatch({ type: 'command', commandName: 'destroy' });
+                    events.removeAllListeners();
+                    return true;
+                }
+                default: {
+                    return false;
+                }
+            }
+        }
+
+        this.on = function(eventName, listener) {
+            if (destroyed) {
+                throw new Error('Video is destroyed');
+            }
+
+            events.on(eventName, listener);
+        };
+        this.dispatch = function(action) {
+            if (destroyed) {
+                throw new Error('Video is destroyed');
+            }
+
+            if (action) {
+                action = deepFreeze(cloneDeep(action));
+                switch (action.type) {
+                    case 'observeProp': {
+                        if (observeProp(action.propName)) {
+                            return;
+                        }
+
+                        break;
+                    }
+                    case 'command': {
+                        if (command(action.commandName, action.commandArgs)) {
+                            return;
+                        }
+
+                        break;
+                    }
+                }
+            }
+
+            video.dispatch(action);
+        };
+    }
+
+    VideoWithVideoParams.canPlayStream = function(stream, options) {
+        return Video.canPlayStream(stream, options);
+    };
+
+    VideoWithVideoParams.manifest = {
+        name: Video.manifest.name + 'WithVideoParams',
+        external: Video.manifest.external,
+        props: Video.manifest.props.concat(['videoParams'])
+            .filter(function(value, index, array) { return array.indexOf(value) === index; }),
+        commands: Video.manifest.commands.concat(['destroy'])
+            .filter(function(value, index, array) { return array.indexOf(value) === index; }),
+        events: Video.manifest.events.concat(['propValue', 'propChanged'])
+            .filter(function(value, index, array) { return array.indexOf(value) === index; })
+    };
+
+    return VideoWithVideoParams;
+}
+
+module.exports = withVideoParams;