getUserMediaで取得する画質を設定したい

Question

SkyWay WebRTC APIを用いて、複数ユーザー間のビデオチャットアプリを作成しています。
参加人数が増えてもページが重くならないように、送信するstreamの映像の画質を(支障がないところまで)最低にしたいと思っています。

navigator.mediaDevices.getUserMedia()でユーザーの映像を取得していますが、ここのvideoのconstraintsで画質を設定することはできるのでしょうか？
widthとheightは指定ができるのはわかっているのですが、画質をどうやって設定したらいいかわかりません。

よろしくお願いします。

Answer 1

WebRTCでは、画質は回線の状況に応じて自動的に変更されます。
帯域推定という仕組みがあり、その名の通り、帯域を推定して画質を最適なものに変更します。
重くなるのを防ぐのであれば、フレームレートを調節してみるのはどうでしょうか?

Comments

[olee46]

帯域推定について知らなかったので、ありがとうございます。
フレームレートを調節してみます。
また、他に軽くするために調節できるMediaTrackのconstraintsはありますか？

[sublimer]

こちらのブログにいろいろとまとめられていますが、負荷を下げるために使えそうなパラメータはあまりなさそうですね…
https://lealog.hateblo.jp/entry/2017/08/21/155211
あくまでも方法の一つですが、
getUserMediaで映像取得→canvasに一定時間ごとに書き出し→SkyWayのDataConnectionで送信
このような方法で、負荷を下げることができるかもしれません。(かなりカクカクになりますが…)
他にも、発言者の映像のみを送信する(WebAudioAPIで音量取得)といった方法もあります。

[olee46]

ありがとうございます。音声はもともとfalseで設定してあるので、とりあえずフレームレートだけで対応していきたいと思います。