fix(FEC-8026): external OTT VOD/Live media doesn't works on IE 11 (#204)

Set default value to false.
Update docs.
Reduce timeout in JSONP util.

docs/configuration.md

@@ -28,7 +28,9 @@ var config = {
         hls: [],
         dash: [],
         progressive: [],
-        options: {}
+        options: {
+          forceRedirectExternalStreams: false
+        }
     },
     plugins: {},
     metadata: {},
@@ -117,7 +119,8 @@ var config = {
 >>```js
 >>{
 >>  forceRedirectExternalStreams: boolean,
->>  redirectExternalStreamsHandler: ?Function
+>>  redirectExternalStreamsHandler: ?Function,
+>>  redirectExternalStreamsTimeout: ?number
 >>}
 >>```
 >##### Default:
@@ -126,7 +129,9 @@ var config = {
 >  hls: [],
 >  dash: [],
 >  progressive: [],
->  options: {}
+>  options: {
+>    forceRedirectExternalStreams: false
+>  }
 >}
 >```
 >##### Description: Defines related sources configurations.
@@ -192,13 +197,18 @@ var config = {
 >>##
 >>>### config.sources.options.forceRedirectExternalStreams
 >>>##### Type: `boolean`  
->>>##### Default: `-`  
+>>>##### Default: `false`  
 >>>##### Description: Whether to force a source redirect for an external streams.
 >>>##
 >>>### config.sources.options.redirectExternalStreamsHandler
 >>>##### Type: `Function`  
 >>>##### Default: `-`  
 >>>##### Description: The handler function which redirects the stream.
+>>>##
+>>>### config.sources.options.redirectExternalStreamsTimeout
+>>>##### Type: `number`  
+>>>##### Default: `-`  
+>>>##### Description: The timeout for the redirect operation.
 ## 
 >### config.plugins
 >##### Type: `PKPluginsObject`

flow-typed/types/media-source-options.js

@@ -1,5 +1,6 @@
 // @flow
 declare type PKMediaSourceOptionsObject = {
   forceRedirectExternalStreams: boolean,
-  redirectExternalStreamsCallback: ?Function
+  redirectExternalStreamsHandler: ?Function,
+  redirectExternalStreamsTimeout: ?number
 };

src/player-config.json

@@ -5,7 +5,9 @@
     "hls": [],
     "dash": [],
     "progressive": [],
-    "options": {}
+    "options": {
+      "forceRedirectExternalStreams": false
+    }
   },
   "plugins": {},
   "metadata": {},

src/utils/jsonp.js

@@ -1,7 +1,7 @@
 // @flow
 import Error from '../error/error'
 
-const JSONP_TIMEOUT: number = 15000;
+const JSONP_TIMEOUT: number = 5000;
 const CALLBACK_PREFIX: string = 'jsonpcallback';
 const JSONP_FORMAT_STRING: string = 'responseFormat=jsonp&callback=';
 
@@ -14,30 +14,28 @@ const JSONP_FORMAT_STRING: string = 'responseFormat=jsonp&callback=';
  */
 function jsonp(url: string, callback: Function, options: Object): Promise<*> {
   options = options || {};
-
   const timeout = options.timeout ? options.timeout : JSONP_TIMEOUT;
-  const noop = () => {
-  };
   const script = document.createElement("script");
+  const callbackId = CALLBACK_PREFIX + Math.round(Date.now() + Math.random() * 1000001);
   let scriptUri = url;
   let timer;
-  const callbackId = CALLBACK_PREFIX + Math.round(Date.now() + Math.random() * 1000001);
 
   /**
    * function to clean the DOM from the script tag and from the function
    * @returns {void}
    */
-  const _cleanup = function (): void {
+  const _cleanup = () => {
     if (script && script.parentNode) {
       script.parentNode.removeChild(script);
     }
-    window[callbackId] = noop;
+    window[callbackId] = () => {
+    };
     if (timer) {
       clearTimeout(timer);
     }
   };
 
-  return new Promise(function (resolve, reject) {
+  return new Promise((resolve, reject) => {
     if (timeout) {
       timer = setTimeout(function () {
         _cleanup();
@@ -55,8 +53,8 @@ function jsonp(url: string, callback: Function, options: Object): Promise<*> {
      * @param {Object} data - the data we get from the server, in response to the request
      * @returns {void}
      */
-    window[callbackId] = function (data: Object): void {
-      let callbackResult = callback(data, url);
+    window[callbackId] = (data: Object) => {
+      const callbackResult = callback(data, url);
       _cleanup();
       resolve(callbackResult);
     };