要点
  • 画面をロックすると、ブラウザが一時停止されることがあります。
  • PWAをインストールしても、バックグラウンド再生が保証されるわけではありません。
  • 一晩中の再生に使う前に、実際に使う端末で動作を確認してください。

試し方

就寝前に、実際に使うスマートフォンとブラウザで動作を確認してください。タブを開いたままにし、差し支えなければ省電力設定をオフにするか、専用の再生操作機能があるSleepMixのiPhoneアプリを使ってください。

  1. 再生ボタンを押してスマートフォンをロックし、起きたまま5分間待ちます。
  2. ロックを解除し、ツールが再生中と表示しているか、再開を求めているかを確認します。
  3. 音が止まった場合は、ホーム画面にインストールした版かSleepMixアプリで、一晩中の再生を試してください。

気をつけたいこと

このジェネレーターは、システムの音声ポリシーを変更できません。PWAをインストールするとアイコンからページを開き直しやすくなりますが、画面ロック中の連続再生が保証されるわけではありません。

バックグラウンドでウェブページに起こること

このジェネレーターは、ページがアクティブな間、Web Audioを使用します。画面がロックされたり、別のアプリに切り替わったりすると、ブラウザとOSが音声コンテキストを継続、一時停止、または中断するかを決めます。JavaScriptから、バックグラウンドで中断なく動作し続けるよう要求することはできません。

AppleのWebKitの問題報告履歴には、Safariのタブ、ホーム画面のウェブアプリ、iOSのバージョンによる違いが記録されています。そのため、すべてのiPhoneが同じように動作すると断言せず、現在使っている端末で確認する必要があります。

ホーム画面のアイコンだけでは、ネイティブアプリの音声権限は得られません

PWAをインストールすると、ページにアイコンが付き、アプリのようなウィンドウで開けます。サービスワーカーはページのファイルをキャッシュし、オフラインでも再び開けるようにできますが、ページが一時停止された後もWeb Audioのワークレットを再生し続けることはできません。

オフライン動作とバックグラウンド動作に関するMDNガイドでは、サービスワーカーは非アクティブになると停止される場合があると説明されています。オフライン用のキャッシュと音声の連続再生は、それぞれ異なる機能です。

就寝時と同じ使い方で試す

短いタイマーを設定し、再生ボタンを押して、起きている間にスマートフォンをロックしてください。音が続くか判断できるまで、ロックしたままにします。その後ロックを解除し、タイマーの状態と音の再生状況が一致しているか確認してください。Bluetoothスピーカーを接続した後や、ブラウザを変更した後にも繰り返してください。

夜間に通知や電話がよく来る場合は、それらも試してください。画面ロックだけでは音が止まらなくても、音声の出力先が変わると再生が中断されることがあります。

現実的な代替手段を選ぶ

再生が止まる場合は、寝つくまで画面を点灯させたままブラウザを使い、その後は部屋を静かにしてください。iPhoneの専用アプリには、長時間の再生を想定したネイティブの音声セッションがあります。その用途のために、ここでSleepMixへのリンクを紹介しています。

電池切れ、スピーカーの接続切れ、端末の設定によって音が中断されることは絶対にないと約束できるアプリやウェブサイトはありません。必ず起きる必要がある時刻には、別のアラームを用意してください。

問題への対処はシンプルに

タップ操作でブラウザを開いたこと、端末の音量が上がっていること、音声の出力先が想定どおりであることを確認してください。中断後にページに再生と表示されているのに音が出ない場合は、いったん停止してから再生し直してください。音声コンテキストが一時停止しているときに、音が出ないからといって繰り返し音量を上げないでください。

ブラウザの更新で動作が変わった場合は、サポートへの問い合わせ時に、ブラウザ、iOSのバージョン、出力機器を記録して伝えてください。これらの情報は、タイマーが動かなかったという曖昧な報告よりも役立ちます。

就寝前の短い動作確認

ページを開き、再生ボタンを押して音量を下げます。スマートフォンを数分間ロックしてください。音がまだ聞こえる場合は、ロックを解除して電話や通知を試します。この簡単な確認は、すべてのスマートフォンが同じように動作するという説明よりも、はるかに多くのことを教えてくれます。音が途切れる場合は、寝つくまでの間だけ使う予定にしてください。

よくある質問

サイトをホーム画面に追加すれば解決しますか?

ツールを開き直しやすくなりますが、OSの音声ポリシーを変更することはできません。

あるブラウザでは動くのに、別のブラウザでは動かないのはなぜですか?

ブラウザエンジン、端末の設定、音声の出力経路が異なり、更新後に動作が変わることもあるためです。

iPhoneで安定して使うための代替手段は何ですか?

SleepMixなどの専用アプリは、ネイティブの音声セッションを使うように設計されています。それでも、大切な夜の前には端末で動作を確認してください。

出典