@desynova-digital/player 3.9.7 → 4.0.0

package/components/zoom-control/ZoomBar.js

@@ -1,189 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-
-var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
-
-var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
-
-var _react = require('react');
-
-var _react2 = _interopRequireDefault(_react);
-
-var _styledComponents = require('styled-components');
-
-var _styledComponents2 = _interopRequireDefault(_styledComponents);
-
-var _propTypes = require('prop-types');
-
-var _Slider = require('../Slider');
-
-var _Slider2 = _interopRequireDefault(_Slider);
-
-var _ZoomLevel = require('./ZoomLevel');
-
-var _ZoomLevel2 = _interopRequireDefault(_ZoomLevel);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
-
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
-
-var ZoomControlBar = _styledComponents2.default.div.withConfig({
-  displayName: 'ZoomBar__ZoomControlBar',
-  componentId: 'sc-kco6ks-0'
-})(['height:100%;position:relative;cursor:pointer;z-index:1;width:100%;']);
-
-var propTypes = {
-  actions: _propTypes.PropTypes.instanceOf(Object),
-  player: _propTypes.PropTypes.instanceOf(Object),
-  vertical: _propTypes.PropTypes.bool,
-  onFocus: _propTypes.PropTypes.func,
-  onBlur: _propTypes.PropTypes.func
-};
-
-var ZoomBar = function (_Component) {
-  _inherits(ZoomBar, _Component);
-
-  function ZoomBar(props, context) {
-    _classCallCheck(this, ZoomBar);
-
-    var _this = _possibleConstructorReturn(this, (ZoomBar.__proto__ || Object.getPrototypeOf(ZoomBar)).call(this, props, context));
-
-    _this.state = {
-      percentage: '0%'
-    };
-
-    _this.handleMouseMove = _this.handleMouseMove.bind(_this);
-    _this.handlePercentageChange = _this.handlePercentageChange.bind(_this);
-    _this.getPercent = _this.getPercent.bind(_this);
-    _this.stepForward = _this.stepForward.bind(_this);
-    _this.stepBack = _this.stepBack.bind(_this);
-    _this.handleFocus = _this.handleFocus.bind(_this);
-    _this.handleBlur = _this.handleBlur.bind(_this);
-    _this.handleClick = _this.handleClick.bind(_this);
-    return _this;
-  }
-
-  _createClass(ZoomBar, [{
-    key: 'componentDidMount',
-    value: function componentDidMount() {}
-  }, {
-    key: 'getPercent',
-    value: function getPercent() {
-      var player = this.props.player;
-
-      return player.zoom;
-    }
-  }, {
-    key: 'handleMouseMove',
-    value: function handleMouseMove(event) {
-      var actions = this.props.actions;
-
-      var distance = this.slider.calculateDistance(event);
-      actions.handleZoomChange(distance);
-    }
-  }, {
-    key: 'stepForward',
-    value: function stepForward() {
-      var _props = this.props,
-          player = _props.player,
-          actions = _props.actions;
-
-      actions.handleZoomChange(player.zoom + 0.1);
-    }
-  }, {
-    key: 'stepBack',
-    value: function stepBack() {
-      var _props2 = this.props,
-          player = _props2.player,
-          actions = _props2.actions;
-
-      actions.handleZoomChange(player.zoom - 0.1);
-    }
-  }, {
-    key: 'handleFocus',
-    value: function handleFocus(e) {
-      var onFocus = this.props.onFocus;
-
-      if (onFocus) {
-        onFocus(e);
-      }
-    }
-  }, {
-    key: 'handleBlur',
-    value: function handleBlur(e) {
-      var onBlur = this.props.onBlur;
-
-      if (onBlur) {
-        onBlur(e);
-      }
-    }
-  }, {
-    key: 'handlePercentageChange',
-    value: function handlePercentageChange(percent) {
-      var percentage = this.state.percentage;
-
-      if (percent !== percentage) {
-        this.setState({
-          percentage: percent
-        });
-      }
-    }
-  }, {
-    key: 'handleClick',
-    value: function handleClick(event) {
-      event.stopPropagation();
-    }
-  }, {
-    key: 'render',
-    value: function render() {
-      var _this2 = this;
-
-      var _props3 = this.props,
-          player = _props3.player,
-          vertical = _props3.vertical;
-
-
-      var zoom = (player.zoom * 100).toFixed(2);
-      return _react2.default.createElement(
-        ZoomControlBar,
-        null,
-        _react2.default.createElement(
-          _Slider2.default,
-          _extends({
-            ref: function ref(c) {
-              _this2.slider = c;
-            },
-            label: 'zoom level',
-            valuenow: zoom,
-            valuetext: zoom + '%',
-            onMouseMove: this.handleMouseMove,
-            onFocus: this.handleFocus,
-            onBlur: this.handleBlur,
-            onClick: this.handleClick,
-            sliderActive: this.handleFocus,
-            sliderInactive: this.handleBlur,
-            getPercent: this.getPercent,
-            onPercentageChange: this.handlePercentageChange,
-            stepForward: this.stepForward,
-            stepBack: this.stepBack
-          }, this.props),
-          _react2.default.createElement(_ZoomLevel2.default, _extends({ vertical: vertical }, this.props))
-        )
-      );
-    }
-  }]);
-
-  return ZoomBar;
-}(_react.Component);
-
-ZoomBar.displayName = 'ZoomBar';
-ZoomBar.propTypes = propTypes;
-
-exports.default = ZoomBar;

