한눈에 보기
  • 신호는 스트리밍되지 않고 기기에서 계산됩니다.
  • PWA는 온라인으로 방문한 뒤 핵심 파일을 캐시에 저장합니다.
  • 사이트 데이터를 지우면 오프라인 사본도 삭제될 수 있습니다.

사용해 보는 방법

인터넷에 연결된 상태에서 도구를 한 번 연 다음, 사용 중인 기기에서 비행기 모드로 테스트하세요. 브라우저나 설치된 PWA를 계속 사용할 수 있도록 유지하세요. 사이트 데이터를 지우면 캐시가 삭제되므로 온라인으로 다시 방문해야 합니다.

  1. 인터넷에 연결된 상태에서 홈페이지를 한 번 불러오고 재생을 누르세요.
  2. 비행기 모드를 켜고 페이지를 새로고침한 다음 재생을 다시 누르세요.
  3. 작동하지 않으면 페이지를 홈 화면에 추가한 뒤 다시 테스트하세요.

고려할 점

오프라인 사용 가능 여부는 브라우저의 저장 공간 정책에 따라 달라질 수 있습니다. 저장한 소리 조합에 앱에서 안정적으로 접근해야 할 때는 iPhone 전용 앱인 SleepMix를 선택할 수 있습니다.

생성기가 스트리밍 없이 소리를 만드는 방식

페이지와 오디오 워크릿이 로드되면 백색 소음, 핑크 소음, 브라운 소음이 기기 내 계산으로 생성됩니다. 버퍼링할 긴 원격 오디오 파일은 없습니다. PWA 서비스 워커는 앱의 기본 구성 파일과 핵심 JavaScript를 캐시에 저장하므로, 이후 방문 시 네트워크 연결 없이 해당 파일을 다시 불러올 수 있습니다.

웹사이트를 처음에는 정상적으로 불러와야 합니다. 브라우저가 사이트 데이터를 지우거나 저장된 데이터를 자동으로 삭제하면 다시 온라인에 접속해야 할 수 있습니다. 설치할 수 있다는 이유만으로 기기에 영구 보관된다고 생각하지 마세요.

실제로 오프라인 작동 확인하기

온라인 상태에서 페이지를 열고 로딩이 마무리될 때까지 기다리세요. 브라우저에서 설치 옵션을 제공한다면 아이콘을 추가해 다음에 더 쉽게 열 수 있습니다. 그런 다음 비행기 모드를 켜고 사이트를 다시 열어 재생을 누르세요. 이렇게 하면 아이콘의 유무만이 아니라 캐시된 페이지와 오디오 워크릿을 모두 확인할 수 있습니다.

배포된 미리보기의 데스크톱 Chromium에서 이 순서를 검증했습니다. 페이지가 오프라인으로 다시 로드되었고 생성된 오디오가 재생되기 시작했습니다. 그렇다고 모든 휴대폰 브라우저가 캐시를 유지하거나 화면 잠금 후에도 재생을 계속한다는 뜻은 아닙니다.

서비스 워커가 할 수 있는 일과 할 수 없는 일

서비스 워커는 캐시에서 네트워크 요청에 응답할 수 있지만, 항상 실행되는 오디오 프로세스는 아닙니다. MDN PWA 가이드에서는 브라우저가 비활성 워커를 중지하는 방식을 설명합니다. 재생을 누르면 열려 있는 페이지가 Web Audio 컨텍스트를 관리합니다.

기기가 해당 페이지의 실행을 일시 중단하면, 캐시된 파일이 있어도 소리가 계속 재생되지는 않습니다. 오프라인 접속과 화면 잠금 후 연속 재생은 각각 따로 테스트하세요.

캐시 삭제에 대비하기

브라우저 업데이트, 저장 공간 정리 또는 개인정보 보호 설정으로 캐시된 파일이 삭제될 수 있습니다. 여행 전에 도구를 열고 비행기 모드 테스트를 다시 해보세요. 인터넷 연결이 없는 곳에서 소리가 중요하다면 예비 수단을 준비하세요.

SleepMix iPhone 앱은 저장된 소리 조합을 사용하는 데 더 특화되어 있지만, 새 출력 기기를 연결하면 여전히 음량을 확인해야 합니다. 웹과 앱 모두 소리는 낮은 음량으로 설정하세요.

개인정보 보호와 기기 내 소리 생성

이 도구는 마이크 권한을 요청하거나 생성된 샘플을 업로드하지 않습니다. 온라인으로 방문하면 일반적인 페이지 요청은 호스팅 서비스에 전달되며, 외부 App Store 링크를 누르면 이 사이트를 벗어납니다. 오프라인으로 사용하면 브라우저가 다음에 연결될 때까지 이러한 페이지 요청이 발생하지 않습니다.

브라우저의 사이트 저장 공간을 지우면 캐시와 향후 기기에 저장될 환경설정이 모두 삭제됩니다. 이 사이트는 청취 기록을 저장하지 않습니다.

여행 전 간단히 확인하기

집에서 페이지를 여세요. 로딩이 끝날 때까지 기다리세요. 네트워크 연결을 끊고 페이지를 한 번 더 여세요. 재생을 누르세요. 소리가 들리면 현재 작동하는 오프라인 사본이 있는 것입니다. 소리가 들리지 않으면 다시 온라인에 접속해 재시도하세요. 통신 상태가 좋지 않은 곳으로 떠나기 전에 확인하세요. 아이콘이 저장되어 있다는 것만으로 캐시가 준비되었다고 볼 수는 없습니다.

자주 묻는 질문

MP3를 다운로드해야 하나요?

아니요. 이 브라우저 생성기는 코드가 로드되면 샘플을 계속 계산합니다.

첫 방문도 인터넷 없이 가능한가요?

아니요. 인터넷에 연결된 상태에서 정상적으로 방문하고, 오프라인으로 전환하기 전에 캐시가 준비되었는지 확인하세요.

모든 브라우저에서 오프라인 작동 방식이 같은가요?

아니요. 저장 공간 정책과 자동 삭제 방식이 다르므로 사용 중인 기기에서 비행기 모드로 테스트하세요.

출처