STUN 썸네일형 리스트형 React에서 WebRTC를 활용한 실시간 영상 통화 구현하기 WebRTC는 브라우저 간 P2P 미디어 전송을 표준으로 제공합니다. React에서 WebRTC를 사용해 실시간 영상 통화를 구현하려면 크게 세 가지가 필요합니다. 사용자 미디어 접근, RTCPeerConnection 설정, 그리고 시그널링 서버입니다. 시그널링은 SDP/ICE 후보를 교환하는 과정으로, 실제 미디어는 P2P로 흐릅니다.1. 전체 흐름과 준비물구성은 다음과 같습니다. 1) 사용자 권한으로 카메라/마이크 스트림 획득, 2) RTCPeerConnection 생성 및 트랙 추가, 3) 시그널링 서버(예: Socket.IO)를 통해 오퍼/응답/ICE 후보 교환, 4) 연결 완료 후 양쪽 비디오에 스트림 표시, 5) 종료와 정리입니다. 로컬에서 개발 시 localhost는 http로 동작해도 ge.. 더보기 이전 1 다음