HLS 온라인 플레이어

HLS Picture-in-Picture 재생의 다중 시나리오 적용

HLS 콘텐츠는 종종 오래 지속됩니다. 스포츠 이벤트는 몇 시간 동안 실시간으로 방송되고, 훈련 세션은 수십 분 동안 진행되며, 감시 화면은 하루 24시간 중단 없이 제공됩니다. 이 HLS 콘텐츠를 전체 화면으로 보는 것은 동시에 다른 작업을 수행할 수 없음을 의미합니다. HLS Picture-in-Picture(PiP) 재생 기능은 이러한 모순을 완벽하게 해결합니다. HLS 비디오 스트림을 화면 모서리에 있는 작은 부동 창으로 줄여 데스크탑의 최상위 레이어에 고정합니다. 영상 시청을 방해하지 않고 다른 창과 애플리케이션을 자유롭게 조작할 수 있습니다. 브라우저 Picture-in-Picture API를 기반으로 Picture-in-Picture 창은 웹 페이지 탭과 독립적으로 존재합니다. 탭을 전환하거나 브라우저를 최소화하거나 다른 응용 프로그램을 사용하는 경우에도 작은 창 비디오가 계속 재생됩니다. HLS 라이브 스트리밍의 경우 Picture-in-Picture(PiP)를 사용하면 작업하는 동안 주요 경기나 활동 진행 상황을 놓치지 않을 수 있습니다. 주문형 HLS의 경우 배속 기능과 결합된 Picture-in-Picture(PiP)를 통해 동반 학습을 효율적으로 완료할 수 있습니다. hls.js 엔진은 PiP 모드에서 안정적으로 실행되며 창 전환으로 인해 디코딩을 중단하거나 버퍼링을 잃지 않습니다. 일반적인 시나리오: 작은 창에서 모니터링 화면의 지속적인 미리보기, 온라인 회의 참여, 교육 녹화 중 학습 중 메모, 실시간 뉴스 방송에 대한 배경 관심. 한 번의 클릭으로 켜고, 한 번의 클릭으로 끄며, 구성이나 플러그인 설치가 필요하지 않습니다.

HLS PIP(Picture-In-Picture) 재생을 사용하는 방법

  1. HLS/M3U8 스트림을 정상적으로 재생하고 안정적인 영상 출력을 기다립니다.
  2. 플레이어 제어 막대에서 Picture-in-Picture(PiP) 버튼을 클릭하면 HLS 비디오가 작은 부동 창으로 나타납니다.
  3. 작업을 계속하려면 다른 애플리케이션이나 탭으로 전환하세요. 작은 창을 닫거나 홈 페이지로 돌아가서 Picture-in-Picture(PiP) 모드를 종료하세요.

HLS PIP(Picture-In-Picture) 재생 FAQ

HLS 라이브 방송의 Picture-in-Picture(PiP) 모드 지연이 전체 화면과 동일합니까? 아래 자세한 답변을 읽어보시면 관련 세부 사항과 주의사항을 빠르게 파악하는 데 도움이 됩니다.
대기 시간은 정확히 동일합니다. Picture-in-picture는 비디오 렌더링 창만 변경하며 hls.js의 스트리밍, 디코딩 및 버퍼링 논리는 PiP 모드의 영향을 받지 않습니다. HLS 라이브 방송 지연은 여전히 샤딩 구성에 따라 달라집니다.
HLS Picture-in-Picture(PiP) 재생은 어떤 브라우저를 지원합니까? 아래 자세한 답변을 읽어보시면 관련 세부 사항과 주의사항을 빠르게 파악하는 데 도움이 됩니다.
데스크톱 Chrome 70+, Edge 79+ 및 Safari 13+는 모두 PiP API를 지원합니다. iOS Safari 14+는 부분적으로 지원됩니다. Android Chrome 지원은 버전에 따라 다릅니다. 데스크톱 브라우저에서 사용하는 것이 좋습니다.
Picture-in-Picture 모드에서 HLS 스트림의 비트 전송률 전환이 제대로 작동하는지 여부? 아래 자세한 답변을 읽어보시면 관련 세부 사항과 주의사항을 빠르게 파악하는 데 도움이 됩니다.
정상적으로 작동합니다. ABR 적응형 비트 전송률 전환은 PiP 모드의 전체 화면 모드와 동일하게 작동합니다. hls.js는 지속적으로 대역폭을 모니터링하고 비트 전송률을 자동으로 조정하지만 사용자는 일반적으로 이를 인식하지 못합니다.
장기간 HLS 라이브 Picture-in-Picture(PiP) 재생은 많은 시스템 리소스를 소비합니까? 아래 자세한 답변을 읽어보시면 관련 세부 사항과 주의사항을 빠르게 파악하는 데 도움이 됩니다.
PiP 모드는 실제로 전체 화면 재생보다 리소스 효율적입니다. 렌더링되는 픽셀 수가 적고 GPU 로드가 낮습니다. hls.js 디코딩 오버헤드는 전체 화면과 동일합니다. 장시간 시청 시에는 네트워크 트래픽 소모에 주의하시는 것이 좋습니다.
HLS Picture-in-Picture(PiP)를 배속 기능과 함께 사용할 수 있는지 여부? 아래 자세한 답변을 읽어보시면 관련 세부 사항과 주의사항을 빠르게 파악하는 데 도움이 됩니다.
할 수 있다. 먼저 배속를 설정한 다음 PIP(Picture-In-Picture)를 켜는 것이 좋습니다. PiP 작은 창 제어 막대는 일반적으로 배속 옵션을 제공하지 않지만 설정된 배속는 Picture-in-Picture(PiP) 모드에서 계속 적용됩니다.
More versions