もうひとつのノイズ対策。基本的だが高度

前回の前回のブログ記事でビデオ通話のノイズ抑制が役に立つシナリオを紹介しました。さらに、Vonage Video SDKを使ってウェブアプリケーションにノイズ抑制を追加する2つの方法（ModerateとAdvanced）を紹介しました。両方の実装のサンプルアプリケーションも作成しました。

さて、あなたのビデオアプリケーションにノイズ抑制を追加する別のオプションがある。なぜかって？

ベーシックだが上級者向け

以前紹介したノイズ抑制を追加する方法では、外部ライブラリをインポートする必要がありました。最新のVonage Video JavaScript Client SDKリリースでは、同じ高度なノイズ抑制オーディオフィルタが含まれているため、インポートする必要はありません。このため、実装は非常に基本的なものになります。

試してみる

前回と同じく サンプル・アプリケーションを作成しました。のコードと非常によく似ています。 基本ビデオチャットサンプル.あなたはVideo API プレイグラウンドを使用して、アプリケーションの実行に必要な認証情報を生成できます。

ノイズ抑制の有効化／無効化

この基本実装では パブリッシャーオブジェクトメソッドを追加します。どちらも、何か問題が発生した場合はプロミスまたはエラーを返します。

// enable Noise Suppression

publisher.applyAudioFilter({

  type: 'advancedNoiseSuppression',

});

// disable Noise Suppression

publisher.clearAudioFilter();

最初からノイズ抑制を有効にする

ユーザーが通話へのパブリッシュを開始すると同時にノイズ抑制をオンにしたい場合は、typeという名前のキーと値が設定された audioFilterオブジェクトを渡してください。 advancedNoiseSuppressionを設定したオブジェクトを渡します。

const publisherOptions = {

  insertMode: 'append',

  width: '100%',

  height: '100%',

  resolution: '1280x720',

  audioFilter: {

    type: 'advancedNoiseSuppression'

  }

};

const publisher = OT.initPublisher(

    'publisher',

    publisherOptions,

    handleError

);

オーディオフィルターの種類を取得する

どのようなオーディオフィルターが適用されているかを知りたい場合は、次の方法があります。 getAudioFilter()メソッドがあります。 パブリッシャーオブジェクト.このメソッドは、オーディオ・フィルターが設定されていればそれを返し、設定されていなければNULLを返します。

publisher.getAudioFilter();

// output

{

    "type": "advancedNoiseSuppression"

}

// or

null

ブラウザサポート

前のブログ記事で述べたように、ノイズ抑制は、以下をサポートするブラウザで使用することができます。 メディアプロセッサをサポートしているブラウザで使用できます。Vonage Video JS Client SDKには、便利な hasMediaProcessorSupport 関数関数があります。

以上です！あなたのVideoアプリケーションにNoise Suppressionを追加してみてください。 ご質問やご意見がありましたら、私たちの コミュニティ・スラック・チャンネルでフォローしてください。 X.