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

68 lines
1.5 KiB
JavaScript
Raw Normal View History

import PropTypes from 'prop-types';
import React from 'react';
import { connect } from 'react-redux';
import AbstractVideoTrack from '../AbstractVideoTrack';
import Video from './Video';
/**
* 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 {
/**
* Default values for {@code VideoTrack} component's properties.
*
* @static
*/
static defaultProps = {
...AbstractVideoTrack.defaultProps,
className: '',
id: ''
};
/**
* {@code VideoTrack} component's property types.
*
* @static
*/
static propTypes = {
...AbstractVideoTrack.propTypes,
/**
* CSS classes to add to the video element.
*/
className: PropTypes.string,
/**
* The value of the id attribute of the video. Used by the torture tests
* to locate video elements.
*/
id: PropTypes.string
};
/**
* 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 } />
);
}
}
export default connect()(VideoTrack);