https://a.storyblok.com/f/270183/1368x665/437df1dce3/bandwidth_sar-video.png

Vonage加入者自動解決で帯域幅を最適化

最終更新日 October 31, 2024

所要時間:1 分

大小2つのコップがあるとしよう。コップに水を入れるとき、大きいコップに入れたのと同じ量を小さいコップに入れるだろうか?もしそうすれば、小さい方のコップに入りきらなかった余分な水でぐちゃぐちゃになってしまうだろう。ビデオ通話で言えば、水は参加者が使用する帯域幅を表している。利用できる帯域幅が限られている人や、消費したデータに対して料金を支払っている人にとっては、ひどい体験につながるだろう。

十分な帯域幅がない場合は?重要なデータを含むプレゼンテーションの画面共有は、ぼやけて判読できなくなる。ちょうど、小さなコップを満たすために必要な水を大きなコップに注ぐようなものだ。あまり満足のいく体験ではない。

カップの大きさに応じて水を入れるのが最良の方法です。Vonageは、1行のコードで、ビデオアプリケーションにその能力をもたらしました!通話のレイアウトで、アクティブな話者のビデオサイズが他の参加者よりもはるかに大きい場合、Vonageはビデオストリームに適切な解像度を送信します。話者のビデオストリームには高い解像度を、他の参加者には小さい解像度を送ります。

これは見るしかない。これが実際に動いているところだ:

Screen recording of a video chat application showing the resolution changing based on the size of some video elements.Subscriber Auto Resolution in action(注:画像はスピードアップしています)

ワンクリックでデプロイ可能な デモを使って試すことができます。

この機能を有効にすると、Vonageはビデオ通話の参加者のサイズに基づいて最適化された解像度を送信します。

前述したように、1行のコードですべてが動くようになる。 イベントが発生したら streamCreatedイベントが発生したら preferredResolutionautoをセットします。

const subscriberOptions = {
  insertMode: 'append',
  width: '100%',
  height: '100%',
  preferredResolution: 'auto', // add this line
};

const subscriber = session.subscribe(
  event.stream,
  'subscriber',
  subscriberOptions,
  handleError
);

この機能に関して注意すべき点が1つあります。Vonageが異なる解像度を送信できるようにするには、ビデオ通話がVonage Media Routerを介してルーティングされたセッションである必要があります。これを確実に行うには、いくつかの方法があります:

  • アーカイブ、ブロードキャスト、エクスペリエンス・コンポーザーなど、Vonage Media Router を使用する別の機能を使用します。

  • ビデオ通話に3人以上参加する

お問い合わせ

これでこの小さなショー&テルは終わりです。デモを試したり、アプリケーションでこの機能を使ったりしましたか?その場合は #video-apiチャンネル のチャンネルでお知らせください。

シェア:

https://a.storyblok.com/f/270183/384x384/1a06993970/dwanehemmings.png
Dwane HemmingsJavaScript開発者支援