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

Fullscreen and leave call added

Browse source
This commit is contained in:
Henry Hiles 2022-06-07 13:47:45 -04:00
parent 0eab4c62ac
commit bc319412bc
5 changed files with 73 additions and 11 deletions
Download patch file Download diff file Expand all files Collapse all files

16
public/scripts/utils.js
View file

@ -72,9 +72,16 @@ export const addVideoStream = (videoContainer, username, stream, isYours) => {
video.srcObject = stream
if (CSS.supports("::-webkit-media-controls-panel"))
video.controls = "controls"
video.addEventListener("loadedmetadata", () => video.play())
video.addEventListener("loadedmetadata", async () => {
try {
await video.play()
} catch (error) {
if (error instanceof DOMException)
document.querySelector("#deniedautoplay").classList.add("show")
else throw error
}
})
if (isYours) {
video.muted = true
videoContainer.classList.add("your-video")
videos.append(videoContainer)
return dragElement(videoContainer)
@ -85,6 +92,11 @@ export const addVideoStream = (videoContainer, username, stream, isYours) => {
videos.append(videoContainer)
}
export const toggleFullscreen = () =>
document.fullscreenElement
? document?.exitFullscreen?.()
: document.documentElement?.requestFullscreen?.()
export const showNoVideoPrompt = () =>
document.querySelector("#novideo").classList.add("show")