+
+
+
+
+
+
+
+
+
+
+
Video streams
+WebRTC
+
+
diff --git a/src/static/js/doc.ts b/src/static/js/doc.ts
index fa52d58..4289e85 100644
--- a/src/static/js/doc.ts
+++ b/src/static/js/doc.ts
@@ -1,46 +1,53 @@
-const getChannels = () => {
+const PLAYERS = 2;
+
+const populateChannels = (players:number) => {
fetch('/api/list').then(async (res) => {
const channelNames: string[] = await res.json()
- const radioGroup = document.getElementById('channel-group');
- if (!radioGroup) {
- throw new Error("Radio group not found")
+
+
+ for(let i = 0; i < players; ++i){
+ const radioGroup = document.getElementById(`channel-container-${i}`);
+ if (!radioGroup) {
+ throw new Error("Radio group not found")
+ }
+ radioGroup.innerHTML = ''
+ channelNames.forEach((channelName,_) => {
+ const id = `radio-${channelName}`;
+
+ const input = document.createElement('input');
+ input.type = "radio"
+ input.name = `channel-radio-${i}`;
+ input.value = channelName;
+ input.id = id
+
+
+ const lbl = document.createElement("label");
+ lbl.htmlFor = id;
+ lbl.textContent = channelName;
+
+ // Wrap in a div or line
+ const wrapper = document.createElement("div");
+ wrapper.appendChild(input);
+ wrapper.appendChild(lbl);
+
+
+
+ radioGroup.appendChild(wrapper)
+ })
}
- radioGroup.innerHTML = ''
- channelNames.forEach((channelName,index) => {
- const id = `radio-${index}`;
-
- const input = document.createElement('input');
- input.type = "radio"
- input.name = 'grp';
- input.value = channelName;
- input.id = id
-
-
- const lbl = document.createElement("label");
- lbl.htmlFor = id;
- lbl.textContent = channelName;
-
- // Wrap in a div or line
- const wrapper = document.createElement("div");
- wrapper.appendChild(input);
- wrapper.appendChild(lbl);
-
-
-
- radioGroup.appendChild(wrapper)
- })
+
}).catch(err => {
console.log("nope ",err)
})
}
-const tune = () =>{
- const choice = document.querySelector