휴대폰이 잠금 화면으로 전환되거나 사이트가 백그라운드에 있을 때, 사용자가 PWA 설정(홈 화면에 추가)을 통해 포럼에 접근하는 경우 오디오 및 비디오 파일이 재생되지 않는 것을 확인했습니다.
PWA로 접근할 때 잠금 화면/백그라운드 재생을 활성화할 수 있는 방법이 있을까요?
저에게 놀라운 점은 다음과 같습니다. 웹으로 직접 포럼에 접근하면, 휴대폰이 잠겨 있거나 사이트가 백그라운드에 있을 때에도 오디오와 비디오가 재생됩니다. 문제는 PWA를 통해 접근할 때 발생합니다.
이 현상은 iPhone에서 확인됩니다.
상세 정보
사용자가 휴대폰을 사용 중일 때, 휴대폰이 잠기거나 사이트 자체가 백그라운드에 있을 때에도 오디오 및 미디어 파일이 계속 재생되기를 희망합니다.
iOS의 경우, 사용자가 모바일 웹으로 사이트를 접근하면 두 경우 모두 기본 동작은 정상입니다:
–오디오 파일(mp3 등)의 경우, 휴대폰이 잠겨 있거나 사이트가 백그라운드에 있을 때에도 파일이 계속 재생됩니다. 이는 완벽합니다.
–비디오 파일(mp4 등)의 경우, 휴대폰이 잠기거나 사이트가 백그라운드에 있을 때 재생이 중단됩니다. 그러나 잠금 화면에서 사용자가 재생 버튼을 눌러 다시 시작할 수 있으며, 사이트가 백그라운드에 있을 때 컨트롤 센터를 열어 재생 버튼을 누르면 비디오를 다시 재생할 수 있습니다.
그러나 사용자가 PWA를 통해 사이트를 접근하면 어느 것도 작동하지 않습니다. 휴대폰이 잠기거나 사이트가 백그라운드로 전환되면 모든 재생이 중단되며, 다시 잠금을 해제하고 사이트로 진입하기 전까지는 재생을 다시 시작할 수 있는 옵션이 없습니다.
유튜브 영상이 모바일 Safari와 PWA에서 동일한 방식으로 동작하는 것 같습니다. 즉, 배경 실행이나 잠금 화면에서 재생할 수 없습니다. 이는 유튜브가 특수한 경우일 수 있습니다(예: 유튜브 프리미엄 구독자가 아니면 배경 재생을 차단하는 등, 이것이 여기에도 영향을 미칠 수 있음).
아이폰에서 제가 설명한 대로 두 가지 모두 다음과 같이 동작하는 것을 확인했습니다:
–모바일 Safari로 접근할 경우, 둘 다 배경 실행 및 잠금 화면에서 재생할 수 있습니다(단, 전화기가 잠금/배경 상태로 전환되면 비디오 재생이 중단되고 다시 재생 버튼을 눌러야 한다는 차이점이 있음)
–PWA로 접근할 경우, 둘 다 배경 실행이나 잠금 화면에서 재생되지 않습니다(어떤 경우든 앱이 배경으로 전환되거나 전화기가 잠금 화면으로 전환되면 추가 재생 옵션이 없음)
네. 테스트할 수 있는 기기는 아이폰뿐입니다. 안드로이드에 대해서는 말씀드리기 어렵습니다. (그리고 이 임베드들—영상과 오디오 모두—맥 크롬과 맥 사파리, 그리고 데스크톱 PWA에서는 백그라운드에서 정상적으로 재생됩니다. 문제는 모바일이며, 제 경우를 말씀드리자면 아이폰입니다.)