- 이제 Chrome에서 성능 최적화를 위해 MSE 동영상이 백그라운드에서 재생될 때 동영상 트랙을 사용 중지합니다.
- 동영상이 기기를 회전하면 전체 화면으로 표시됩니다.
백그라운드 동영상 트랙 최적화 (MSE만 해당)
이제 Chrome은 배터리 수명을 개선하기 위해 동영상이 미디어 소스 확장 프로그램 (MSE)을 사용하는 경우 동영상이 백그라운드에서 재생될 때 (예: 보이지 않는 탭) 동영상 트랙을 사용 중지합니다.
chrome://media-internals
페이지로 이동하여 이러한 변경사항을 검사하고 'info' 속성으로 필터링할 수 있습니다. 재생 중인 동영상이 포함된 탭이 비활성화되면 동영상 트랙이 사용 중지되었음을 나타내는 Selected video track: []
와 같은 메시지가 표시됩니다. 탭이 다시 활성화되면 동영상 트랙이 자동으로 다시 사용 설정됩니다.
무슨 일이 일어나고 있는지 알고 싶은 사용자를 위해 다음 자바스크립트 코드 스니펫을 사용하면 Chrome이 백그라운드에서 실행되는 작업을 대략적으로 확인할 수 있습니다.
var video = document.querySelector('video');
var selectedVideoTrackIndex;
document.addEventListener('visibilitychange', function() {
if (document.hidden) {
// Disable video track when page is hidden.
selectedVideoTrackIndex = video.videoTracks.selectedIndex;
video.videoTracks[selectedVideoTrackIndex].selected = false;
} else {
// Re-enable video track when page is not hidden anymore.
video.videoTracks[selectedVideoTrackIndex].selected = true;
}
});
동영상 트랙을 사용 중지하면 동영상 스트림 화질을 낮추는 것이 좋습니다. 위와 같이 Page Visibility API를 사용하여 페이지가 숨겨질 때를 감지하는 것만큼 간단합니다.
또한 다음과 같은 제한사항이 있습니다.
- 이 최적화는 키프레임 거리가 5초 미만인 동영상에만 적용됩니다.
- 동영상에 오디오 트랙이 포함되어 있지 않으면 동영상이 백그라운드에서 재생될 때 자동으로 일시중지됩니다.
기기 회전 시 자동 동영상 전체화면 재생
표시 영역에서 동영상이 재생되는 동안 기기를 가로 모드로 회전하면 재생이 자동으로 전체 화면 모드로 전환됩니다. 기기를 세로 모드로 회전하면 동영상이 창 모드로 돌아갑니다.
이 동작은 직접 직접 구현할 수 있습니다. (모바일 웹 동영상 재생 도움말 참고)
이 마법 같은 동작은 다음과 같은 경우에만 발생합니다.