ravnur-player-public 3.4.4 → 3.4.6

package/src/flash/FlashPlugin.js

@@ -1,301 +0,0 @@
-import {
-   contains, each, upperFirst, existy, notExisty, isNotEmpty, absolutizeUrl, get,
-   append, createElement
-} from '../utils';
-
-import { properties, methods } from '../html5media';
-
-const APP_NAME = window.navigator.appName.toLowerCase();
-const IS_IE = APP_NAME.indexOf('microsoft') !== -1 || APP_NAME.match(/trident/gi) !== null;
-
-export default class FlashRenderer {
-   /**
-    * Creates an instance of FlashRenderer.
-    *
-    * @param {String} name name of flash plugin
-    * @param {Object} options some options for flash plugin
-    * @param {Array} supportedMediaTypes list of supported types
-    *
-    * @memberOf FlashRenderer
-    */
-   constructor(name, options, supportedMediaTypes) {
-      this.name = name;
-      this.options = options;
-      this.supportedMediaTypes = supportedMediaTypes;
-   }
-
-   canPlayType(type) {
-      return contains(this.supportedMediaTypes, type);
-   }
-
-   /**
-    * Create the player instance and add all native events/methods/properties as possible
-    *
-    * @param {MediaElement} mediaElement Instance of mejs.MediaElement already created
-    * @param {Object} options All the player configuration options passed through constructor
-    * @param {Object[]} mediaFiles List of sources with format: {src: url, type: x/y-z}
-    * @return {Object} flash api
-    */
-   create(mediaElement, options, mediaFiles) {
-      options.logger.debug('FlashRenderer.create', options, mediaFiles);
-
-      let flash = {},
-         i,
-         il;
-
-      // store main variable
-      flash.options = options;
-      flash.id = mediaElement.id + '_' + flash.options.prefix;
-      flash.mediaElement = mediaElement;
-
-      // insert data
-      flash.flashState = {};
-      flash.flashApi = null;
-      flash.flashApiStack = [];
-
-      // mediaElements for get/set
-      each(properties, assignGettersSettersForFlash(flash));
-
-      // add mediaElements for native methods
-      const _methods = methods.slice();
-      _methods.push('stop');
-
-      each(_methods, assignMethodsForFlash(flash));
-
-      // add a ready method that Flash can call to
-      window['__ready__' + flash.id] = createOnReadyFnc(flash);
-      window['__event__' + flash.id] = (eventName, message) => options.bus.emit(eventName, message);
-
-      const isVideo = get(mediaElement, 'originalNode.tagName', '').toLowerCase() === 'video';
-
-      render(flash, mediaElement, isVideo);
-
-      flash.hide = () => {
-         flash.options.logger.debug('hiding flash plugin');
-         if (isVideo) {
-            flash.flashNode.style.position = 'absolute';
-            flash.flashNode.style.width = '1px';
-            flash.flashNode.style.height = '1px';
-            try {
-               flash.flashNode.style.clip = 'rect(0 0 0 0);';
-            } catch (e) {
-               flash.options.logger.error('error on hiding flash player', e);
-            }
-         }
-      };
-      flash.show = () => {
-         flash.options.logger.debug('showing flash plugin');
-         if (isVideo) {
-            flash.flashNode.style.position = '';
-            flash.flashNode.style.width = '';
-            flash.flashNode.style.height = '';
-            try {
-               flash.flashNode.style.clip = '';
-            } catch (e) {
-               flash.options.logger.error('error on showing flash player', e);
-            }
-         }
-      };
-      flash.setSize = (width, height) => {
-         flash.options.logger.debug('changing size for flash plugin', width, height);
-
-         flash.flashNode.style.width = width;
-         flash.flashNode.style.height = height;
-
-         if (flash.flashApi !== null) {
-            flash.flashApi.fire_setSize(width, height);
-         }
-      };
-
-      if (isNotEmpty(mediaFiles)) {
-         for (i = 0, il = mediaFiles.length; i < il; i++) {
-            if (this.canPlayType(mediaFiles[i].type)) {
-               flash.options.logger.debug('FLASH', 'init, set src', mediaFiles[i].src);
-               flash.setSrc(mediaFiles[i].src);
-               flash.load();
-               break;
-            }
-         }
-      }
-
-      return flash;
-   }
-}
-
-function assignGettersSettersForFlash(flash) {
-   return propName => {
-      // add to flash state that we will store
-      flash.flashState[propName] = null;
-
-      const capName = upperFirst(propName);
-
-      flash['get' + capName] = () => {
-         flash.options.logger.debug('[', flash.options.prefix, ' get]: ', propName);
-         if (flash.flashApi === null) {
-            return null;
-         }
-
-         if (notExisty(flash.flashApi['get_' + propName])) {
-            flash.options.logger.warn('[',  flash.options.prefix, ' MISSING]: ', propName);
-            return null;
-         }
-
-         var value = flash.flashApi['get_' + propName]();
-
-         // special case for buffered to conform to HTML5's newest
-         if (propName === 'buffered') {
-            return {
-               start: () => 0,
-               end: () => value,
-               length: 1
-            };
-         }
-
-         return value;
-      };
-
-      flash['set' + capName] = (value) => {
-         flash.options.logger.debug('[', flash.options.prefix, ' set]: ', propName, ' = ', value);
-
-         if (propName === 'src') {
-            value = absolutizeUrl(value);
-         }
-
-         // send value to Flash
-         if (flash.flashApi !== null && existy(flash.flashApi['set_' + propName])) {
-            flash.flashApi['set_' + propName](value);
-         } else {
-            // store for after "READY" event fires
-            flash.flashApiStack.push({ type: 'set', propName, value });
-         }
-      };
-   };
-}
-
-function assignMethodsForFlash(flash) {
-   return methodName => {
-      // run the method on the native HTMLMediaElement
-      flash[methodName] = () => {
-         flash.options.logger.debug('[' + flash.options.prefix + ' ' + methodName + '()]');
-
-         if (notExisty(flash.flashApi)) {
-            // store for after "READY" event fires
-            flash.flashApiStack.push({ type: 'call', methodName });
-         } else if (flash.flashApi['fire_' + methodName]) {
-            // send call up to Flash ExternalInterface API
-            try {
-               flash.flashApi['fire_' + methodName]();
-            } catch (e) {
-               flash.options.logger.error('error occurred when calling flash api.', e);
-            }
-         } else {
-            flash.options.logger.warn('flash', 'missing method', methodName);
-         }
-      };
-   };
-}
-
-function createOnReadyFnc(flash) {
-   return () => {
-      flash.options.logger.debug('flash is ready');
-
-      try {
-         flash.flashApi = document.getElementById('__' + flash.id);
-
-         flash.options.bus.emit('rendererready', flash);
-
-         // do call stack
-         each(flash.flashApiStack, stackItem => {
-            flash.options.logger.debug('- stack', stackItem.type, stackItem);
-            if (stackItem.type === 'set') {
-               const capName = upperFirst(stackItem.propName);
-               flash['set' + capName](stackItem.value);
-            } else if (stackItem.type === 'call') {
-               flash[stackItem.methodName]();
-            }
-         });
-      } catch (e) {
-         flash.options.logger.error(e);
-      }
-   };
-}
-
-function render(flash, mediaElement, isVideo) {
-   // insert Flash object
-   flash.flashWrapper = createElement('div', { class: 'rmp-flash-wrapper' });
-   const options = flash.options;
-
-   const
-      autoplay = mediaElement.getAttribute('autoplay'),
-      flashVars = ['uid=' + flash.id, 'autoplay=' + autoplay],
-      flashHeight = isVideo ? mediaElement.originalNode.height : 1,
-      flashWidth = isVideo ? mediaElement.originalNode.width : 1;
-
-   flashVars.push('pseudostreamstart=start');
-   flashVars.push('pseudostreamtype=byte');
-
-   append(mediaElement, flash.flashWrapper);
-
-   if (isVideo && mediaElement.originalNode !== null) {
-      mediaElement.originalNode.style.display = 'none';
-   }
-
-   var settings = [];
-
-   if (IS_IE) {
-      var specialIEContainer = createElement('div');
-      append(flash.flashWrapper, specialIEContainer);
-
-      settings = [
-         'classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"',
-         'codebase="//download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab"',
-         'id="__' + flash.id + '"',
-         'width="' + flashWidth + '"',
-         'height="' + flashHeight + '"'
-      ];
-
-      if (!isVideo) {
-         settings.push('style="clip: rect(0 0 0 0); position: absolute;"');
-      }
-
-      specialIEContainer.outerHTML =
-         '<object ' + settings.join(' ') + '>' +
-         '<param name="movie" value="' + options.flashPath + options.filename + '?x=' + new Date() + '" />' +
-         '<param name="flashvars" value="' + flashVars.join('&amp;') + '" />' +
-         '<param name="quality" value="high" />' +
-         '<param name="bgcolor" value="#000000" />' +
-         '<param name="wmode" value="transparent" />' +
-         '<param name="allowScriptAccess" value="always" />' +
-         '<param name="allowFullScreen" value="true" />' +
-         '<div>Loading...</div>' +
-         '</object>';
-
-   } else {
-
-      settings = [
-         `id="__${flash.id}"`,
-         `name="__${flash.id}"`,
-         'play="true"',
-         'loop="false"',
-         'quality="high"',
-         'bgcolor="#000000"',
-         'wmode="transparent"',
-         'allowScriptAccess="always"',
-         'allowFullScreen="true"',
-         'type="application/x-shockwave-flash"',
-         'pluginspage="//www.macromedia.com/go/getflashplayer"',
-         `src="${options.flashPath}${options.filename}"`,
-         `flashvars="${flashVars.join('&')}"`,
-         `width="${flashWidth}"`,
-         `height="${flashHeight}"`
-      ];
-
-      if (!isVideo) {
-         settings.push('style="clip: rect(0 0 0 0); position: absolute;"');
-      }
-
-      flash.flashWrapper.innerHTML = `<embed ${settings.join(' ')}>`;
-   }
-
-   flash.flashNode = flash.flashWrapper.lastChild;
-}

