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

Optimisez la bande passante avec la résolution automatique des abonnés de Vonage

Temps de lecture : 1 minute

Supposons que vous ayez deux tasses, une grande et une petite. Lorsque vous remplissez les tasses d'eau, versez-vous la même quantité dans la petite tasse que dans la grande ? Si c'était le cas, il y aurait un désordre dû à l'excès d'eau qui n'aurait pas pu être versé dans la petite tasse. Dans le cas d'un appel vidéo, l'eau représente la bande passante utilisée par un participant. Pour les personnes qui disposent d'une bande passante limitée et/ou qui paient pour les données qu'elles consomment, l'expérience sera terrible.

Que se passe-t-il si la bande passante disponible est insuffisante ? Les partages d'écran de présentations contenant des données importantes seront flous et illisibles. C'est comme si l'on versait suffisamment d'eau dans la grande tasse pour remplir la petite. Ce n'est pas une expérience très satisfaisante.

La meilleure solution consiste à remplir les gobelets en fonction de leur taille. Vonage a maintenant apporté cette capacité à vos applications vidéo en une seule ligne de code ! Si la disposition de votre appel fait en sorte que la taille de la vidéo du locuteur actif est beaucoup plus grande que celle des autres participants, Vonage enverra les résolutions appropriées pour les flux vidéo. Une résolution plus élevée pour le flux vidéo de l'orateur et une résolution plus petite pour les autres participants.

C'est quelque chose qu'il faut absolument voir. Le voici en action :

Screen recording of a video chat application showing the resolution changing based on the size of some video elements.Subscriber Auto Resolution in action(Note : L'image est accélérée)

Vous pouvez le tester vous-même avec la version de démonstration déployable en un seul clic démo que nous avons fournie.

Lorsque cette fonction est activée, Vonage envoie la résolution optimisée en fonction de la taille du participant à l'appel vidéo.

Comme indiqué précédemment, il suffit d'une ligne de code pour que tout fonctionne. Après le déclenchement d'un streamCreated se déclenche, définissez l'élément preferredResolution à auto dans l'objet options lors de la souscription au flux disponible pour la session.

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

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

Une chose à noter concernant cette fonction. Pour que Vonage puisse envoyer les différentes résolutions, l'appel vidéo doit être une session acheminée par le routeur média de Vonage. Il y a plusieurs façons de s'assurer que cela se produise :

  • Utiliser une autre fonction qui utilise le routeur média de Vonage, comme l'archivage, la diffusion, Experience Composer, etc.

  • Faire participer 3 personnes ou plus à un appel vidéo

Prendre contact

C'est ainsi que se termine cette petite présentation. Avez-vous essayé la démo et/ou utilisé la fonctionnalité dans une application ? Faites-le nous savoir dans le #video-api du canal Vonage Community Slack.

Partager:

https://a.storyblok.com/f/270183/384x384/1a06993970/dwanehemmings.png
Dwane HemmingsDéveloppeur JavaScript Advocate