Encore une autre suppression du bruit. Basique mais avancé

Dans mon dernier article de blog, j'ai donné des scénarios où la suppression du bruit dans les appels Video serait utile. De plus, j'ai présenté deux façons (modérée et avancée) de l'ajouter à vos Applications Web avec le SDK Video de Vonage. J'ai même créé des exemples d'Applications pour les deux implémentations.

Aujourd'hui, je vous propose une autre option pour ajouter la suppression du bruit à vos Applications vidéo. Pourquoi ?

Basique mais avancé

Les méthodes mentionnées précédemment pour ajouter la suppression du bruit nécessitaient l'importation de bibliothèques externes. Avec la dernière version de Vonage Video Client SDK, il n'est pas nécessaire d'importer car le même filtre audio avancé de suppression du bruit est inclus. La mise en œuvre est donc très simple.

Essayez-le

Comme la dernière fois, j'ai créé une exemple d'application afin que vous puissiez tester la fonctionnalité et jeter un coup d'œil au code. Il est TRÈS similaire au code de l'exemple de chat vidéo de base. Exemple de Video Chat basique. Vous pouvez utiliser le Video API Playground de Vonage pour générer les informations d'identification nécessaires à l'exécution de l'application.

Activer / désactiver la suppression du bruit

Cette implémentation de base ajoute des méthodes à l'objet objet éditeur pour activer et désactiver la suppression du bruit. Les deux méthodes renvoient une promesse ou une erreur en cas de problème.

// enable Noise Suppression

publisher.applyAudioFilter({

  type: 'advancedNoiseSuppression',

});

// disable Noise Suppression

publisher.clearAudioFilter();

Activer la suppression du bruit dès le départ

Si vous souhaitez que la suppression du bruit soit activée dès que l'utilisateur commence à publier dans l'appel, il vous suffit de transmettre un audioFilter dont la clé est nommée type et dont la valeur est fixée à advancedNoiseSuppression dans les options lors de l'initialisation de l'éditeur.

const publisherOptions = {

  insertMode: 'append',

  width: '100%',

  height: '100%',

  resolution: '1280x720',

  audioFilter: {

    type: 'advancedNoiseSuppression'

  }

};

const publisher = OT.initPublisher(

    'publisher',

    publisherOptions,

    handleError

);

Obtenir le type de filtre audio

Si vous souhaitez savoir à tout moment quel filtre audio est appliqué, vous pouvez utiliser la méthode suivante getAudioFilter() sur l'objet Objet éditeur. Elle renvoie le filtre audio s'il est défini ou null s'il ne l'est pas.

publisher.getAudioFilter();

// output

{

    "type": "advancedNoiseSuppression"

}

// or

null

Support des navigateurs

Comme indiqué dans le billet précédent, la suppression du bruit peut être utilisée dans les navigateurs qui prennent en charge les processeurs de média. processeurs de médias comme Chrome / Chromium (Electron, Opera et Edge). Le Client SDK Video SDS de Vonage possède une fonction utile, la fonction hasMediaProcessorSupport qui permet de déterminer si le client est pris en charge.

Voilà, c'est fait ! Essayez d'ajouter la suppression du bruit à votre application Video et faites-nous part de vos impressions. Si vous avez des questions ou des commentaires, n'hésitez pas à nous contacter sur notre canal Slack de la communauté et suivez-nous sur X.