스트림이 오프라인 일 때 이미지를 표시하는 방법

Question

Im videojs를 사용하고 nginx 및 hls 스트리밍으로 서버를 실행 중입니다. 스트림이 오프라인 일 때 이미지를 표시하고 스트림이 스트림에있을 때 스트림 재생을 시작하는 방법을 woundering했습니다. 도움 주셔서 감사합니다.

Answer 1

HTML5 비디오 플레이어는 스트림을 재생할 때 일반적으로 실제로 스트림의 각 새 청크에 대한 요청으로 서버에 비디오 파일을 보내도록 요청하여 스트림을 재생합니다.

경우에 따라 스트림을 준비 할 때 플레이어가 요청하기 시작하거나 적어도 사용자에게이를 보이기를 원하는 것처럼 들리는 경우가 있습니다.

이 작업을 수행하려면 서버를 정기적으로 폴링하거나 매 초마다 스트림을 준비 할 수 있는지 또는 서버에서 페이지에 대한 알림 형식을 사용할 수 있습니다.

알림 기능이 더 효율적으로 보이지만 어쨌든 사용하는 알림 메커니즘이 무엇이든 찾을 수 있습니다.

스트림이 끝났을 때 그림을 표시 할 수있게하려면 사용 가능한 스트림이 더 이상 없을 때 플레이어에서이 사례를 포착하고 대신 그림을 표시하기 위해 뒤로 물러나십시오.

$myVid = $("#video_id"); 

$myVid.addEventListener('play', function(){ 
    // do something 
}) 
$myVid.addEventListener('pause', function(){ 
    // do something 
})