fix: fullscreenbutton on screenshare
parent
dcca301d82
commit
f49f02d016
|
|
@ -52,21 +52,21 @@ export default class FullView extends React.Component
|
||||||
|
|
||||||
this._setTracks(videoTrack);
|
this._setTracks(videoTrack);
|
||||||
|
|
||||||
if (fscreen.fullscreenEnabled)
|
if (fscreen.fullscreenEnabled)
|
||||||
{
|
{
|
||||||
fscreen.addEventListener('fullscreenchange', this.handleExitFullscreen, false);
|
fscreen.addEventListener('fullscreenchange', this.handleExitFullscreen, false);
|
||||||
fscreen.requestFullscreen(this.video.current);
|
fscreen.requestFullscreen(this.video.current);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
componentWillUnmount()
|
componentWillUnmount()
|
||||||
{
|
{
|
||||||
fscreen.removeEventListener('fullscreenchange', this.handleExitFullscreen);
|
fscreen.removeEventListener('fullscreenchange', this.handleExitFullscreen);
|
||||||
}
|
}
|
||||||
|
|
||||||
handleExitFullscreen = () =>
|
handleExitFullscreen = () =>
|
||||||
{
|
{
|
||||||
if (!fscreen.fullscreenElement)
|
if (!fscreen.fullscreenElement)
|
||||||
{
|
{
|
||||||
this.props.toggleFullscreen();
|
this.props.toggleFullscreen();
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -147,7 +147,11 @@ class Peer extends Component
|
||||||
|
|
||||||
{screenConsumer ?
|
{screenConsumer ?
|
||||||
<div className={classnames('view-container', 'screen')} style={style}>
|
<div className={classnames('view-container', 'screen')} style={style}>
|
||||||
<div className='controls'>
|
<div
|
||||||
|
className={classnames('controls', {
|
||||||
|
visible : this.state.controlsVisible
|
||||||
|
})}
|
||||||
|
>
|
||||||
<div
|
<div
|
||||||
className={classnames('button', 'screen', {
|
className={classnames('button', 'screen', {
|
||||||
on : screenVisible,
|
on : screenVisible,
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue