Henry-Hiles/Video-Chat
Archived
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Some improvements

Browse source
This commit is contained in:
Henry Hiles 2022-06-03 13:46:55 -04:00
parent 82dd6fd398
commit 46e69ad87b
6 changed files with 134 additions and 69 deletions
Download patch file Download diff file Expand all files Collapse all files

53
public/scripts/video.js
View file

@ -1,31 +1,46 @@
import { addVideoStream, connectToNewUser } from "./utils.js"
import { addVideoStream, connectToNewUser, showNoVideoPrompt } from "./utils.js"
const socket = io("/")
const myPeer = new Peer()
const template = document.querySelector("#video-template")
const yourName = localStorage.getItem("name")
myPeer.on("open", async (id) => {
const stream = await navigator.mediaDevices.getUserMedia({
video: true,
audio: true,
})
try {
const stream = await navigator.mediaDevices.getUserMedia({
video: true,
audio: true,
})
const myVideo = template.content.firstElementChild.cloneNode(true)
addVideoStream(myVideo, yourName, stream, true)
myPeer.on("call", (call) => {
call.answer(stream)
const video = template.content.firstElementChild.cloneNode(true)
call.on("close", () => video.remove())
call.on("stream", (userVideoStream) =>
socket.emit("get-username", call.peer, (username) =>
addVideoStream(video, username, userVideoStream)
const myVideo = template.content.firstElementChild.cloneNode(true)
addVideoStream(myVideo, yourName, stream, true)
myPeer.on("call", (call) => {
call.answer(stream)
const video = template.content.firstElementChild.cloneNode(true)
call.on("close", () => video.remove())
call.on("stream", (userVideoStream) =>
socket.emit("get-username", call.peer, (username) =>
addVideoStream(video, username, userVideoStream)
)
)
)
})
})
socket.on("user-connected", (userId, username) =>
connectToNewUser(userId, username, stream, myPeer)
)
} catch (error) {
if (
error.name == "NotAllowedError" ||
error.name == "NotFoundError" ||
error.name == "PermissionDeniedError" ||
error.name == "DevicesNotFoundError"
)
return showNoVideoPrompt()
console.log(error.name)
throw error
}
socket.on("user-connected", (userId, username) =>
connectToNewUser(userId, username, stream)
)
socket.emit("join-room", ROOM_ID, id, yourName)
})