@desynova-digital/player 4.0.0 → 4.0.2

package/Manager.js

@@ -0,0 +1,99 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _redux = require("redux");
+var _reducers = _interopRequireDefault(require("./reducers"));
+var playerActions = _interopRequireWildcard(require("./actions/player"));
+var videoActions = _interopRequireWildcard(require("./actions/video"));
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a 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, _toPropertyKey(descriptor.key), descriptor); } }
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+var Manager = exports["default"] = /*#__PURE__*/function () {
+  function Manager(store) {
+    _classCallCheck(this, Manager);
+    this.store = store || (0, _redux.createStore)(_reducers["default"]);
+    this.video = null;
+    this.rootElement = null;
+  }
+  _createClass(Manager, [{
+    key: "getActions",
+    value: function getActions() {
+      var manager = this;
+      var dispatch = this.store.dispatch;
+      var actions = _objectSpread(_objectSpread({}, playerActions), videoActions);
+      function bindActionCreator(actionCreator) {
+        return function bindAction() {
+          // eslint-disable-next-line prefer-rest-params
+          var action = actionCreator.apply(manager, arguments);
+          if (typeof action !== 'undefined') {
+            dispatch(action);
+          }
+        };
+      }
+      return Object.keys(actions).filter(function (key) {
+        return typeof actions[key] === 'function';
+      }).reduce(function (boundActions, key) {
+        boundActions[key] = bindActionCreator(actions[key]);
+        return boundActions;
+      }, {});
+    }
+  }, {
+    key: "getState",
+    value: function getState() {
+      return this.store.getState();
+    }
+
+    // subscribe state change
+  }, {
+    key: "subscribeToStateChange",
+    value: function subscribeToStateChange(listener, getState) {
+      if (!getState) {
+        getState = this.getState.bind(this);
+      }
+      var prevState = getState();
+      var handleChange = function handleChange() {
+        var state = getState();
+        if (state === prevState) {
+          return;
+        }
+        var prevStateCopy = prevState;
+        prevState = state;
+        listener(state, prevStateCopy);
+      };
+      return this.store.subscribe(handleChange);
+    }
+
+    // subscribe to operation state change
+  }, {
+    key: "subscribeToOperationStateChange",
+    value: function subscribeToOperationStateChange(listener) {
+      var _this = this;
+      return this.subscribeToStateChange(listener, function () {
+        return _this.getState().operation;
+      });
+    }
+
+    // subscribe to player state change
+  }, {
+    key: "subscribeToPlayerStateChange",
+    value: function subscribeToPlayerStateChange(listener) {
+      var _this2 = this;
+      return this.subscribeToStateChange(listener, function () {
+        return _this2.getState().player;
+      });
+    }
+  }]);
+  return Manager;
+}();

package/actions/player.js

@@ -0,0 +1,331 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ZOOM_CHANGE = exports.USER_ACTIVATE = exports.SD_BORDER_SWITCH = exports.REWIND_VIDEO = exports.PREVIEW_VIDEO = exports.PLAYER_TYPE = exports.PLAYER_ACTIVATE = exports.OPERATE = exports.MARKER_UPDATE = exports.MARKER_POINT_CHANGE = exports.MARKER_CREATE = exports.FULLSCREEN_CHANGE = exports.CONTROL_TYPE = exports.AUDIO_TRACKS = exports.ACTIVE_AUDIO_TRACK = void 0;
+exports.activate = activate;
+exports.changeRate = changeRate;
+exports.changeVolume = changeVolume;
+exports.forward = forward;
+exports.handleAudioTrackChange = handleAudioTrackChange;
+exports.handleAudioTracks = handleAudioTracks;
+exports.handleControlType = handleControlType;
+exports.handleFullscreenChange = handleFullscreenChange;
+exports.handleMarkerPointChange = handleMarkerPointChange;
+exports.handleMarkerUpdate = handleMarkerUpdate;
+exports.handlePlayerType = handlePlayerType;
+exports.handleSDBorderChange = handleSDBorderChange;
+exports.handleVideoPreview = handleVideoPreview;
+exports.handleVideoRewind = handleVideoRewind;
+exports.handleZoomChange = handleZoomChange;
+exports.mute = mute;
+exports.pause = pause;
+exports.play = play;
+exports.replay = replay;
+exports.seek = seek;
+exports.toggleFullscreen = toggleFullscreen;
+exports.togglePlay = togglePlay;
+exports.userActivate = userActivate;
+var _fullscreen = _interopRequireDefault(require("../utils/fullscreen"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+var OPERATE = exports.OPERATE = 'video-react/OPERATE';
+var FULLSCREEN_CHANGE = exports.FULLSCREEN_CHANGE = 'video-react/FULLSCREEN_CHANGE';
+var SD_BORDER_SWITCH = exports.SD_BORDER_SWITCH = 'video-react/SD_BORDER_SWITCH';
+var PLAYER_ACTIVATE = exports.PLAYER_ACTIVATE = 'video-react/PLAYER_ACTIVATE';
+var USER_ACTIVATE = exports.USER_ACTIVATE = 'video-react/USER_ACTIVATE';
+var PLAYER_TYPE = exports.PLAYER_TYPE = 'video-react/PLAYER_TYPE';
+var CONTROL_TYPE = exports.CONTROL_TYPE = 'video-react/CONTROL_TYPE';
+var ZOOM_CHANGE = exports.ZOOM_CHANGE = 'video-react/ZOOM_CHANGE';
+var MARKER_POINT_CHANGE = exports.MARKER_POINT_CHANGE = 'video-react/MARKER_POINT_CHANGE';
+var MARKER_CREATE = exports.MARKER_CREATE = 'video-react/MARKER_CREATE';
+var MARKER_UPDATE = exports.MARKER_UPDATE = 'video-react/MARKER_UPDATE';
+var PREVIEW_VIDEO = exports.PREVIEW_VIDEO = 'video-react/PREVIEW_VIDEO';
+var REWIND_VIDEO = exports.REWIND_VIDEO = 'video-react/REWIND_VIDEO';
+var AUDIO_TRACKS = exports.AUDIO_TRACKS = 'video-react/AUDIO_TRACKS';
+var ACTIVE_AUDIO_TRACK = exports.ACTIVE_AUDIO_TRACK = 'video-react/ACTIVE_AUDIO_TRACK';
+function handleFullscreenChange(isFullscreen) {
+  return {
+    type: FULLSCREEN_CHANGE,
+    isFullscreen: isFullscreen
+  };
+}
+function handleVideoPreview(active) {
+  return {
+    type: PREVIEW_VIDEO,
+    active: active
+  };
+}
+function handleVideoRewind(active) {
+  return {
+    type: REWIND_VIDEO,
+    active: active
+  };
+}
+function activate(activity) {
+  return {
+    type: PLAYER_ACTIVATE,
+    activity: activity
+  };
+}
+function userActivate(activity) {
+  return {
+    type: USER_ACTIVATE,
+    activity: activity
+  };
+}
+function play() {
+  var operation = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {
+    action: 'play',
+    source: ''
+  };
+  this.video.play();
+  return {
+    type: OPERATE,
+    operation: operation
+  };
+}
+function pause() {
+  var operation = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {
+    action: 'pause',
+    source: ''
+  };
+  this.video.pause();
+  var currentTime = this.video.video.currentTime;
+  this.video.seek(currentTime);
+  return {
+    type: OPERATE,
+    operation: operation
+  };
+}
+function togglePlay() {
+  var operation = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {
+    action: 'toggle-play',
+    source: ''
+  };
+  this.video.togglePlay();
+  return {
+    type: OPERATE,
+    operation: operation
+  };
+}
+
+// seek video by time
+function seek(time) {
+  var operation = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {
+    action: 'seek',
+    source: ''
+  };
+  this.video.seek(time);
+  return {
+    type: OPERATE,
+    operation: operation
+  };
+}
+
+// jump forward x seconds
+function forward(seconds) {
+  var operation = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {
+    action: "forward-".concat(seconds),
+    source: ''
+  };
+  if (seconds < 1) {
+    this.video.pause();
+  }
+  this.video.forward(seconds);
+  return {
+    type: OPERATE,
+    operation: operation
+  };
+}
+
+// jump back x seconds
+function replay(seconds) {
+  var operation = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {
+    action: "replay-".concat(seconds),
+    source: ''
+  };
+  if (seconds < 1) {
+    this.video.pause();
+  }
+  this.video.replay(seconds);
+  return {
+    type: OPERATE,
+    operation: operation
+  };
+}
+function changeRate(rate) {
+  var operation = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {
+    action: 'change-rate',
+    source: ''
+  };
+  this.video.playbackRate = rate;
+  return {
+    type: OPERATE,
+    operation: operation
+  };
+}
+function changeVolume(volume) {
+  var operation = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {
+    action: 'change-volume',
+    source: ''
+  };
+  var v = volume;
+  if (volume < 0) {
+    v = 0;
+  }
+  if (volume > 1) {
+    v = 1;
+  }
+  this.video.volume = v;
+  return {
+    type: OPERATE,
+    operation: operation
+  };
+}
+function mute(muted) {
+  var operation = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {
+    action: muted ? 'muted' : 'unmuted',
+    source: ''
+  };
+  this.video.muted = muted;
+  return {
+    type: OPERATE,
+    operation: operation
+  };
+}
+function toggleFullscreen(player) {
+  if (_fullscreen["default"].enabled) {
+    var elem = document.getElementsByClassName('left-video-section')[0];
+    if (_fullscreen["default"].isFullscreen) {
+      _fullscreen["default"].exit();
+    } else {
+      _fullscreen["default"].request(elem);
+    }
+    return {
+      type: OPERATE,
+      operation: {
+        action: 'toggle-fullscreen',
+        source: ''
+      }
+    };
+  }
+  return {
+    type: FULLSCREEN_CHANGE,
+    isFullscreen: !player.isFullscreen
+  };
+}
+function handleAudioTracks(tracks) {
+  return {
+    type: AUDIO_TRACKS,
+    tracks: tracks
+  };
+}
+function handleAudioTrackChange(track) {
+  return {
+    type: ACTIVE_AUDIO_TRACK,
+    track: track
+  };
+}
+function handlePlayerType(playerType) {
+  return {
+    type: PLAYER_TYPE,
+    playerType: playerType
+  };
+}
+function handleControlType(controlType) {
+  return {
+    type: CONTROL_TYPE,
+    controlType: controlType
+  };
+}
+function handleZoomChange(zoom) {
+  var z = zoom;
+  if (zoom < 0) {
+    z = 0;
+  }
+  if (zoom > 1) {
+    z = 1;
+  }
+  return {
+    type: ZOOM_CHANGE,
+    z: z
+  };
+}
+function handleMarkerPointChange(type, marker, timePos) {
+  var leftMarker;
+  var rightMarker;
+  var data;
+  if (type === 'add') {
+    if (marker === 'left') {
+      leftMarker = timePos;
+      data = {
+        type: MARKER_POINT_CHANGE,
+        leftMarker: leftMarker,
+        markerCreate: true
+      };
+    }
+    if (marker === 'right') {
+      rightMarker = timePos;
+      data = {
+        type: MARKER_POINT_CHANGE,
+        rightMarker: rightMarker,
+        markerCreate: true
+      };
+    }
+  } else if (type === 'update') {
+    if (marker === 'left') {
+      leftMarker = timePos;
+      data = {
+        type: MARKER_POINT_CHANGE,
+        leftMarker: leftMarker,
+        markerCreate: false,
+        markerType: 'update'
+      };
+    }
+    if (marker === 'right') {
+      rightMarker = timePos;
+      data = {
+        type: MARKER_POINT_CHANGE,
+        rightMarker: rightMarker,
+        markerCreate: false,
+        markerType: 'update'
+      };
+    }
+  } else if (type === 'delete') {
+    leftMarker = -1;
+    rightMarker = -1;
+    data = {
+      type: MARKER_POINT_CHANGE,
+      leftMarker: leftMarker,
+      rightMarker: rightMarker,
+      markerCreate: true,
+      selectedMarker: {}
+    };
+  } else if (type === 'create') {
+    data = {
+      type: MARKER_CREATE,
+      markerCreate: false
+    };
+  }
+  return data;
+}
+function handleMarkerUpdate(leftMarker, rightMarker) {
+  var data = {
+    type: MARKER_UPDATE,
+    leftMarker: leftMarker,
+    rightMarker: rightMarker,
+    selectedMarker: {
+      leftMarker: leftMarker,
+      rightMarker: rightMarker
+    }
+  };
+  return data;
+}
+function handleSDBorderChange(SDBorderActive) {
+  var data = {
+    type: SD_BORDER_SWITCH,
+    SDBorderActive: SDBorderActive
+  };
+  return data;
+}

package/actions/video.js

@@ -0,0 +1,206 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.WAITING = exports.VOLUME_CHANGE = exports.TIME_UPDATE = exports.SUSPEND = exports.STALLED = exports.SEEKING_TIME = exports.SEEKING = exports.SEEKED = exports.RESIZE = exports.RATE_CHANGE = exports.PROGRESS_CHANGE = exports.PLAYING = exports.PLAY = exports.PAUSE = exports.LOAD_START = exports.LOADED_META_DATA = exports.LOADED_DATA = exports.ERROR = exports.END_SEEKING = exports.END = exports.EMPTIED = exports.DURATION_CHANGE = exports.CAN_PLAY_THROUGH = exports.CAN_PLAY = exports.ABORT = void 0;
+exports.handleAbort = handleAbort;
+exports.handleCanPlay = handleCanPlay;
+exports.handleCanPlayThrough = handleCanPlayThrough;
+exports.handleDurationChange = handleDurationChange;
+exports.handleEmptied = handleEmptied;
+exports.handleEnd = handleEnd;
+exports.handleEndSeeking = handleEndSeeking;
+exports.handleError = handleError;
+exports.handleLoadStart = handleLoadStart;
+exports.handleLoadedData = handleLoadedData;
+exports.handleLoadedMetaData = handleLoadedMetaData;
+exports.handlePause = handlePause;
+exports.handlePlay = handlePlay;
+exports.handlePlaying = handlePlaying;
+exports.handleProgressChange = handleProgressChange;
+exports.handleRateChange = handleRateChange;
+exports.handleResize = handleResize;
+exports.handleSeeked = handleSeeked;
+exports.handleSeeking = handleSeeking;
+exports.handleSeekingTime = handleSeekingTime;
+exports.handleStalled = handleStalled;
+exports.handleSuspend = handleSuspend;
+exports.handleTimeUpdate = handleTimeUpdate;
+exports.handleVolumeChange = handleVolumeChange;
+exports.handleWaiting = handleWaiting;
+var LOAD_START = exports.LOAD_START = 'video-react/LOAD_START';
+var CAN_PLAY = exports.CAN_PLAY = 'video-react/CAN_PLAY';
+var WAITING = exports.WAITING = 'video-react/WAITING';
+var CAN_PLAY_THROUGH = exports.CAN_PLAY_THROUGH = 'video-react/CAN_PLAY_THROUGH';
+var PLAYING = exports.PLAYING = 'video-react/PLAYING';
+var PLAY = exports.PLAY = 'video-react/PLAY';
+var PAUSE = exports.PAUSE = 'video-react/PAUSE';
+var END = exports.END = 'video-react/END';
+var SEEKING = exports.SEEKING = 'video-react/SEEKING';
+var SEEKED = exports.SEEKED = 'video-react/SEEKED';
+var SEEKING_TIME = exports.SEEKING_TIME = 'video-react/SEEKING_TIME';
+var END_SEEKING = exports.END_SEEKING = 'video-react/END_SEEKING';
+var DURATION_CHANGE = exports.DURATION_CHANGE = 'video-react/DURATION_CHANGE';
+var TIME_UPDATE = exports.TIME_UPDATE = 'video-react/TIME_UPDATE';
+var VOLUME_CHANGE = exports.VOLUME_CHANGE = 'video-react/VOLUME_CHANGE';
+var PROGRESS_CHANGE = exports.PROGRESS_CHANGE = 'video-react/PROGRESS_CHANGE';
+var RATE_CHANGE = exports.RATE_CHANGE = 'video-react/RATE_CHANGE';
+var SUSPEND = exports.SUSPEND = 'video-react/SUSPEND';
+var ABORT = exports.ABORT = 'video-react/ABORT';
+var EMPTIED = exports.EMPTIED = 'video-react/EMPTIED';
+var STALLED = exports.STALLED = 'video-react/STALLED';
+var LOADED_META_DATA = exports.LOADED_META_DATA = 'video-react/LOADED_META_DATA';
+var LOADED_DATA = exports.LOADED_DATA = 'video-react/LOADED_DATA';
+var RESIZE = exports.RESIZE = 'video-react/RESIZE';
+var ERROR = exports.ERROR = 'video-react/ERROR';
+function handleLoadStart(videoProps) {
+  return {
+    type: LOAD_START,
+    videoProps: videoProps
+  };
+}
+function handleCanPlay(videoProps) {
+  return {
+    type: CAN_PLAY,
+    videoProps: videoProps
+  };
+}
+function handleWaiting(videoProps) {
+  return {
+    type: WAITING,
+    videoProps: videoProps
+  };
+}
+function handleCanPlayThrough(videoProps) {
+  return {
+    type: CAN_PLAY_THROUGH,
+    videoProps: videoProps
+  };
+}
+function handlePlaying(videoProps) {
+  return {
+    type: PLAYING,
+    videoProps: videoProps
+  };
+}
+function handlePlay(videoProps) {
+  return {
+    type: PLAY,
+    videoProps: videoProps
+  };
+}
+function handlePause(videoProps) {
+  return {
+    type: PAUSE,
+    videoProps: videoProps
+  };
+}
+function handleEnd(videoProps) {
+  return {
+    type: END,
+    videoProps: videoProps
+  };
+}
+function handleSeeking(videoProps) {
+  return {
+    type: SEEKING,
+    videoProps: videoProps
+  };
+}
+function handleSeeked(videoProps) {
+  return {
+    type: SEEKED,
+    videoProps: videoProps
+  };
+}
+function handleDurationChange(videoProps) {
+  return {
+    type: DURATION_CHANGE,
+    videoProps: videoProps
+  };
+}
+function handleTimeUpdate(videoProps) {
+  return {
+    type: TIME_UPDATE,
+    videoProps: videoProps
+  };
+}
+function handleVolumeChange(videoProps) {
+  return {
+    type: VOLUME_CHANGE,
+    videoProps: videoProps
+  };
+}
+function handleProgressChange(videoProps) {
+  return {
+    type: PROGRESS_CHANGE,
+    videoProps: videoProps
+  };
+}
+function handleRateChange(videoProps) {
+  return {
+    type: RATE_CHANGE,
+    videoProps: videoProps
+  };
+}
+function handleSuspend(videoProps) {
+  return {
+    type: SUSPEND,
+    videoProps: videoProps
+  };
+}
+function handleAbort(videoProps) {
+  return {
+    type: ABORT,
+    videoProps: videoProps
+  };
+}
+function handleEmptied(videoProps) {
+  return {
+    type: EMPTIED,
+    videoProps: videoProps
+  };
+}
+function handleStalled(videoProps) {
+  return {
+    type: STALLED,
+    videoProps: videoProps
+  };
+}
+function handleLoadedMetaData(videoProps) {
+  return {
+    type: LOADED_META_DATA,
+    videoProps: videoProps
+  };
+}
+function handleLoadedData(videoProps) {
+  return {
+    type: LOADED_DATA,
+    videoProps: videoProps
+  };
+}
+function handleResize(videoProps) {
+  return {
+    type: RESIZE,
+    videoProps: videoProps
+  };
+}
+function handleError(videoProps) {
+  return {
+    type: ERROR,
+    videoProps: videoProps
+  };
+}
+function handleSeekingTime(time) {
+  return {
+    type: SEEKING_TIME,
+    time: time
+  };
+}
+function handleEndSeeking(time) {
+  return {
+    type: END_SEEKING,
+    time: time
+  };
+}

package/{utils/colors.js → colors.js}

@@ -443,5 +443,4 @@ var colors = {
     }
   }
 };
-var _default = colors;
-exports["default"] = _default;
+var _default = exports["default"] = colors;