ストリームがオフラインのときに画像を表示する方法

Question

ビデオjを使用し、nginxおよびhlsストリーミングを使用してサーバーを実行しています。私は、ストリームがオフラインであるときにイメージを表示させ、その後ストリームが再生されるときにストリームを再生する方法を考えていました。

Answer 1

HTML5ビデオプレーヤーはストリームを再生するときに、通常は実際にストリームの新しいチャンクごとにリクエストしながら、ビデオファイルをサーバーに送信するよう要求することでストリームを再生します。

あなたのケースでは、ストリームが準備ができているときにのみプレーヤに要求したり、少なくともそのように見えるようにしたいように思えます。

これを達成するには、サーバーを定期的にポーリングするか、1秒ごとにストリームを準備するか、またはサーバーからページに何らかの通知形式を使用することができます。

通知では、通知がより効率的に見えますが、使用する通知メカニズムは、とにかくサーバーをポーリングする必要があります。

ストリームが終了したときに画像を表示できるようにするには、使用可能なストリームがなくなったときにプレーヤーでこのケースをキャッチし、その代わりに画像を表示するためにフォールバックします。

$myVid = $("#video_id"); 

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