package/components/zoom-control/ZoomLevel.js

@@ -1,68 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-
-var _propTypes = require('prop-types');
-
-var _react = require('react');
-
-var _react2 = _interopRequireDefault(_react);
-
-var _styledComponents = require('styled-components');
-
-var _styledComponents2 = _interopRequireDefault(_styledComponents);
-
-var _colors = require('../../colors');
-
-var _colors2 = _interopRequireDefault(_colors);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var propTypes = {
-  playerType: _propTypes.PropTypes.oneOf(['dubbing_review', 'clipping_default', 'default', 'tagging', 'qc', 'subtitle', 'snp_edit', 'archive', 'restore', 'clipping', 'storyboard', 'panel']),
-  percentage: _propTypes.PropTypes.string,
-  vertical: _propTypes.PropTypes.bool
-};
-
-var defaultProps = {
-  percentage: '100%',
-  vertical: false
-};
-
-var ZoomLevelBar = _styledComponents2.default.div.withConfig({
-  displayName: 'ZoomLevel__ZoomLevelBar',
-  componentId: 'sc-1t9ozlh-0'
-})(['position:absolute;width:100%;height:100%;left:0;top:', ';bottom:', ';background:', ';&:after{content:\'\';width:8px;height:8px;position:absolute;background:', ';border-radius:100%;right:-3px;top:-3px;box-shadow:0 0 14px 1px ', ';}'], function (props) {
-  return props.vertical ? 'initial' : '0px';
-}, function (props) {
-  return props.vertical ? '0px' : 'initial';
-}, function (props) {
-  return _colors2.default.common.video[props.assetType].base;
-}, function (props) {
-  return _colors2.default.common.video[props.assetType].base;
-}, function (props) {
-  return _colors2.default.common.video[props.assetType].base;
-});
-
-function ZoomLevel(_ref) {
-  var percentage = _ref.percentage,
-      vertical = _ref.vertical,
-      playerType = _ref.playerType,
-      assetType = _ref.assetType;
-
-  var style = {};
-  if (vertical) {
-    style.height = percentage;
-  } else {
-    style.width = percentage;
-  }
-
-  return _react2.default.createElement(ZoomLevelBar, { style: style, playerType: playerType, vertical: vertical, assetType: assetType });
-}
-
-ZoomLevel.propTypes = propTypes;
-ZoomLevel.defaultProps = defaultProps;
-ZoomLevel.displayName = 'ZoomLevel';
-exports.default = ZoomLevel;

package/reducers/index.js

