PWA에서 미디어 재생: 휴대폰 잠금 상태에서도 계속 재생할 수 있나요?

휴대폰이 잠금 화면으로 전환되거나 사이트가 백그라운드에 있을 때, 사용자가 PWA 설정(홈 화면에 추가)을 통해 포럼에 접근하는 경우 오디오 및 비디오 파일이 재생되지 않는 것을 확인했습니다.

PWA로 접근할 때 잠금 화면/백그라운드 재생을 활성화할 수 있는 방법이 있을까요?


저에게 놀라운 점은 다음과 같습니다. 웹으로 직접 포럼에 접근하면, 휴대폰이 잠겨 있거나 사이트가 백그라운드에 있을 때에도 오디오와 비디오가 재생됩니다. 문제는 PWA를 통해 접근할 때 발생합니다.

이 현상은 iPhone에서 확인됩니다.


상세 정보

사용자가 휴대폰을 사용 중일 때, 휴대폰이 잠기거나 사이트 자체가 백그라운드에 있을 때에도 오디오 및 미디어 파일이 계속 재생되기를 희망합니다.

iOS의 경우, 사용자가 모바일 웹으로 사이트를 접근하면 두 경우 모두 기본 동작은 정상입니다:

–오디오 파일(mp3 등)의 경우, 휴대폰이 잠겨 있거나 사이트가 백그라운드에 있을 때에도 파일이 계속 재생됩니다. 이는 완벽합니다.

–비디오 파일(mp4 등)의 경우, 휴대폰이 잠기거나 사이트가 백그라운드에 있을 때 재생이 중단됩니다. 그러나 잠금 화면에서 사용자가 재생 버튼을 눌러 다시 시작할 수 있으며, 사이트가 백그라운드에 있을 때 컨트롤 센터를 열어 재생 버튼을 누르면 비디오를 다시 재생할 수 있습니다.

그러나 사용자가 PWA를 통해 사이트를 접근하면 어느 것도 작동하지 않습니다. 휴대폰이 잠기거나 사이트가 백그라운드로 전환되면 모든 재생이 중단되며, 다시 잠금을 해제하고 사이트로 진입하기 전까지는 재생을 다시 시작할 수 있는 옵션이 없습니다.

2개의 좋아요

이건 로컬에서 업로드한 파일에 대한 건 맞죠? 유튜브 영상 같은 임베드 콘텐츠는 아니죠?

1개의 좋아요

실제로 로컬에서 업로드한 파일과 임베드 모두에서 동일한 동작을 확인했습니다. 현재 제가 특히 주목하고 있는 부분은 임베드입니다.

1개의 좋아요

자, 테스트용으로 유튜브 영상을 하나 추가해 보겠습니다:

1개의 좋아요

유튜브 영상이 모바일 Safari와 PWA에서 동일한 방식으로 동작하는 것 같습니다. 즉, 배경 실행이나 잠금 화면에서 재생할 수 없습니다. 이는 유튜브가 특수한 경우일 수 있습니다(예: 유튜브 프리미엄 구독자가 아니면 배경 재생을 차단하는 등, 이것이 여기에도 영향을 미칠 수 있음).

다른 예시들을 몇 가지 소개합니다:

Vimeo 임베드:
https://vimeo.com/175708185

오디오 임베드:


아이폰에서 제가 설명한 대로 두 가지 모두 다음과 같이 동작하는 것을 확인했습니다:
–모바일 Safari로 접근할 경우, 둘 다 배경 실행 및 잠금 화면에서 재생할 수 있습니다(단, 전화기가 잠금/배경 상태로 전환되면 비디오 재생이 중단되고 다시 재생 버튼을 눌러야 한다는 차이점이 있음)

–PWA로 접근할 경우, 둘 다 배경 실행이나 잠금 화면에서 재생되지 않습니다(어떤 경우든 앱이 배경으로 전환되거나 전화기가 잠금 화면으로 전환되면 추가 재생 옵션이 없음)

2개의 좋아요

제가 당신과 같은 이해를 하고 있는지 확인하기 위해 질문드립니다. iOS의 동작에 대해 말씀하시는 거죠?

2개의 좋아요

네. 테스트할 수 있는 기기는 아이폰뿐입니다. 안드로이드에 대해서는 말씀드리기 어렵습니다. (그리고 이 임베드들—영상과 오디오 모두—맥 크롬과 맥 사파리, 그리고 데스크톱 PWA에서는 백그라운드에서 정상적으로 재생됩니다. 문제는 모바일이며, 제 경우를 말씀드리자면 아이폰입니다.)

2개의 좋아요

모바일 웹에서처럼 iPhone에서 PWA의 비디오 및 오디오 미디어가 배경화면/잠금 화면에서도 재생되도록 하는 방법이 있나요?

1개의 좋아요

아니요, iOS가 PWA에서 이를 지원하지 않기 때문입니다.

4개의 좋아요

그렇게 말씀해 주셔서 명확해졌습니다. 정보 감사합니다.

이 문제는 iOS 15에서 수정된 것 같은데, 새로운 소식은 없나요?

이것은 Android에서 PWA 여부를 불문하고 작동합니다.

실제로 웹페이지에 임베드하면 화면이 잠긴 상태에서도 영상 오디오를 재생할 수 있지만, 유튜브 앱에서는 이 기능이 작동하지 않습니다.