重點速覽
  • 音訊訊號是在裝置上計算產生,並非透過串流傳送。
  • 連網造訪後,PWA 會快取核心檔案。
  • 清除網站資料可能會移除離線副本。

如何試用

先在連網時開啟工具一次,再於自己的裝置上測試飛航模式。保留瀏覽器或已安裝的 PWA,以便再次開啟;清除網站資料會移除快取,之後必須再次連網造訪。

  1. 連網載入首頁一次,然後按下「播放」。
  2. 開啟飛航模式,重新載入頁面,再次按下「播放」。
  3. 如果無法使用,請將頁面加入主畫面,然後重複測試。

需要考慮的事項

離線功能是否可用,可能因瀏覽器的儲存政策而異。如果你需要透過專用 App 穩定存取已儲存的混音,SleepMix 是 iPhone 上的選擇。

產生器如何避免串流傳送

頁面及其音訊工作模組載入後,白噪音、粉紅噪音與棕噪音會透過裝置上的計算產生,無須緩衝遠端的長篇音訊檔案。PWA 的服務工作執行緒會快取應用程式外殼與核心 JavaScript,讓之後造訪時可能無須網路連線也能重新載入這些檔案。

網站仍需要成功完成首次載入。如果瀏覽器清除網站資料或移除已儲存的資料,你可能需要再次連網。請勿將「可安裝」視為永久保留本機資料的保證。

實際檢查離線功能

連網時開啟頁面,等待載入完成。如果瀏覽器提供安裝選項,加入圖示可讓之後開啟更方便。接著開啟飛航模式,重新開啟網站並按下「播放」。這會同時測試快取頁面與音訊工作模組,而不只是確認圖示是否存在。

我們已在部署的預覽版本中,使用桌面版 Chromium 驗證這組步驟:頁面成功離線重新載入,並開始產生及播放音訊。這並不能證明所有手機瀏覽器都會保留快取,或在鎖定螢幕後持續播放。

服務工作執行緒能做與不能做的事

服務工作執行緒可以從快取回應網路請求,但它並不是持續運作的音訊程序。MDN PWA 指南說明了瀏覽器如何停止閒置的工作執行緒。當你按下「播放」時,Web Audio 音訊環境由開啟中的頁面持有。

如果裝置暫停該頁面,即使檔案已快取,也無法讓聲音持續播放。請分別測試離線存取,以及鎖定螢幕後能否持續播放。

為快取遺失做好準備

瀏覽器更新、儲存空間清理或隱私設定都可能移除快取檔案。出發前,請開啟工具並再次進行飛航模式測試。如果你在沒有網路的地方很需要聲音,請準備備用方案。

SleepMix iPhone App 提供更專門的混音儲存與使用體驗,但更換音訊輸出裝置後,你仍須檢查音量。無論使用網站或原生 App,都應將音量調低。

隱私與裝置端聲音產生

此工具不會要求麥克風權限,也不會上傳產生的音訊樣本。連網造訪時,一般頁面請求仍會傳送至網站託管服務,而外部 App Store 連結會帶你離開本站。離線使用時不會傳送這些頁面請求,直到瀏覽器下次連線為止。

如果你清除瀏覽器的網站儲存空間,快取及日後可能儲存的本機偏好設定也會一併移除。本站不會儲存聆聽紀錄。

出遊前的快速檢查

在家開啟頁面,等待載入完成。關閉網路後,再次開啟頁面並按下「播放」。如果聽得到聲音,就表示目前有可用的離線副本。如果沒有聲音,請重新連網再試一次。前往訊號不佳的地方之前,請先完成這項測試。僅有儲存的圖示,並不能證明快取已準備就緒。

常見問題

我需要下載 MP3 嗎?

不需要。這個瀏覽器產生器的程式碼載入後,就會持續計算音訊樣本。

第一次造訪時,沒有網路也能使用嗎?

不行。請先在連網時成功造訪,並在離線前確認快取已準備就緒。

每個瀏覽器的離線運作方式都一樣嗎?

不一樣。各瀏覽器的儲存政策與資料移除機制不同,因此請在自己的裝置上測試飛航模式。

資料來源