summaryrefslogtreecommitdiff
path: root/client-web/source/remote_user.ts
blob: 6cc57a5117db1282febd4b308f6ffa83a4e8969c (plain)
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
71
72
73
74
/// <reference lib="dom" />

import { servers } from "./index.ts"
import { log } from "./logger.ts"
import { Room } from "./room.ts"
import { TrackHandle } from "./track_handle.ts";
import { User } from "./user.ts"

export class RemoteUser extends User {
    peer: RTCPeerConnection
    negotiation_busy = false

    constructor(room: Room, id: number, name: string) {
        super(room, id, name)
        log("usermodel", `added remote user: ${id} ${JSON.stringify(name)}`)
        this.peer = new RTCPeerConnection(servers)
        this.peer.onicecandidate = ev => {
            if (!ev.candidate) return
            room.websocket_send({ relay: { recipient: this.id, message: { ice_candidate: ev.candidate.toJSON() } } })
        }
        this.peer.ontrack = ev => {
            const t = ev.track
            log("media", `remote track: ${this.name}`, t)
            this.add_track(new TrackHandle(t))
        }
        this.peer.onnegotiationneeded = async () => {
            log("webrtc", `negotiation needed: ${this.name}`)
            while (this.negotiation_busy) {
                await new Promise<void>(r => setTimeout(() => r(), 100))
            }
            this.offer()
        }
    }

    async offer() {
        this.negotiation_busy = true
        const offer_description = await this.peer.createOffer()
        await this.peer.setLocalDescription(offer_description)
        const offer = { type: offer_description.type, sdp: offer_description.sdp }
        log("webrtc", `sent offer: ${this.name}`, { a: offer })
        this.room.websocket_send({ relay: { recipient: this.id, message: { offer } } })
    }
    async on_offer(offer: RTCSessionDescriptionInit) {
        this.negotiation_busy = true
        log("webrtc", `got offer: ${this.name}`, { a: offer })
        const offer_description = new RTCSessionDescription(offer)
        await this.peer.setRemoteDescription(offer_description)
        this.answer()
    }
    async answer() {
        const answer_description = await this.peer.createAnswer()
        await this.peer.setLocalDescription(answer_description)
        const answer = { type: answer_description.type, sdp: answer_description.sdp }
        log("webrtc", `sent answer: ${this.name}`, { a: answer })
        this.room.websocket_send({ relay: { recipient: this.id, message: { answer } } })
        this.negotiation_busy = false
    }
    async on_answer(answer: RTCSessionDescriptionInit) {
        log("webrtc", `got answer: ${this.name}`, { a: answer })
        const answer_description = new RTCSessionDescription(answer)
        await this.peer.setRemoteDescription(answer_description)
        this.negotiation_busy = false
    }

    add_ice_candidate(candidate: RTCIceCandidateInit) {
        this.peer.addIceCandidate(new RTCIceCandidate(candidate))
    }

    leave() {
        log("usermodel", `remove remote user: ${this.name}`)
        this.peer.close()
        this.room.el.removeChild(this.el)
    }
}