1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
|
/// <reference lib="dom" />
import { get_query_params } from "./helper.ts"
import { log } from "./logger.ts"
import { create_menu } from "./menu.ts";
import { Room } from "./room.ts"
export const servers: RTCConfiguration = {
iceServers: [{ urls: ["stun:stun1.l.google.com:19302", "stun:stun2.l.google.com:19302"] }],
iceCandidatePoolSize: 10,
}
export interface User {
peer: RTCPeerConnection
stream: MediaStream,
}
export const parameters = get_query_params()
window.onload = () => main()
export function main() {
document.body.querySelector("p")?.remove()
log("*", "starting up")
if (window.location.pathname.startsWith("/room/")) {
const room_name = window.location.pathname.substring("/room/".length)
const room = new Room(room_name)
create_menu(room)
document.body.append(room.el)
} else {
create_menu()
document.body.append(create_start_screen())
}
}
function create_start_screen() {
const with_text_content = (a: string) => (b: string) => {
const e = document.createElement(a)
e.textContent = b
return e
}
const p = with_text_content("p")
const h2 = with_text_content("h2")
const el = document.createElement("div")
el.append(
h2("keks-meet"),
p("A web conferencing application using webrtc"),
p("keks-meet is free! It is licenced under the terms of the third version of the GNU Affero General Public Licence only."),
p("To get started, just enter a unique idenfier, then share the URL with your partner.")
)
const room_input = document.createElement("input")
room_input.type = "text"
room_input.id = "room-id-input"
room_input.placeholder = "room id"
const submit = document.createElement("input")
submit.type = "button"
submit.addEventListener("click", () => {
if (room_input.value.length == 0) room_input.value = Math.floor(Math.random() * 10000).toString(16).padStart(5, "0")
window.location.pathname = `/room/${encodeURIComponent(room_input.value)}`
})
submit.value = "Join room"
el.classList.add("start-box")
el.append(room_input, document.createElement("br"), submit)
return el
}
|
