티스토리 뷰

맥환경에서 flutter-webrtc-demo 클라이언트 따라하기

github 주소
https://github.com/cloudwebrtc/flutter-webrtc-demo

우선 깃허브 Usage 순서대로 따라하면 된다.

단, 디바이스가 연결되어있어야 동작한다. 이미 완성되어있는 프로젝트를 flutter 명령어만으로 빌드해서

디바이스에 인스톨후 실행시켜준다.

워크스페이스 프로젝트를 열어서 디바이스에서 실행시키기

그냥 디바이스 연결하고 Run 해주면 된다.

flutter-webrtc-server 서버 따라하기

webrtc 로 디바이스간 화상채팅서비스를 제공하려면 서버가 필요하다.

그것은 디바이스간에 p2p 연결을 해줄 서버라고 생각하면 된다.(시그널링, 턴, 스턴, 아이스 등)

github 주소
https://github.com/flutter-webrtc/flutter-webrtc-server

가이드대로 다운로드후 실행해준다.

Run하게 되면 WebRTC 서버가 올라가게 되고 자동으로 활성화 될 것이다.

이때 클라이언트에서 p2p call sample 인풋창에 아무것도 붙이지 않고 로컬IP 만 넣어주면 된다.

192.168.121.24

이런식으로 넣어주면 알아서 포트번호 8086이 붙어서 방이 만들어지고

목록에 디바이스명과 아이디로 방이 생성된다.

그다음 연결하고 싶은 디바이스 하나를 더 실행시켜서 동일한 아이피 명을 넣어주면

서로 연결할 수 있게 된다.

연결된 후 webrtc 서버 로그화면

'Development Note > Flutter' 카테고리의 다른 글

[mac osx] flutter 개발환경 설치  (0) 2020.07.03
댓글