水・風・生き物・天気・環境 の5カテゴリから50種類の自然音を自由に組み合わせ、 自分だけのサウンドスケープを作り出すブラウザ完結型BGMアプリケーション。
このソフトウェアは、Web Audio API を使ってブラウザ上でリアルタイムに自然音を合成・再生するBGMミキサーです。 外部の音声ファイルを一切使用せず、すべての音はJavaScriptが生成するノイズ・発振器・フィルターの組み合わせで作られています。
複数の音を同時に重ねることで、深い森の朝や雨の夜の焚き火など、 豊かな自然環境をヘッドフォンの中に再現できます。作業・睡眠・瞑想・リラクゼーションなど、あらゆる場面で活用できます。
全50サウンドは自然界の要素に合わせて5つのカテゴリに分類されています。 各カテゴリはフィルタータブで絞り込み表示ができます。
プリセットは複数サウンドの最適な組み合わせを記憶したショートカットです。 選択するとすべての再生中のサウンドを停止し、そのシーンのサウンドセットを自動的に再生します。
このアプリケーションはサーバー不要のピュアなフロントエンド技術のみで構築されており、 HTMLファイル単体でどのモダンブラウザでも動作します。
| 技術要素 | 内容 | 詳細 |
|---|---|---|
| Web Audio API | 音声生成エンジン | ブラウザ標準APIでリアルタイムに音声を合成。外部ファイル不要でノイズ・発振器・フィルターを組み合わせて自然音を再現します。 |
| AudioBufferSourceNode | ノイズループ生成 | ホワイトノイズバッファを生成し、BiquadFilterNodeでフィルタリングすることで風・水・雨などの連続音を実現。 |
| OscillatorNode | 周期音・LFO | コオロギ・セミ・クジラなど周期性のある生き物の音や、音色変化のためのLFO（低周波発振器）として使用。 |
| BiquadFilterNode | 音色成形 | ローパス・ハイパス・バンドパスフィルターを組み合わせ、それぞれの自然音の周波数特性を作り出します。 |
| GainNode | 音量制御・エンベロープ | 個別音量・マスター音量の調整に加え、鳴き声や雷のアタック/リリース制御にも使用。 |
| setTimeout / clearTimeout | ランダムタイミング | フクロウ・カエル・雷など不定期に発生する音に、ランダムな間隔のタイマーを使用してリアルな自然感を演出。 |
| HTML / CSS / JavaScript | フロントエンド | 単一HTMLファイルで完結。外部ライブラリなし（Googleフォントのみ）。CSS変数・アニメーション・Grid/Flexboxレイアウト使用。 |
集中作業・勉強には「深い森」や「小川＋そよ風」の組み合わせが集中力を高めます。 睡眠・リラックスには「夜の静寂」や「波音＋海風」がおすすめです。 瞑想・ヨガには「禅の庭」プリセットが心を落ち着かせます。 すべての音はシームレスにループするため、何時間でも途切れなくBGMとして流し続けられます。