package/src/flash/MediaElement.js

@@ -1,361 +0,0 @@
-import {
-   contains,
-   each,
-   extend,
-   existy,
-   notExisty,
-   get,
-   head,
-   find,
-   isNotEmpty,
-   upperFirst,
-   addProperty,
-   absolutizeUrl,
-   createElement
-} from '../utils';
-
-import { methods, properties } from '../html5media';
-import { VIDEO, HLS, AUDIO } from './plugins';
-
-const renderers = [VIDEO, HLS, AUDIO];
-
-const ELEMENT_NODE = 1;
-
-let idx = 0;
-
-/**
- * Create a fake DOM element with properties that look like a real HTMLMediaElement
- * with all its methods/properties/events.
- *
- * @constructor
- * @param {HTMLElement} node element
- * @param {Object} options some options
- * @return {HTMLElement} created element
- */
-export default function MediaElement(node, options = {}) {
-   // create our node (note: older versions of iOS don't support Object.defineProperty on DOM nodes)
-   var mediaElement = createElement('div', { class: 'rmp-flash-wrapper' });
-
-   mediaElement.options = options;
-
-   mediaElement.originalNode = node;
-   const id = node.id || 'me_flash_' + ++idx;
-
-   // change id
-   mediaElement.originalNode.setAttribute('id', id + '_from_mejs');
-
-   // add next to this one
-   if (mediaElement.originalNode.parentNode) {
-      mediaElement.originalNode.parentNode.insertBefore(mediaElement, mediaElement.originalNode);
-   }
-
-   // insert this one inside
-   mediaElement.appendChild(mediaElement.originalNode);
-
-   mediaElement.id = id;
-
-   mediaElement.renderers = {};
-   mediaElement.renderer = null;
-   mediaElement.rendererName = null;
-
-   // add properties get/set
-   each(properties, createAssigner(mediaElement));
-
-   // special .src property
-   const getSrc = () => existy(mediaElement.renderer) ? mediaElement.renderer.getSrc() : null;
-   const setSrc = value => {
-      let renderInfo;
-      const mediaFiles = [];
-
-      // clean up URLs
-      if (typeof value === 'string') {
-         mediaFiles.push({
-            src: value,
-            type: value ? getTypeFromFile(value) : ''
-         });
-      } else {
-         each(value, data => {
-            const src = absolutizeUrl(data.src), type = data.type;
-            mediaFiles.push({
-               src,
-               type: type || getTypeFromFile(src)
-            });
-         });
-      }
-
-      mediaElement.originalNode.setAttribute('src', get(head(mediaFiles), 'src', ''));
-
-      // find a renderer and URL match
-      renderInfo = selectRenderer(mediaFiles);
-
-      // Ensure that the original gets the first source found
-      mediaElement.originalNode.setAttribute('src', get(head(mediaFiles), 'src', ''));
-
-      // did we find a renderer?
-      if (renderInfo === null) {
-         options.bus.emit('error', { message: 'No renderer found'} );
-         mediaElement.options.logger.error('No renderer found');
-         return;
-      }
-
-      // turn on the renderer (this checks for the existing renderer already)
-      mediaElement.changeRenderer(renderInfo.rendererName, mediaFiles);
-
-      if (notExisty(mediaElement.renderer)) {
-         options.bus.emit('error', { message: 'Error creating renderer'} );
-         mediaElement.options.logger.error('Error creating renderer');
-      }
-   };
-
-   addProperty(mediaElement, 'src', getSrc, setSrc);
-   mediaElement.getSrc = getSrc;
-   mediaElement.setSrc = setSrc;
-
-   each(methods, createMethodAssigner(mediaElement));
-
-   mediaElement.changeRenderer = createChanger(mediaElement);
-
-   mediaElement.setSize = (width, height) => {
-      if (existy(mediaElement.renderer)) {
-         mediaElement.renderer.setSize(width, height);
-      } else {
-         mediaElement.options.logger.warn('Could not set the sizes. Renderer is not found');
-      }
-   };
-
-   // find <source> elements
-   if (existy(mediaElement.originalNode)) {
-      detectSources(mediaElement);
-   }
-
-   return mediaElement;
-}
-
-function createChanger(mediaElement) {
-   return function changeRenderer(rendererName, mediaFiles) {
-
-      // check for a match on the current renderer
-      if (get(mediaElement, 'renderer.name') === rendererName) {
-         mediaElement.options.logger.debug('Already using: ', rendererName);
-
-         mediaElement.renderer.show();
-         mediaElement.renderer.setSrc(head(mediaFiles).src);
-
-         return true;
-      }
-
-      // if existing renderer is not the right one, then hide it
-      if (existy(mediaElement.renderer)) {
-         mediaElement.options.logger.debug('Stopping and hiding: ', mediaElement.renderer);
-         mediaElement.renderer.pause();
-         if (mediaElement.renderer.stop) {
-            mediaElement.renderer.stop();
-         }
-         mediaElement.renderer.hide();
-      }
-
-      // see if we have the renderer already created
-      let newRenderer = mediaElement.renderers[rendererName];
-
-      if (existy(newRenderer)) {
-         mediaElement.options.logger.debug('restoring: ', newRenderer.name);
-
-         newRenderer.show();
-         newRenderer.setSrc(head(mediaFiles).src);
-
-         mediaElement.renderer = newRenderer;
-         return true;
-      }
-
-      const renderer = find(renderers, r => r.name === rendererName);
-
-      if (notExisty(renderer)) {
-         mediaElement.options.logger.error('can\'t found: ' + rendererName);
-         return false;
-
-      }
-
-      var renderOptions = extend({}, mediaElement.options, renderer.options);
-      newRenderer = renderer.create(mediaElement, renderOptions, mediaFiles);
-      newRenderer.name = rendererName;
-
-      // store for later
-      mediaElement.renderers[renderer.name] = newRenderer;
-      mediaElement.renderer = newRenderer;
-      mediaElement.rendererName = rendererName;
-      newRenderer.show();
-
-      return true;
-   };
-}
-
-function createAssigner(mediaElement) {
-   return function assignGettersSetters(propName) {
-      // src is a special one below
-      if (propName === 'src') {
-         return;
-      }
-
-      const capName = upperFirst(propName),
-         getFn = () => {
-            if (existy(mediaElement.renderer)) {
-               return mediaElement.renderer['get' + capName]();
-            }
-            mediaElement.options.logger.warn(`Could not called getter "${capName}". Renderer is empty`);
-            return null;
-         },
-         setFn = (value) => {
-            if (existy(mediaElement.renderer)) {
-               mediaElement.renderer['set' + capName](value);
-            } else {
-               mediaElement.options.logger.warn(`Could not called setter "${capName}". Renderer is empty`);
-            }
-         };
-
-      addProperty(mediaElement, propName, getFn, setFn);
-
-      mediaElement['get' + capName] = getFn;
-      mediaElement['set' + capName] = setFn;
-   };
-}
-
-function createMethodAssigner(mediaElement) {
-   return function methodAssigner(methodName) {
-      // run the method on the current renderer
-      mediaElement[methodName] = (...args) => {
-         mediaElement.options.logger.debug('[wrapper ', mediaElement.id, '.', methodName, '()]', mediaElement.renderer);
-         if (get(mediaElement, `renderer.${methodName}`)) {
-            return mediaElement.renderer[methodName](args);
-         }
-         mediaElement.options.logger.warn(`Could not called method "${methodName}"`);
-         return null;
-      };
-   };
-}
-
-function detectSources(mediaElement) {
-   const mediaFiles = [];
-   const node = mediaElement.originalNode;
-
-   switch (node.nodeName.toLowerCase()) {
-
-   case 'iframe':
-      mediaFiles.push({ type: '', src: node.getAttribute('src') });
-
-      break;
-
-   case 'audio':
-   case 'video':
-      var
-         sources = node.childNodes.length,
-         nodeSource = node.getAttribute('src');
-
-      // Consider if node contains the `src` and `type` attributes
-      if (nodeSource) {
-         mediaFiles.push({ src: nodeSource, type: formatType(nodeSource, node.getAttribute('type')) });
-      }
-
-      // test <source> types to see if they are usable
-
-      for (let i = 0; i < sources; i++) {
-         const n = node.childNodes[i];
-         if (n.nodeType === ELEMENT_NODE && n.tagName.toLowerCase() === 'source') {
-            const src = n.getAttribute('src');
-            mediaFiles.push({ src, type: formatType(src, n.getAttribute('type')) });
-         }
-      }
-      break;
-   }
-
-   if (isNotEmpty(mediaFiles)) {
-      mediaElement.options.logger.debug('initializing src', head(mediaFiles).src);
-      mediaElement.src = mediaFiles;
-   }
-}
-
-// Return the mime part of the type in case the attribute contains the codec
-// (`video/mp4; codecs="avc1.42E01E, mp4a.40.2"` becomes `video/mp4`)
-function getMimeFromType(type) {
-   // eslint-disable-next-line no-bitwise
-   if (type && ~type.indexOf(';')) {
-      return head(type.split(';'));
-   }
-   return type;
-}
-
-// Get the format of a specific media, either based on URL or its mime type
-function formatType(url, type) {
-   // if no type is supplied, fake it with the extension
-   if (url && !type) {
-      return getTypeFromFile(url);
-   }
-   return getMimeFromType(type);
-}
-
-// Get the type of media based on URL structure
-function getTypeFromFile(url) {
-
-   url = url.toLowerCase();
-
-   if (contains(url, 'rtmp')) {
-      if (contains(url, '.mp3')) {
-         return 'audio/rtmp';
-      }
-      return 'video/rtmp';
-   } else if (contains(url, '.oga') || contains(url, '.ogg')) {
-      return 'audio/ogg';
-   } else if (contains(url, '.m3u8') || contains(url, 'm3u8-aapl-v3')) {
-      return 'application/x-mpegURL';
-   } else if (contains(url, '.mpd')) {
-      return 'application/dash+xml';
-   }
-
-   // the do standard extension check
-   const ext = getExtension(url), normalizedExt = normalizeExtension(ext);
-   return (/(mp4|m4v|ogg|ogv|webm|webmv|flv|wmv|mpeg|mov)/gi.test(ext) ? 'video' : 'audio') + '/' + normalizedExt;
-}
-
-function getExtension(url) {
-   const pure = head(url.split('?'));
-   // eslint-disable-next-line no-bitwise
-   if (~pure.indexOf('.')) {
-      let idx = pure.lastIndexOf('.');
-      return pure.substring(++idx);
-   }
-   return '';
-}
-
-//  Get standard extension of a media file
-function normalizeExtension(extension) {
-   switch (extension) {
-   case 'mp4':
-   case 'm4v':
-      return 'mp4';
-   case 'webm':
-   case 'webma':
-   case 'webmv':
-      return 'webm';
-   case 'ogg':
-   case 'oga':
-   case 'ogv':
-      return 'ogg';
-   default:
-      return extension;
-   }
-}
-
-function selectRenderer(mediaFiles) {
-   for (let i = 0, il = renderers.length; i < il; i++) {
-      const renderer = renderers[i];
-      const res = renderer4files(renderer, mediaFiles);
-      if (existy(res)) {
-         return res;
-      }
-   }
-   return null;
-}
-
-function renderer4files(renderer, mediaFiles) {
-   const file = find(mediaFiles, file => renderer.canPlayType(file.type));
-   return existy(file) ? { rendererName: renderer.name, src: file.src } : null;
-}

