Acommodate many users

apps/streams.js

@@ -3,6 +3,7 @@ const VideoConfig = Object.seal({
     audioOn: true,
     get video() {
         return VideoConfig.videoOn
+        && State.online.length < 10
         && params.get('v') !== '0'
         && {width: {ideal: 320}, facingMode: 'user', frameRate: 26}
     },
@@ -169,12 +170,18 @@ const Video = {
 const StreamContainer = {
     getColumns() {
         const n = State.online.length
+        if(n > 5 * 5) return '1fr 1fr 1fr 1fr 1fr 1fr'
+        if(n > 4 * 4) return '1fr 1fr 1fr 1fr 1fr'
+        if(n > 3 * 3) return '1fr 1fr 1fr 1fr'
         if(n > 2 * 2) return '1fr 1fr 1fr'
         if(n > 1 * 1) return '1fr 1fr'
         return '1fr'
     },
     getRows() {
         const n = State.online.length
+        if(n > 5 * 6) return '1fr 1fr 1fr 1fr 1fr 1fr'
+        if(n > 4 * 5) return '1fr 1fr 1fr 1fr 1fr'
+        if(n > 3 * 4) return '1fr 1fr 1fr 1fr'
         if(n > 2 * 3) return '1fr 1fr 1fr'
         if(n > 1 * 2) return '1fr 1fr'
         return '1fr'