Noch eine Geräuschunterdrückung. Einfach, aber fortschrittlich

In meinem letzten Blogbeitrag, habe ich Szenarien beschrieben, in denen die Rauschunterdrückung bei Videoanrufen nützlich sein kann. Außerdem habe ich 2 Möglichkeiten (Moderate und Advanced) vorgestellt, um sie mit dem Vonage Video SDK zu Ihren Webanwendungen hinzuzufügen. Ich habe sogar Beispielanwendungen für beide Implementierungen erstellt.

Jetzt habe ich eine weitere Möglichkeit, Ihre Video Applications mit Rauschunterdrückung zu versehen. Warum?

Grundlegend aber fortgeschritten

Die zuvor erwähnten Methoden zum Hinzufügen von Rauschunterdrückung erforderten den Import von externen Bibliotheken. Mit der neuesten Version des Vonage Video JavaScript Client SDK ist ein Import nicht mehr erforderlich, da derselbe fortschrittliche Audiofilter zur Rauschunterdrückung enthalten ist. Dies macht die Implementierung sehr einfach.

Probieren Sie es aus

Wie beim letzten Mal, habe ich eine Beispielanwendung erstellt, damit Sie die Funktion ausprobieren und einen Blick auf den Code werfen können. Er ist dem Code für das Basic Video Chat Beispiel. Sie können den Vonage Video API Playground verwenden, um die zum Ausführen der Anwendung erforderlichen Anmeldeinformationen zu generieren.

Aktivieren / Deaktivieren der Rauschunterdrückung

Diese Basisimplementierung fügt Methoden für das Publisher-Objekt um die Rauschunterdrückung zu aktivieren und zu deaktivieren. Beide geben ein Versprechen oder einen Fehler zurück, wenn etwas schief geht.

// enable Noise Suppression

publisher.applyAudioFilter({

  type: 'advancedNoiseSuppression',

});

// disable Noise Suppression

publisher.clearAudioFilter();

Aktivieren Sie die Rauschunterdrückung von Anfang an

Wenn Sie möchten, dass die Geräuschunterdrückung eingeschaltet wird, sobald der Benutzer mit der Veröffentlichung des Aufrufs beginnt, übergeben Sie einfach ein audioFilter Objekt mit einem Schlüssel namens type und einem Wert, der auf advancedNoiseSuppression in den Optionen beim Initialisieren des Publishers.

const publisherOptions = {

  insertMode: 'append',

  width: '100%',

  height: '100%',

  resolution: '1280x720',

  audioFilter: {

    type: 'advancedNoiseSuppression'

  }

};

const publisher = OT.initPublisher(

    'publisher',

    publisherOptions,

    handleError

);

Abrufen des Audiofiltertyps

Wenn Sie zu irgendeinem Zeitpunkt wissen möchten, welcher Audiofilter angewendet wird, gibt es die getAudioFilter() Methode auf dem Herausgeber-Objekt. Sie gibt entweder den Audiofilter zurück, wenn er gesetzt ist, oder null, wenn er nicht gesetzt ist.

publisher.getAudioFilter();

// output

{

    "type": "advancedNoiseSuppression"

}

// or

null

Browser-Unterstützung

Wie im vorherigen Blogbeitrag erwähnt, kann die Rauschunterdrückung in Browsern verwendet werden, die Folgendes unterstützen Medienprozessoren wie Chrome / Chromium-basiert (Electron, Opera und Edge). Das Vonage Video JS Client SDK verfügt über eine hilfreiche hasMediaProcessorSupport-Funktion um festzustellen, ob der Client Unterstützung hat.

Das war's! Versuchen Sie, die Rauschunterdrückung zu Ihrer Video-Anwendung hinzuzufügen, und lassen Sie uns wissen, wie es funktioniert. Wenn Sie Fragen oder Kommentare haben, melden Sie sich in unserem Slack-Kanal der Gemeinschaft und folgen Sie uns auf X.