Keep webcall frames sorted by ID

This adds some consistency to where the layout puts webcall frames,
instead of it just being in order of go-live time. For general hangout
meeting/screenshare stuff it doesn't matter, but for event production
purposes, having the frames in a predictable order is helpful.

Closes #11

assets/player.js

@@ -57,6 +57,11 @@ function webcallFrameResize() {
       element.style.width = w;
     }
   )
+
+  // Sort the players alphabetically by ID
+  Array.from(document.body.querySelectorAll(".frame"))
+    .sort((a, b) => a.id > b.id ? 1 : -1)
+    .forEach(node => document.body.appendChild(node))
 }
 
 function createPlayer(stream, muted, volume) {