WebRTCの概要

// 화상화면이 나오는 div
const call = document.getElementById("call");
// 방 이름 input + 입장하기 버튼 form 담긴 div
const welcome = document.getElementById("welcome");
// 방 이름 input + 입장하기 버튼 form
const welcomeForm = welcome.querySelector("form");

let roomName;

function handleWelcomeSubmit(event) {
  event.preventDefault();
  const input = welcomeForm.querySelector("input");
  // 서버로 join_room 메세지 타입으로 room name과 end 함수보냄
  socke.emit("join_room", input.value, startMedia);
  roomName = input.value;
  input.value = "";
}

// 방 입장 div 숨기고 화상화면 보여줌
await function startMedia() {
  welcome.hidden = true;
  call.hidden = false;
  await getMedia();
}

welcomeForm.addEventListener("submit", handleWelcomeSubmit);

// Socket Code
// 다른 사용자가 입장하면 원래 있던 사용자에게 알림이 감
socket.on("welcome", () => {
  console.log("somebody joined");
})

wsServer.on("connection", (socket) => {
  // "join_room" 메세지 이벤트
  socket.on("join_room", (roomName, done) => {
    // roomName 에 접속
    socket.join(roomName);
    // done 함수 실행 (startMedia)
    done();
    // 다른 사용자가 연결되었을 때 roomName 으로 "welcome" 메세지 보내기
    socket.to(roomName).emit("welcome");
  });
));