Some small fixes to resolution and scaling.
This commit is contained in:
@@ -20,7 +20,8 @@ const ROOM_OPTIONS =
|
||||
|
||||
const VIDEO_CONSTRAINS =
|
||||
{
|
||||
width : { ideal: 3840 }
|
||||
width : { ideal: 1280 },
|
||||
aspectRatio : 1.334
|
||||
};
|
||||
|
||||
export default class RoomClient
|
||||
|
||||
@@ -18,12 +18,14 @@ class Peers extends React.Component
|
||||
};
|
||||
}
|
||||
|
||||
updateDimensions(nextProps = null)
|
||||
resizeUpdate()
|
||||
{
|
||||
if (!nextProps.peers && !this.props.peers)
|
||||
return;
|
||||
this.updateDimensions();
|
||||
}
|
||||
|
||||
const n = nextProps ? nextProps.peers.length : this.props.peers.length;
|
||||
updateDimensions(props = this.props)
|
||||
{
|
||||
const n = props.peers ? props.peers.length : 0;
|
||||
|
||||
if (n == 0)
|
||||
{
|
||||
@@ -62,17 +64,18 @@ class Peers extends React.Component
|
||||
|
||||
componentDidMount()
|
||||
{
|
||||
window.addEventListener('resize', this.updateDimensions.bind(this));
|
||||
window.addEventListener('resize', this.resizeUpdate.bind(this));
|
||||
}
|
||||
|
||||
componentWillUnmount()
|
||||
{
|
||||
window.removeEventListener('resize', this.updateDimensions.bind(this));
|
||||
window.removeEventListener('resize', this.resizeUpdate.bind(this));
|
||||
}
|
||||
|
||||
componentWillReceiveProps(nextProps)
|
||||
{
|
||||
this.updateDimensions(nextProps);
|
||||
if (nextProps.peers)
|
||||
this.updateDimensions(nextProps);
|
||||
}
|
||||
|
||||
render()
|
||||
|
||||
Reference in New Issue
Block a user