From 2fab8e06641496730ad1568a954dc7c1949560d8 Mon Sep 17 00:00:00 2001
From: Trysdyn Black <trysdyn@voidfox.com>
Date: Sun, 9 Mar 2025 05:21:44 -0700
Subject: [PATCH] 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 | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/assets/player.js b/assets/player.js
index 60c2bf9..6935a6d 100644
--- a/assets/player.js
+++ b/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) {