Some small fixes to resolution and scaling.

master
Håvar Aambø Fosstveit 2018-06-18 11:06:39 +02:00
parent 24c5929e5b
commit cac2caa5c0
3 changed files with 13 additions and 9 deletions

View File

@ -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

View File

@ -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()

View File

@ -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;