Skip to content
Snippets Groups Projects
Select Git revision
  • e366a53790bc263cae34541dbd64e748ae9ab8b2
  • mui5-annotation-on-video-stable default
  • get_setter_canvasSizeInformations
  • fix-error-div-into-p
  • annotation-on-video-v2
  • detached
  • annotation-on-video-r17
  • mui5
  • mui5-react-18
  • jacob-test
  • annotation-on-video protected
  • master
  • test-antoinev1
  • 20-fetch-thumbnail-on-annotation
  • add-research-field
  • Save
  • add-plugin
  • 14-wip-no-seek-to
  • 14-bug-on-video-time-control
  • 9_wip_videotests
  • _upgrade_material_ui
  • latest-tetras-16
  • v3.3.0
  • v3.2.0
  • v3.1.1
  • v3.1.0
  • v3.0.0
  • v3.0.0-rc.7
  • v3.0.0-rc.6
  • v3.0.0-rc.5
  • v3.0.0-rc.4
  • v3.0.0-rc.3
  • v3.0.0-rc.2
  • v3.0.0-rc.1
  • v3.0.0-beta.10
  • v3.0.0-beta.9
  • v3.0.0-beta.8
  • v3.0.0-beta.7
  • v3.0.0-beta.6
  • v3.0.0-beta.5
  • v3.0.0-beta.3
41 results

VideoViewer.js

Blame
  • VideoViewer.js 1.86 KiB
    import { connect } from 'react-redux';
    import { compose } from 'redux';
    import { withTranslation } from 'react-i18next';
    import { withStyles } from '@material-ui/core';
    import { withPlugins } from '../extend/withPlugins';
    import * as actions from '../state/actions';
    import { VideoViewer } from '../components/VideoViewer';
    import {
      getConfig,
      getCurrentCanvas,
      getCurrentCanvasWorld,
      getWindowMutedStatus,
      getWindowPausedStatus,
      getWindowCurrentTime,
      getWindowTextTrackDisabledStatus,
      getPresentAnnotationsOnSelectedCanvases,
    } from '../state/selectors';
    
    /** */
    const mapStateToProps = (state, { windowId }) => ({
      annotations: getPresentAnnotationsOnSelectedCanvases(state, { windowId }),
      canvas: (getCurrentCanvas(state, { windowId }) || {}),
      canvasWorld: getCurrentCanvasWorld(state, { windowId }),
      currentTime: getWindowCurrentTime(state, { windowId }),
      muted: getWindowMutedStatus(state, { windowId }),
      paused: getWindowPausedStatus(state, { windowId }),
      textTrackDisabled: getWindowTextTrackDisabledStatus(state, { windowId }),
      videoOptions: getConfig(state).videoOptions,
    });
    
    /** */
    const mapDispatchToProps = (dispatch, { windowId }) => ({
      setCurrentTime: (...args) => dispatch(actions.setWindowCurrentTime(windowId, ...args)),
      setHasTextTrack: (...args) => dispatch(actions.setWindowHasTextTrack(windowId, ...args)),
      setPaused: (...args) => dispatch(actions.setWindowPaused(windowId, ...args)),
    });
    
    /** */
    const styles = () => ({
      flexContainer: {
        alignItems: 'center',
        display: 'flex',
        width: '100%',
      },
      flexFill: {
        height: '100%',
        position: 'relative',
        width: '100%',
      },
      video: {
        height: 'auto',
        width: '100%',
      },
    });
    
    const enhance = compose(
      withTranslation(),
      withStyles(styles),
      connect(mapStateToProps, mapDispatchToProps),
      withPlugins('VideoViewer'),
    );
    
    export default enhance(VideoViewer);