猫の手道具箱ロゴ

猫の手道具箱

このサイトは社内情シスやPGに役立ちそうなツールを公開しています。

音声ノイズ除去デモ(WebGPU)

音声ファイルをアップロードすると、ブラウザ内で(対応環境ではWebGPU、非対応環境では JavaScriptに自動フォールバックして)ノイズゲート処理とスムージングを適用し、処理前後を その場で聴き比べられます。音声はサーバーに送信されません。

ここに音声ファイル(WAV/MP3等)をドラッグ&ドロップ、
またはクリックして選択してください

シェアする:

概要

音声ファイルの無音~小音量区間を解析してノイズフロアを推定し、その区間を減衰させる ノイズゲート処理と、高周波のヒスノイズを抑える簡易スムージングをブラウザ内で適用します。 対応ブラウザではWebGPUの並列計算を使用し、非対応環境やエラー時は自動でJavaScript実装に 切り替わります。

※処理はすべてブラウザ内で完結し、音声ファイルはサーバーに送信されません。処理時間短縮のため、長い音声は先頭3分までを処理対象とします。

実務での活用例

録音データを扱う機会のある社内担当者や、Web技術の検証を行うエンジニアが活用できます。

💡 会議録音の簡易クリーニング

状況: 空調音やマイクのヒスノイズが入った会議録音を手早く聴きやすくしたい

活用方法: 録音ファイルをアップロードし、強度を調整しながら処理後の音声を確認

期待効果: 外部ツールを使わずその場で簡易クリーニングを完了

💡 WebGPU対応状況の検証

状況: 社内で使用するブラウザ・端末がWebGPUに対応しているか確認したい

活用方法: ツールを開いた際の対応状況表示(WebGPU/JSフォールバック)を確認

期待効果: 次世代Web技術の導入検討material作成に活用

💡 社内ナレーション素材の下処理

状況: 研修動画のナレーション録音にノイズが乗ってしまった

活用方法: 本格的な編集ソフトを使う前に、簡易クリーニングで改善度合いを確認

期待効果: 本格編集が必要かどうかの判断を素早く行える

詳しい使い方

主な機能

  • WebGPU自動検出・フォールバック - 対応環境ではWebGPUで並列処理し、非対応やエラー時は自動でJavaScript実装に切り替え
  • ノイズゲート - 音量の小さい区間を自動検出し、指定した強さに応じて減衰
  • ヒスノイズ用スムージング - 短い移動平均フィルタで高周波ノイズを軽減
  • 処理前後の聴き比え・ダウンロード - 2つのプレーヤーで比較し、処理後の音声をWAVでダウンロード

使い方の手順

  1. 音声ファイルをドロップまたは選択してアップロードする
  2. ノイズ除去の強さをスライダーで調整する
  3. 「ノイズ除去を実行」をクリックする
  4. 処理前・処理後のプレーヤーで聴き比べる
  5. 必要であれば処理後の音声をWAVファイルとしてダウンロードする

⚠️ 制限事項

  • 処理時間短縮のため、音声の先頭3分までを処理対象とします
  • 本ツールは簡易的なノイズゲート+スムージングであり、高度なAIノイズ除去(音声分離モデル等)とは異なります
  • WebGPU対応状況はブラウザ・OS・ハードウェアにより異なります

技術仕様とセキュリティ

✓
完全なクライアントサイド処理

音声のデコード・ノイズ除去・エンコードはすべてブラウザ内で行われ、ファイルはサーバーに送信されません。

✓
WebGPU + JavaScriptフォールバック構成

navigator.gpuが利用可能な場合はWebGPUの計算シェーダーで処理し、利用不可またはエラー時は同一アルゴリズムのJavaScript実装で処理します。

✓
対応ブラウザ

Web Audio API対応ブラウザであれば動作します(Chrome、Firefox、Safari、Edge)。WebGPUによる高速化はChrome等の対応ブラウザでのみ有効です。

✓
無料利用

登録不要で完全無料でご利用いただけます。