OpenVidu Canvas 사라짐 문제

[Digit24-dev]

✨ Describe

OpenVidu 연결 후 에러 발생.

==== 에러 발생 추정 코드 ====

    try {
      const token = await getToken(roomName, participantName);
      await room.connect(LIVEKIT_URL, token);

      await room.localParticipant.enableCameraAndMicrophone();
      setLocalTrack(
        room.localParticipant.videoTrackPublications.values().next().value
          .videoTrack
      );
    } catch (error) {
      console.log(
        "There was an error connecting to the room: ",
        (error as Error).message
      );
      await leaveRoom();
    }

✅ Tasks

• [x] 연결 문제 확인
• [x] 리액트 canvas 부분 확인

🕰️ Estimated Time of Completion

3 ~ 4일

🙋🏻 REPORT

해당 문제는 HTTPS 접속 문제였음. 장치 접근에 관한 요청을 할 때에는 반드시 SSL 인증된 사이트에서만 접근이 가능함. 로컬에서 진행할 때에는 서버와 클라이언트가 같은 호스트에 존재하기 때문에 장치 접근이 가능했으나, 호스트가 달라지게 되면, (HTTPS 접속이 아니거나 SSL 인증이 없을 경우) 장치 접근이 불가능하여, localParticiapnt의 장치 접근이 불가능했던 것.

[Digit24-dev]

문제 해결 및 오류 원인 보고 작성.

[wooseong-choi]

아주 좋아여