io IOSignal / WebRTC LabDEVELOPER EXAMPLE
SIGNAL FIRST. CONNECT DIRECTLY.

연결의 시작은 IOSignal.

채널을 공유하고, 서로의 화면을 연결하세요. 시그널링부터 미디어까지 확인하는 WebRTC 실험실.

작동 원리 ↗

02 미디어 연결

● 대기 중
↗↙

상대의 연결을 기다리고 있어요

한 장치에서 방을 만들고, 다른 장치에서 참여하세요.

MEDIA OVER WEBRTC
REMOTE 아직 연결되지 않음
◎

내 카메라

YOU 로컬 미리보기
80%
IOSIGNALoffline
ICE STATEnew
ROUND TRIP—
MEDIA ROUTE—

03 시그널링 인스펙터 실제 이벤트를 실시간으로

TIMEEVENTDETAIL
UNDER THE HOOD

시그널링은 IOSignal.
영상과 음성은 WebRTC.

공개 채널로 상대를 발견하고, CID 직접 메시지로 연결 정보를 교환합니다. IOSignal 서버에 영상·음성을 전송하지 않습니다.

01

Discover io.subscribe(channel)

초대 링크의 채널로 참여 요청을 보냅니다. 방 개설자 1명과 참여자 1명이 연결됩니다.

02

Negotiate io.signal(cid + '@rtc', message)

offer → answer → ICE 후보를 교환합니다. 후보는 remote description 적용까지 대기합니다.

03

Stream RTCPeerConnection

브라우저가 암호화된 미디어를 직접 주고받습니다. 직접 연결이 불가능하면 설정된 TURN을 경유합니다.

다른 장치로 스캔하세요

링크를 열고 「방 참여」를 누르세요.