66 lines
1.6 KiB
JavaScript
66 lines
1.6 KiB
JavaScript
// @flow
|
|
|
|
import React from 'react';
|
|
|
|
import { Video } from '../../../media';
|
|
import { connect } from '../../../redux';
|
|
import { getLocalVideoTrack } from '../../../tracks';
|
|
|
|
export type Props = {
|
|
|
|
/**
|
|
* Flag controlling whether the video should be flipped or not.
|
|
*/
|
|
flipVideo: boolean,
|
|
|
|
/**
|
|
* Flag signaling the visibility of camera preview.
|
|
*/
|
|
videoMuted: boolean,
|
|
|
|
/**
|
|
* The JitsiLocalTrack to display.
|
|
*/
|
|
videoTrack: ?Object,
|
|
};
|
|
|
|
/**
|
|
* Component showing the video preview and device status.
|
|
*
|
|
* @param {Props} props - The props of the component.
|
|
* @returns {ReactElement}
|
|
*/
|
|
function Preview(props: Props) {
|
|
const { videoMuted, videoTrack, flipVideo } = props;
|
|
const className = flipVideo ? 'flipVideoX' : '';
|
|
|
|
if (!videoMuted && videoTrack) {
|
|
return (
|
|
<div id = 'preview'>
|
|
<Video
|
|
className = { className }
|
|
videoTrack = {{ jitsiTrack: videoTrack }} />
|
|
</div>
|
|
);
|
|
}
|
|
|
|
return null;
|
|
}
|
|
|
|
/**
|
|
* Maps part of the Redux state to the props of this component.
|
|
*
|
|
* @param {Object} state - The Redux state.
|
|
* @param {Props} ownProps - The own props of the component.
|
|
* @returns {Props}
|
|
*/
|
|
function _mapStateToProps(state, ownProps) {
|
|
return {
|
|
flipVideo: state['features/base/settings'].localFlipX,
|
|
videoMuted: ownProps.videoTrack ? ownProps.videoMuted : state['features/base/media'].video.muted,
|
|
videoTrack: ownProps.videoTrack || (getLocalVideoTrack(state['features/base/tracks']) || {}).jitsiTrack
|
|
};
|
|
}
|
|
|
|
export default connect(_mapStateToProps)(Preview);
|