93 lines
2.0 KiB
JavaScript
93 lines
2.0 KiB
JavaScript
/* @flow */
|
|
|
|
import React from 'react';
|
|
|
|
import { connect } from '../../../redux';
|
|
|
|
import AbstractVideoTrack from '../AbstractVideoTrack';
|
|
import type { Props as AbstractVideoTrackProps } from '../AbstractVideoTrack';
|
|
|
|
import Video from './Video';
|
|
|
|
/**
|
|
* The type of the React {@code Component} props of {@link VideoTrack}.
|
|
*/
|
|
type Props = AbstractVideoTrackProps & {
|
|
|
|
/**
|
|
* CSS classes to add to the video element.
|
|
*/
|
|
className: string,
|
|
|
|
/**
|
|
* The value of the id attribute of the video. Used by the torture tests
|
|
* to locate video elements.
|
|
*/
|
|
id: string,
|
|
|
|
/**
|
|
*
|
|
* Used to determine the value of the autoplay attribute of the underlying
|
|
* video element.
|
|
*/
|
|
_noAutoPlayVideo: boolean
|
|
};
|
|
|
|
/**
|
|
* Component that renders a video element for a passed in video track and
|
|
* notifies the store when the video has started playing.
|
|
*
|
|
* @extends AbstractVideoTrack
|
|
*/
|
|
class VideoTrack extends AbstractVideoTrack<Props> {
|
|
/**
|
|
* Default values for {@code VideoTrack} component's properties.
|
|
*
|
|
* @static
|
|
*/
|
|
static defaultProps = {
|
|
className: '',
|
|
|
|
id: ''
|
|
};
|
|
|
|
/**
|
|
* Renders the video element.
|
|
*
|
|
* @override
|
|
* @returns {ReactElement}
|
|
*/
|
|
render() {
|
|
return (
|
|
<Video
|
|
autoPlay = { !this.props._noAutoPlayVideo }
|
|
className = { this.props.className }
|
|
id = { this.props.id }
|
|
onVideoPlaying = { this._onVideoPlaying }
|
|
videoTrack = { this.props.videoTrack } />
|
|
);
|
|
}
|
|
|
|
_onVideoPlaying: () => void;
|
|
}
|
|
|
|
|
|
/**
|
|
* Maps (parts of) the Redux state to the associated VideoTracks props.
|
|
*
|
|
* @param {Object} state - The Redux state.
|
|
* @private
|
|
* @returns {{
|
|
* _noAutoPlayVideo: boolean
|
|
* }}
|
|
*/
|
|
function _mapStateToProps(state) {
|
|
const testingConfig = state['features/base/config'].testing;
|
|
|
|
return {
|
|
_noAutoPlayVideo: testingConfig?.noAutoPlayVideo
|
|
};
|
|
}
|
|
|
|
export default connect(_mapStateToProps)(VideoTrack);
|