progression maybe

public/index.html

@@ -10,11 +10,15 @@
       video {
          width: 100%;
          width: 100%;
+         max-height: 90vh;
+         /*
          max-width: 400px;
          min-width: 400px;
+         */
          border: 1px solid black;
          display: inline-block;
       }
+      #preview { display: none; }
     </style>
   </head>
 

public/webrtc.js

@@ -3,7 +3,16 @@ class Config {
      'iceServers': [
        {'urls': 'stun:stun.stunprotocol.org:3478'},
        {'urls': 'stun:stun.l.google.com:19302'},
-     ]
+       /*
+       {
+         'urls': 'turn:turn.home.blapointe.com:5349', 
+         'credentialType': 'password', 
+         'username': 'user', 
+         'credential': 'pass',
+       },
+       */
+     ],
+     'iceTransportPolicy': 'all', // all for p2p, relay for turn
    };
    
    static getCookie(cname) {
@@ -33,12 +42,13 @@ class Config {
       var uuid = Config.getCookie('uuid');
       if (!uuid) {
          uuid = Config.createUUID();
-         Config.setCookie('uuid');
+         Config.setCookie('uuid', uuid);
       }
       return uuid;
    }
    
    static createUUID() {
+     return "" + new Date();
      function s4() {
        return Math.floor((1 + Math.random()) * 0x10000).toString(16).substring(1);
      }