About

SiteTuneとは

SiteTuneは、入力されたWebサイトのURLを「音楽」に変換するサービスです。AI(機械学習)は一切使用せず、HTMLの構造そのものから決定論的アルゴリズムで音楽イベントを生成し、ブラウザのWebAudio APIで合成・再生します。

サービスの特徴

1. AIを使わない決定論的生成

同じURLからは、いつ実行しても同じ曲が生成されます。これは、HTMLのタグ数・見出し階層・段落数・リンク数・meta情報などを数値化し、それを楽器・スケール・テンポ・コード進行のパラメータに割り当てているためです。

2. WebAudioシンセサイザー

外部のサンプル音源は最小限(ドラム類のみ)で、メロディ・コード・ベース・リードはすべてブラウザ内のオシレータとフィルタで合成しています。プラグインサイズはわずか362KB(v2.0.0)、CDNや外部APIへの依存はありません。

3. 4ジャンル自動判定

サイトの構造的特徴に応じて、Synthwave / Electropop / Techno / Ambient のいずれかが自動選択されます。ニュースサイトはElectropop、技術ドキュメントはTechno、ブログはSynthwave、…といった傾向があります。

技術スタック

  • WordPress プラグイン (PHP) — URL取得 / HTML解析 / イベントJSON生成 / REST API提供
  • WebAudio API (JavaScript) — シンセエンジン・ミックス・再生
  • 純シンセ実装 — 2オシレータ + レゾナントフィルタ + エンベロープ + LFO
  • ドラム — VCSLアコースティックドラム(WAV)
  • サーバー — Xserver (PHP 8.3, MariaDB)

制作背景

「Webサイトの構造的な複雑さ」を、視覚ではなく聴覚で体感してみたい — そんな素朴な疑問から始まったプロジェクトです。シンプルなランディングページと、複雑な情報サイトを聴き比べると、確かにそれぞれ違う音楽が流れます。

使い方

  1. トップページのURL入力欄に、聴いてみたいWebサイトのURLを入力
  2. 「音楽を生成」ボタンをクリック
  3. 再生ページに遷移、自動でHTMLを解析・JSONを生成
  4. 「再生」ボタンを押して音楽を聴く

注意事項

JavaScriptの実行が必要です。一部のブラウザではWebAudio APIの仕様により、ユーザー操作(クリック)後でないと音が出ない場合があります。