@@ -1,23 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.operationReducer = exports.playerReducer = undefined;
-
-exports.default = function () {
-  var state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  var action = arguments[1];
-
-  return {
-    player: (0, _player.player)(state.player, action),
-    operation: (0, _operation.operation)(state.operation, action)
-  };
-};
-
-var _player = require('./player');
-
-var _operation = require('./operation');
-
-var playerReducer = exports.playerReducer = _player.player;
-var operationReducer = exports.operationReducer = _operation.operation;

package/reducers/operation.js

@@ -1,36 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-
-var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
-
-exports.operation = operation;
-
-var _player = require('../actions/player');
-
-var initialState = {
-  count: 0,
-  operation: {
-    action: '',
-    source: ''
-  }
-};
-
-function operation() {
-  var state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : initialState;
-  var action = arguments[1];
-
-  switch (action.type) {
-    case _player.OPERATE:
-      return _extends({}, state, {
-        count: state.count + 1,
-        operation: _extends({}, state.operation, action.operation)
-      });
-    default:
-      return state;
-  }
-}
-
-exports.default = operation;

package/reducers/player.js

@@ -1,222 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-
-var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
-
-exports.player = player;
-
-var _video = require('../actions/video');
-
-var _player = require('../actions/player');
-
-var initialState = {
-  currentSrc: null,
-  duration: 0,
-  currentTime: 0,
-  seekingTime: 0,
-  leftMarker: -1,
-  rightMarker: -1,
-  selectedMarker: {},
-  markerType: 'create',
-  SDBorderActive: true,
-  buffered: null,
-  waiting: false,
-  seeking: false,
-  paused: true,
-  autoPaused: false,
-  ended: false,
-  playbackRate: 1,
-  muted: false,
-  volume: 1,
-  zoom: 0,
-  readyState: 0,
-  networkState: 0,
-  videoWidth: 0,
-  videoHeight: 0,
-  hasStarted: false,
-  userActivity: true,
-  isActive: false,
-  isFullscreen: false,
-  playerType: 'default',
-  controlType: 'default',
-  previewActive: false,
-  audioTracksArr: [],
-  activeAudio: {},
-  markerCreate: false,
-  rewindActive: false,
-  HLSConfig: {
-    debug: true,
-    capLevelToPlayerSize: false,
-    maxBufferLength: 10,
-    maxMaxBufferLength: 600,
-    maxBufferSize: 30,
-    enableWebVTT: false,
-    enableCEA708Captions: false
-  }
-};
-
-function player() {
-  var state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : initialState;
-  var action = arguments[1];
-
-  switch (action.type) {
-    case _player.USER_ACTIVATE:
-      return _extends({}, state, {
-        userActivity: action.activity
-      });
-    case _player.PLAYER_ACTIVATE:
-      return _extends({}, state, {
-        isActive: action.activity
-      });
-    case _player.FULLSCREEN_CHANGE:
-      return _extends({}, state, {
-        isFullscreen: !!action.isFullscreen
-      });
-    case _player.PREVIEW_VIDEO:
-      return _extends({}, state, {
-        previewActive: action.active
-      });
-    case _player.REWIND_VIDEO:
-      return _extends({}, state, {
-        rewindActive: action.active
-      });
-    case _video.SEEKING_TIME:
-      return _extends({}, state, {
-        seekingTime: action.time
-      });
-    case _video.END_SEEKING:
-      return _extends({}, state, {
-        seekingTime: 0
-      });
-    case _video.LOAD_START:
-      return _extends({}, state, action.videoProps, {
-        hasStarted: false,
-        ended: false
-      });
-    case _video.CAN_PLAY:
-      return _extends({}, state, action.videoProps, {
-        waiting: false
-      });
-    case _video.WAITING:
-      return _extends({}, state, action.videoProps, {
-        waiting: true
-      });
-    case _video.CAN_PLAY_THROUGH:
-    case _video.PLAYING:
-      return _extends({}, state, action.videoProps, {
-        waiting: false
-      });
-    case _video.PLAY:
-      return _extends({}, state, action.videoProps, {
-        ended: false,
-        paused: false,
-        autoPaused: false,
-        waiting: false,
-        hasStarted: true
-      });
-    case _video.PAUSE:
-      return _extends({}, state, action.videoProps, {
-        paused: true
-      });
-    case _video.END:
-      return _extends({}, state, action.videoProps, {
-        ended: true
-      });
-    case _video.SEEKING:
-      return _extends({}, state, action.videoProps, {
-        seeking: true
-      });
-    case _video.SEEKED:
-      return _extends({}, state, action.videoProps, {
-        seeking: false
-      });
-    case _video.ERROR:
-      return _extends({}, state, action.videoProps, {
-        error: 'UNKNOWN ERROR',
-        ended: true
-      });
-    case _player.PLAYER_TYPE:
-      return _extends({}, state, {
-        playerType: action.playerType
-      });
-    case _player.AUDIO_TRACKS:
-      return _extends({}, state, {
-        audioTracksArr: action.tracks
-      });
-    case _player.ACTIVE_AUDIO_TRACK:
-      return _extends({}, state, {
-        activeAudio: action.track
-      });
-    case _player.ZOOM_CHANGE:
-      return _extends({}, state, {
-        zoom: action.z
-      });
-    case _player.MARKER_CREATE:
-      {
-        var markerState = _extends({}, state);
-        markerState.markerCreate = action.markerCreate;
-
-        return markerState;
-      }
-    case _player.MARKER_POINT_CHANGE:
-      {
-        var _markerState = _extends({}, state);
-        if (action.leftMarker && action.rightMarker) {
-          _markerState.leftMarker = action.leftMarker;
-          _markerState.rightMarker = action.rightMarker;
-        } else if (action.leftMarker > -1 && !action.rightMarker) {
-          _markerState.leftMarker = action.leftMarker;
-        } else if (!action.leftMarker && action.rightMarker > -1) {
-          _markerState.rightMarker = action.rightMarker;
-        }
-        _markerState.markerType = action.markerType || 'create';
-        _markerState.markerCreate = state.leftMarker > -1 && state.rightMarker > -1 && !state.markerCreate ? false : action.markerCreate;
-        _markerState.selectedMarker = _markerState.markerType === 'update' ? action.selectedMarker || state.selectedMarker : action.selectedMarker || {};
-        return _markerState;
-      }
-    case _player.MARKER_UPDATE:
-      {
-        var _markerState2 = _extends({}, state);
-        _markerState2.leftMarker = action.leftMarker;
-        _markerState2.rightMarker = action.rightMarker;
-        _markerState2.markerType = 'update';
-        _markerState2.selectedMarker = action.selectedMarker;
-        return _markerState2;
-      }
-    case _player.CONTROL_TYPE:
-      return _extends({}, state, {
-        controlType: action.controlType
-      });
-    case _player.SD_BORDER_SWITCH:
-      return _extends({}, state, {
-        SDBorderActive: action.SDBorderActive
-      });
-    case _video.DURATION_CHANGE:
-    case _video.TIME_UPDATE:
-    case _video.VOLUME_CHANGE:
-    case _video.PROGRESS_CHANGE:
-    case _video.RATE_CHANGE:
-    case _video.SUSPEND:
-    case _video.ABORT:
-    case _video.EMPTIED:
-    case _video.STALLED:
-    case _video.LOADED_META_DATA:
-    case _video.LOADED_DATA:
-    case _video.RESIZE:
-      {
-        var newState = _extends({}, state, action.videoProps);
-        if (action.videoProps.paused === false) {
-          newState.hasStarted = true;
-          newState.waiting = false;
-        }
-        return newState;
-      }
-    default:
-      return state;
-  }
-}
-
-exports.default = player;