package/src/flash/plugins.js

@@ -1,32 +0,0 @@
-import FlashPlugin from './FlashPlugin';
-
-const VIDEO_OPTIONS = {
-   prefix: 'flash_video',
-   filename: 'ravnur-flash-video.swf',
-   enablePseudoStreaming: false,
-   // start query parameter sent to server for pseudo-streaming
-   pseudoStreamingStartQueryParam: 'start',
-   // pseudo streaming type: use `time` for time based seeking (MP4) or `byte` for file byte position (FLV)
-   pseudoStreamingType: 'byte'
-};
-
-const HLS_OPTIONS = {
-   prefix: 'flash_hls',
-   filename: 'ravnur-flash-video-hls.swf'
-};
-
-const AUDIO_OPTIONS = {
-   prefix: 'flash_audio',
-   filename: 'ravnur-flash-audio.swf'
-};
-
-const SUPPORTED_VIDEO_FORMATS = ['video/mp4', 'video/flv', 'video/rtmp', 'audio/rtmp', 'rtmp/mp4', 'audio/mp4'];
-const SUPPORTED_HLS_FORMATS = ['audio/hls', 'video/hls', 'application/x-mpegURL',
-   'application/x-mpegurl', 'vnd.apple.mpegURL', 'audio/ism/manifest(format=m3u8-aapl-v3)'];
-
-// VIDEO
-export const VIDEO = new FlashPlugin('flash_video', VIDEO_OPTIONS, SUPPORTED_VIDEO_FORMATS);
-// HLS
-export const HLS = new FlashPlugin('flash_hls', HLS_OPTIONS, SUPPORTED_HLS_FORMATS);
-// AUDIO
-export const AUDIO = new FlashPlugin('flash_audio', AUDIO_OPTIONS, ['audio/mp3']);