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

Otimize a largura de banda com a resolução automática de assinantes da Vonage

Publicado em October 31, 2024

Tempo de leitura: 1 minuto

Digamos que você tenha duas xícaras, uma grande e outra pequena. Ao encher as xícaras com água, você colocaria a mesma quantidade na xícara pequena que colocou na grande? Se fizesse isso, haveria uma bagunça por causa de todo o excesso de água que não caberia na xícara menor. No caso de uma videochamada, a água representa a largura de banda usada por um participante. Para pessoas com largura de banda limitada e/ou que pagam pelos dados que consomem, isso resultará em uma experiência péssima.

E se não houver largura de banda suficiente disponível? As telas compartilhadas de apresentações com dados importantes ficarão embaçadas e ilegíveis. É como ter que despejar água suficiente no copo grande para encher o copo pequeno. Não é uma experiência muito satisfatória.

O melhor a fazer é preencher os quadros de acordo com o tamanho de cada um. A Vonage agora trouxe essa funcionalidade para suas Applications de Video com apenas uma linha de código! Se o layout da sua chamada apresentar o Video do interlocutor ativo com tamanho muito maior do que o dos demais participantes, a Vonage enviará as resoluções adequadas para os fluxos de Video. Uma resolução mais alta para o fluxo de Video do interlocutor e uma resolução menor para os demais participantes.

Isso é algo que você precisa ver. Aqui está em ação:

Screen recording of a video chat application showing the resolution changing based on the size of some video elements.Subscriber Auto Resolution in action(Observação: a imagem está em câmera rápida)

Você mesmo pode testá-la com a versão de demonstração que pode ser implantada com um clique demonstração que disponibilizamos.

Com esse recurso ativado, a Vonage enviará a resolução otimizada com base no tamanho do participante da videochamada. 

Como mencionado anteriormente, basta uma linha de código para que tudo funcione. Após a streamCreated evento, defina o preferredResolution para auto no objeto de opções ao se inscrever no fluxo disponível para a sessão.

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

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

Há um ponto importante a ser observado em relação a esse recurso. Para que a Vonage possa enviar as diferentes resoluções, a videochamada deve ser uma sessão roteada pelo Vonage Media Router. Existem algumas maneiras de garantir que isso aconteça:

  • Utilize outro recurso que utilize o Vonage Media Router, como Arquivamento, Transmissão, Experience Composer, etc.

  • Ter 3 ou mais participantes em uma videochamada

Entre em contato

Com isso, encerramos esta breve demonstração. Você já experimentou a versão de demonstração e/ou utilizou esse recurso em uma Application? Conte para a gente no #video-api canal da Slack da Comunidade Vonage.

Compartilhar:

https://a.storyblok.com/f/270183/384x384/1a06993970/dwanehemmings.png
Dwane HemmingsPromotor de Desenvolvedores de JavaScript