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

Some bug fixes

Browse source
This commit is contained in:
Henry Hiles 2022-12-05 10:19:50 -05:00
commit bf121e5600
3 changed files with 7 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

4
public/scripts/utils.js
View file

@ -75,7 +75,11 @@ export const addVideoStream = (videoContainer, username, stream, isYours) => {
video.addEventListener("loadedmetadata", async () => { video.addEventListener("loadedmetadata", async () => {
if (isYours) { if (isYours) {
video.muted = true video.muted = true
//videoContainer.style.width = video.videoWidth
//videoContainer.style.height = video.videoHeight
console.log(video.videoWidth)
} }
try { try {
await video.play() await video.play()
} catch (error) { } catch (error) {

9
public/style.css
View file

@ -67,10 +67,9 @@ video {
.your-video { .your-video {
position: absolute; position: absolute;
width: 25vw;
height: 25vh;
cursor: grab; cursor: grab;
z-index: 1; z-index: 1;
width: 250px;
} }
.your-video:active { .your-video:active {
@ -86,7 +85,7 @@ video {
height: 15px; height: 15px;
background: var(--primary); background: var(--primary);
position: absolute; position: absolute;
right: 0; right: -7.5px;
border-radius: 5px; border-radius: 5px;
bottom: 0; bottom: 0;
cursor: se-resize; cursor: se-resize;
@ -144,10 +143,6 @@ button:not(:disabled) {
filter: brightness(0.9); filter: brightness(0.9);
} }
video.your-video {
display: none;
}
#options { #options {
position: absolute; position: absolute;
top: 10px; top: 10px;

2
views/room.ejs
View file

@ -4,6 +4,7 @@
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" /> <meta http-equiv="X-UA-Compatible" content="ie=edge" />
<link rel="stylesheet" href="style.css" />
<script> <script>
const ROOM_ID = "<%= roomId %>" const ROOM_ID = "<%= roomId %>"
</script> </script>
@ -15,7 +16,6 @@
<script src="scripts/login.js" defer></script> <script src="scripts/login.js" defer></script>
<script src="scripts/share.js" defer></script> <script src="scripts/share.js" defer></script>
<script src="scripts/video.js" type="module" defer></script> <script src="scripts/video.js" type="module" defer></script>
<link rel="stylesheet" href="style.css" />
<title>Video Chat</title> <title>Video Chat</title>
</head> </head>
<body> <body>