jiti-meet/react/features/base/media/components/web/VideoTrack.js

68 lines
1.5 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
};
/**
* 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 = { true }
className = { this.props.className }
id = { this.props.id }
onVideoPlaying = { this._onVideoPlaying }
videoTrack = { this.props.videoTrack } />
);
}
_onVideoPlaying: () => void;
}
export default connect()(VideoTrack);