要点
  • 音声信号はストリーミングではなく、端末内で計算されます。
  • PWA はオンラインでアクセスした後、主要なファイルをキャッシュします。
  • サイトデータを消去すると、オフライン用のコピーが削除される場合があります。

試し方

ネットワークに接続した状態で一度ツールを開き、その後、お使いの端末で機内モードを試してください。ブラウザーまたはインストール済みの PWA を使える状態にしておいてください。サイトデータを消去するとキャッシュが削除され、再びオンラインでアクセスする必要があります。

  1. ネットワークに接続した状態でホームページを一度読み込み、再生を押します。
  2. 機内モードをオンにし、ページを再読み込みして、もう一度再生を押します。
  3. うまくいかない場合は、ページをホーム画面に追加して、もう一度試してください。

気をつけたいこと

オフラインで使えるかどうかは、ブラウザーの保存ポリシーによって異なる場合があります。保存したミックスにアプリから安定してアクセスしたい場合、SleepMix は iPhone 向けの専用の選択肢です。

ストリーミングを使わずに音を生成する仕組み

ページと音声ワークレットが読み込まれると、ホワイトノイズ、ピンクノイズ、ブラウンノイズが端末内の計算によって生成されます。外部の長い音声ファイルをバッファリングする必要はありません。PWA のサービスワーカーはページの基本構造と主要な JavaScript をキャッシュするため、次回以降はネットワーク接続なしでそれらのファイルを再読み込みできる場合があります。

このウェブサイトは、初回に正常に読み込む必要があります。ブラウザーがサイトデータを消去したり、保存データを自動削除したりした場合は、再びオンラインにする必要があるかもしれません。「インストール可能」であることは、端末内に永久に保存される保証ではありません。

実際にオフラインで確認する

オンラインの状態でページを開き、読み込みが落ち着くまで待ちます。ブラウザーにインストール機能がある場合は、アイコンを追加すると次回から開きやすくなります。その後、機内モードをオンにし、サイトを開き直して再生を押してください。これにより、アイコンがあるだけでなく、キャッシュされたページと音声ワークレットの両方が動作するかを確認できます。

公開済みのプレビューをデスクトップ版 Chromium で使い、この手順を検証しました。ページはオフラインで再読み込みされ、音声の生成と再生が始まりました。ただし、すべてのスマートフォンのブラウザーでキャッシュが保持されることや、画面をロックした後も再生が続くことを証明するものではありません。

サービスワーカーにできることとできないこと

サービスワーカーはキャッシュからネットワークリクエストに応答できますが、常時動作する音声処理ではありません。MDN PWA ガイドでは、ブラウザーが非アクティブなワーカーを停止することを説明しています。再生を押すと、開いているページが Web Audio コンテキストを管理します。

端末がそのページを一時停止すると、ファイルがキャッシュされていても音は鳴り続けません。オフラインでのアクセスと画面ロック中の再生継続は、別々に確認してください。

キャッシュの消失に備える

ブラウザーの更新、保存領域の整理、プライバシー設定によって、キャッシュされたファイルが削除される場合があります。出かける前にツールを開き、機内モードで再度確認してください。通信できない場所で音が必要な場合は、予備の手段を用意しておきましょう。

SleepMix の iPhone アプリでは、保存したミックスを専用アプリで使えますが、新しい出力機器を使うときは音量の確認が必要です。ウェブでもアプリでも、音量は控えめに設定してください。

プライバシーと端末内での音声生成

このツールはマイクへのアクセス許可を求めず、生成した音声サンプルをアップロードしません。オンラインでアクセスする際は、通常のページリクエストがホスティングサービスに送られます。また、外部の App Store リンクを開くと、このサイトから移動します。オフラインで使っている間は、ブラウザーが次に接続するまで、それらのページリクエストは送られません。

ブラウザーのサイト保存領域を消去すると、キャッシュと、今後端末内に保存される設定が削除されます。このサイトは再生履歴を保存しません。

出かける前の簡単な確認

自宅でページを開き、読み込みが終わるまで待ちます。ネットワーク接続を切り、もう一度ページを開いて、再生を押してください。音が聞こえれば、その時点ではオフライン用のコピーが動作しています。聞こえなければ、オンラインに戻して再度試してください。電波の弱い場所へ出かける前に、この確認を済ませておきましょう。アイコンが保存されているだけでは、キャッシュの準備ができている証拠にはなりません。

よくある質問

MP3 をダウンロードする必要はありますか?

いいえ。このブラウザー用生成ツールは、コードが読み込まれると音声サンプルを継続的に計算します。

初回のアクセスもインターネットなしで使えますか?

いいえ。ネットワークに接続した状態で正常にアクセスし、オフラインにする前にキャッシュの準備ができていることを確認してください。

オフラインでの動作は、どのブラウザーでも同じですか?

いいえ。保存ポリシーやデータの自動削除の仕組みが異なるため、お使いの端末で機内モードを試してください。

出典