Some small fixes to resolution and scaling.
parent
24c5929e5b
commit
cac2caa5c0
|
|
@ -20,7 +20,8 @@ const ROOM_OPTIONS =
|
||||||
|
|
||||||
const VIDEO_CONSTRAINS =
|
const VIDEO_CONSTRAINS =
|
||||||
{
|
{
|
||||||
width : { ideal: 3840 }
|
width : { ideal: 1280 },
|
||||||
|
aspectRatio : 1.334
|
||||||
};
|
};
|
||||||
|
|
||||||
export default class RoomClient
|
export default class RoomClient
|
||||||
|
|
|
||||||
|
|
@ -18,12 +18,14 @@ class Peers extends React.Component
|
||||||
};
|
};
|
||||||
}
|
}
|
||||||
|
|
||||||
updateDimensions(nextProps = null)
|
resizeUpdate()
|
||||||
{
|
{
|
||||||
if (!nextProps.peers && !this.props.peers)
|
this.updateDimensions();
|
||||||
return;
|
}
|
||||||
|
|
||||||
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)
|
if (n == 0)
|
||||||
{
|
{
|
||||||
|
|
@ -62,17 +64,18 @@ class Peers extends React.Component
|
||||||
|
|
||||||
componentDidMount()
|
componentDidMount()
|
||||||
{
|
{
|
||||||
window.addEventListener('resize', this.updateDimensions.bind(this));
|
window.addEventListener('resize', this.resizeUpdate.bind(this));
|
||||||
}
|
}
|
||||||
|
|
||||||
componentWillUnmount()
|
componentWillUnmount()
|
||||||
{
|
{
|
||||||
window.removeEventListener('resize', this.updateDimensions.bind(this));
|
window.removeEventListener('resize', this.resizeUpdate.bind(this));
|
||||||
}
|
}
|
||||||
|
|
||||||
componentWillReceiveProps(nextProps)
|
componentWillReceiveProps(nextProps)
|
||||||
{
|
{
|
||||||
this.updateDimensions(nextProps);
|
if (nextProps.peers)
|
||||||
|
this.updateDimensions(nextProps);
|
||||||
}
|
}
|
||||||
|
|
||||||
render()
|
render()
|
||||||
|
|
|
||||||
|
|
@ -170,7 +170,7 @@
|
||||||
flex: 100 100 auto;
|
flex: 100 100 auto;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
object-fit: contain;
|
object-fit: cover;
|
||||||
user-select: none;
|
user-select: none;
|
||||||
transition-property: opacity;
|
transition-property: opacity;
|
||||||
transition-duration: .15s;
|
transition-duration: .15s;
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue