SiteTuneの使い方ガイド
このページでは、SiteTuneの基本的な使い方を、ステップごとに解説します。アカウント登録は不要、ブラウザ1つで完結します。
準備するもの
- JavaScript対応のモダンブラウザ（Chrome / Edge / Safari / Firefox の最新版を推奨）
- 音声出力デバイス（スピーカー or イヤホン）
- 音楽として聴いてみたいWebサイトのURL
STEP 1: トップページを開く
ブラウザで https://sitetune.net/ を開いてください。中央に大きなURL入力フォームが表示されます。
STEP 2: URLを入力する
分析したいサイトのURLを https:// から含めて貼り付けます。例えば:
https://www.yahoo.co.jp/https://github.com/https://en.wikipedia.org/
「音楽を生成」ボタンをクリックすると、再生ページに遷移します。
STEP 3: 解析を待つ
サーバー側でHTMLを取得・解析するのに数秒かかります。「解析中…」の表示が出ている間は、サーバーがそのサイトのHTMLを取得し、構造を抽出しているところです。
サイトの規模によっては最大10秒程度かかることがあります。タイムアウトしてしまった場合は、別のURLで試してみてください。
STEP 4: 再生する
解析が完了すると、「再生」「停止」ボタンが表示されます。「再生」をクリックすると、その場で音楽の合成が始まります。
ブラウザのオートプレイ制限の関係で、最初に必ず「再生」ボタンを押す必要があります（自動再生はされません）。
STEP 5: 音量を調整する
「音量」スライダーで、全体のマスター音量を調整できます。デフォルトは80%です。最初は控えめにして、少しずつ上げることをおすすめします。
追加機能
JSONを表示する
「JSONを表示」ボタンを押すと、サーバーが生成した楽曲イベントの生データが表示されます。「どの楽器がいつ・どの音を鳴らしているか」が確認できます。
ビジュアライザー
再生中、波形が下部に表示されます。これは現在出力されている音声の波形をリアルタイムに描画したもので、サイト構造の「複雑さ」が視覚化される瞬間でもあります。
トラブルシューティング
音が出ない
- ブラウザのタブがミュートされていないか確認
- システム音量が下がっていないか確認
- 「再生」ボタンを押したか確認（自動再生はされません）
- ブラウザを再起動してみる
解析が進まない
- そのサイトが外部からのアクセスをブロックしていないか
- URLにタイポがないか
- HTTPSではなくHTTPでも試してみる
おすすめの使い方
- 友達のブログを音楽化してプレゼント
- 競合サイトを聴き比べ
- 自分のサイトのリニューアル前後を比較
- 背景BGMとして再生しながら作業
「サイトの音楽化」という新しい体験を、ぜひお楽しみください。