Otra supresión del ruido. Básico pero avanzado

En mi última entrada del blog, presenté escenarios en los que la supresión de ruido en videollamadas sería útil. Además, presenté 2 maneras (Moderada y Avanzada) de agregarla a tus aplicaciones web con el SDK de video de Vonage. Incluso creé aplicaciones de muestra para ambas implementaciones.

Ahora, tengo otra opción para añadir supresión de ruido a tus aplicaciones de Video. ¿Por qué?

Básico pero avanzado

Los métodos mencionados anteriormente para agregar supresión de ruido requerían importar bibliotecas externas. Con la última versión de Vonage Video JavaScript Client SDK, no hay necesidad de importar porque se incluye el mismo filtro de audio de supresión de ruido avanzado. Esto hace que la implementación sea muy básica.

Pruébelo

Como la última vez, he creado una aplicación de ejemplo para que puedas probar la función y echar un vistazo al código. Es MUY similar al código para el Video Chat Básico. Puedes usar el Zona de juegos de la Video API de Vonage para generar las credenciales necesarias para ejecutar la aplicación.

Activar / Desactivar Supresión de Ruido

Esta implementación básica añade métodos al objeto editor para activar y desactivar la supresión de ruido. Ambos devuelven una promesa o un error si algo va mal.

// enable Noise Suppression

publisher.applyAudioFilter({

  type: 'advancedNoiseSuppression',

});

// disable Noise Suppression

publisher.clearAudioFilter();

Activar la supresión de ruido desde el principio

Si desea que la supresión de ruido se active en cuanto el usuario comience a publicar en la llamada, sólo tiene que pasar un audioFilter con una clave llamada type y su valor establecido a advancedNoiseSuppression en las opciones al inicializar el Editor.

const publisherOptions = {

  insertMode: 'append',

  width: '100%',

  height: '100%',

  resolution: '1280x720',

  audioFilter: {

    type: 'advancedNoiseSuppression'

  }

};

const publisher = OT.initPublisher(

    'publisher',

    publisherOptions,

    handleError

);

Obtener el tipo de filtro de audio

Si en algún momento desea saber qué filtro de audio se está aplicando, existe el getAudioFilter() en el objeto objeto editor. Devolverá el filtro de audio si está establecido o null si no lo está.

publisher.getAudioFilter();

// output

{

    "type": "advancedNoiseSuppression"

}

// or

null

Compatibilidad con navegadores

Como se mencionó en la entrada anterior del blog, la supresión de ruido se puede utilizar en los navegadores que admiten procesadores multimedia como Chrome / basados en Chromium (Electron, Opera y Edge). El Client SDK de Vonage Video JS tiene una útil función función hasMediaProcessorSupport para determinar si el cliente es compatible.

Ya está. Prueba a añadir la Supresión de Ruido a tu aplicación de Video y cuéntanos qué tal te ha ido. Si tiene alguna pregunta o comentario, póngase en contacto con nosotros en nuestro Canal Slack de la comunidad y síguenos en X.