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
75
76
77
78
79
80
|
import { local_media } from "."
import { log } from "./logger"
import { Room } from "./room"
export class User {
el: HTMLElement
el_video: HTMLVideoElement
name: string
peer: RTCPeerConnection
room: Room
stream: MediaStream
constructor(room: Room, name: string, offer: boolean) {
this.name = name
this.room = room
this.stream = new MediaStream()
this.el = document.createElement("div")
this.el_video = document.createElement("video")
this.el.append(this.el_video)
this.el_video.autoplay = true
this.el_video.setAttribute("playsinline", "1")
this.room.el.appendChild(this.el)
this.peer = new RTCPeerConnection()
local_media.getTracks().forEach(t => this.peer.addTrack(t, local_media))
this.peer.onicecandidate = ev => {
if (!ev.candidate) return
room.websocket_send({ ice_candiate: ev.candidate.toJSON(), receiver: this.name })
}
this.peer.ontrack = ev => {
log("media", "remote track", ev.streams)
if (!ev.streams.length) return console.warn("no remote tracks")
ev.streams[0].getTracks().forEach(t => {
this.stream.addTrack(t)
})
}
if (offer) this.offer()
}
async offer() {
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", offer)
this.room.websocket_send({ receiver: this.name, offer })
}
async on_offer(offer: RTCSessionDescriptionInit) {
log("webrtc", "got offer", offer)
const offer_description = new RTCSessionDescription(offer)
await this.peer.setRemoteDescription(offer_description)
this.answer(offer)
}
async answer(offer: RTCSessionDescriptionInit) {
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", answer)
this.room.websocket_send({ receiver: this.name, answer })
}
async on_answer(answer: RTCSessionDescriptionInit) {
log("webrtc", "got answer", answer)
const answer_description = new RTCSessionDescription(answer)
await this.peer.setRemoteDescription(answer_description)
}
add_ice_candidate(candidate: RTCIceCandidateInit) {
this.peer.addIceCandidate(new RTCIceCandidate(candidate))
}
leave() {
this.peer.close()
this.room.el.removeChild(this.el)
}
}
|
