[WebRTC] 화상회의 웹서비스 개발하기 (with.janus-gateway) - (2)

Sun, 23 Apr 2023 00:00:00 +0900

프론트엔드 개발

지난번 포스팅 에서는 janus-gateway 서버 까지 설치했습니다.

이제 서버를 세팅했으니 프론트엔드를 개발해야죠.

일단 공식 홈페이지에도 잘 나와 있지만 간략하게 더 설명해 드리겠습니다.

의존성추가

공식 깃허브 리파지토리 html 폴더에 보면 videoroomtest.html 을 보시면 필요한 의존성이 보일 겁니다.

이거를 복사해서 본인들이 개발할 프론트엔드에 부착하면 일단 의존성은 끝납니다.

html/videoroomtest.html

<script type="text/javascript" src="settings.js" ></script>
<script type="text/javascript" src="janus.js" ></script>
<script type="text/javascript" src="videoroomtest.js"></script>

로직분석

비디오룸 데모 js 소스를 보시면 위에서 추가한 의존성을 활용에서 초기화를 하고 객체를 생성합니다.

그리고 각 단계에서 콜백으로 많은 작업들을 하는 걸 알 수 있습니다.

Revers Proxy on 코딩잘하자

[WebRTC] 화상회의 웹서비스 개발하기 (with.janus-gateway) - (2)

프론트엔드 개발

의존성추가

로직분석