janus.js - video Room : 자신의 bitrate를 변경하는 방법

안녕하세요.

오늘도 개발하면서 기억하고 싶은 것들과 신기했던 것들에 대한 내용을 정리하려고 합니다.

 

저는 janus.js를 사용하여 영상통화 웹을 개발하고 있습니다.

 

* janus.js란?

https://m.blog.naver.com/PostView.naver?isHttpsRedirect=true&blogId=kpoint01&logNo=221525261567

해당 블로그에 설명이 잘 되어 있으니 참고 바랍니다.

 

제가 사용하고 있는 라이브러리는 janus.js의 videoRoom를 사용하고 있습니다.

 

janus.js 라이브러리를 사용하여 웹에 대한 소스를 구현 중,

자신의 비트레이트를 변경하는 방법에 대하여 찾아보았습니다. 

저는 frontEnd 언어를 Vue.js를 사용하였습니다.

 

janus 객체를 생성하여 미디어서버에 접속이 정상적으로 완료되면,

pluginHandle을 self.sfuObject라는 Data 변수에 담습니다.

 

참고로, pluhinHandle 아이디에는 janus가 관리하는 대부분의 것들이 담겨있습니다.

미디어 서버로 function을 보낼 수 있는 내부 함수도 있습니다. (더 많은 내용은 janus.js document 참고하시기 바랍니다.)

 

self.janus = new Janus({
    server: ... ,

    success() {
      // 미디어 서버 접속 성공 이벤트 수신
      self.janus.attach({
        plugin: "janus.plugin.videoroom",
        ...,
        success(pluginHandle) {
          self.sfuObject = pluginHandle
          ....
          ....
        }
      })
    },
    ....
})

 

 

 

 

아래의 소스는,

미디어 서버 접속 성공 후 생성한 sfuObject라는 변수에 send 라는 내부 함수를 통하여,

mediaServer에 요청을 보냅니다.

 

보내는 요청은, "나의 bitrate를 1000으로 변경해주세요." 입니다.

 

self.sfuObject.send({
 	message: {
 		request: "configure", // mediaserver에 요청할 항목(?)
 		bitrate: "1000000" // 내가 설정한 bitrate
 	}
})

 

 

제가 응용한 방식은,

자신이 영상통화에 입장할 때 (onlocalStream) 이벤트를 수신하면 자신의 bitrate를 변경하는 방식으로 응용하여, 영상통화를 사용하는 다른 사용자들에게도 자신의 bitrate를 1000으로 변경하여 영상을 전송하도록 개발해보았습니다.

 

 

끝.