package/utils/browser.js

@@ -1,29 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var USER_AGENT = typeof window !== 'undefined' && window.navigator ? window.navigator.userAgent : '';
-/*
- * const webkitVersionMap = (/AppleWebKit\/([\d.]+)/i).exec(USER_AGENT);
- * const appleWebkitVersion = webkitVersionMap ?
- * parseFloat(webkitVersionMap.pop()) : null;
- */
-
-/*
- * Device is an iPhone
- *
- * @type {Boolean}
- * @constant
- * @private
- */
-var IS_IPAD = exports.IS_IPAD = /iPad/i.test(USER_AGENT);
-
-/*
- * The Facebook app's UIWebView identifies as both an iPhone and iPad, so
- * to identify iPhones, we need to exclude iPads.
- * http://artsy.github.io/blog/2012/10/18/the-perils-of-ios-user-agent-sniffing/
- */
-var IS_IPHONE = exports.IS_IPHONE = /iPhone/i.test(USER_AGENT) && !IS_IPAD;
-var IS_IPOD = exports.IS_IPOD = /iPod/i.test(USER_AGENT);
-var IS_IOS = exports.IS_IOS = IS_IPHONE || IS_IPAD || IS_IPOD;

package/utils/dom.js

@@ -1,104 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.findElPosition = findElPosition;
-exports.getPointerPosition = getPointerPosition;
-exports.blurNode = blurNode;
-exports.hasClass = hasClass;
-
-var _reactDom = require('react-dom');
-
-/**
- * Offset Left
- * getBoundingClientRect technique from
- * John Resig http://ejohn.org/blog/getboundingclientrect-is-awesome/
- *
- * @function findElPosition
- * @param {Element} el Element from which to get offset
- * @return {Object}
- */
-function findElPosition(el) {
-  var box = void 0;
-
-  if (el.getBoundingClientRect && el.parentNode) {
-    box = el.getBoundingClientRect();
-  }
-
-  if (!box) {
-    return {
-      left: 0,
-      top: 0
-    };
-  }
-
-  var docEl = document.documentElement;
-  var body = document.body;
-
-  var clientLeft = docEl.clientLeft || body.clientLeft || 0;
-  var scrollLeft = window.pageXOffset || body.scrollLeft;
-  var left = box.left + scrollLeft - clientLeft;
-
-  var clientTop = docEl.clientTop || body.clientTop || 0;
-  var scrollTop = window.pageYOffset || body.scrollTop;
-  var top = box.top + scrollTop - clientTop;
-
-  // Android sometimes returns slightly off decimal values, so need to round
-  return {
-    left: Math.round(left),
-    top: Math.round(top)
-  };
-}
-
-/**
- * Get pointer position in element
- * Returns an object with x and y coordinates.
- * The base on the coordinates are the bottom left of the element.
- *
- * @function getPointerPosition
- * @param {Element} el Element on which to get the pointer position on
- * @param {Event} event Event object
- * @return {Object} This object will have x and y
- * coordinates corresponding to the mouse position
- */
-function getPointerPosition(el, event) {
-  var position = {};
-  var box = findElPosition(el);
-  var boxW = el.offsetWidth;
-  var boxH = el.offsetHeight;
-
-  var boxY = box.top;
-  var boxX = box.left;
-  var pageY = event.pageY;
-  var pageX = event.pageX;
-
-  if (event.changedTouches) {
-    pageX = event.changedTouches[0].pageX;
-    pageY = event.changedTouches[0].pageY;
-  }
-
-  position.y = Math.max(0, Math.min(1, (boxY - pageY + boxH) / boxH));
-  position.x = Math.max(0, Math.min(1, (pageX - boxX) / boxW));
-
-  return position;
-}
-
-// blur an element
-function blurNode(reactNode) {
-  var domNode = (0, _reactDom.findDOMNode)(reactNode);
-  if (domNode && domNode.blur) {
-    domNode.blur();
-  }
-}
-
-// check if an element has a class name
-function hasClass(elm, cls) {
-  var classes = elm.className.split(' ');
-  for (var i = 0; i < classes.length; i++) {
-    if (classes[i].toLowerCase() === cls.toLowerCase()) {
-      return true;
-    }
-  }
-  return false;
-}