Question

我正在使用videojs并运行带有nginx和hls流媒体的服务器。我想知道如何在流离线时显示图像，然后当流出现时，流开始播放。谢谢你的帮助

Answer 1

当HTML5视频播放器播放流时，它通常通过请求服务器向其发送视频文件来执行此操作，通常实际上是对流的每个新块的请求。

在你的情况下，听起来你希望播放器只在流准备就绪时开始请求，或者至少让它对用户来说是这样的。

要实现这一目标，您可以定期轮询服务器，每秒说一次，查看流是否准备好，或者您可以使用从服务器到页面的某种形式的通知。

从表面上看，通知看起来效率更高，但您可能会发现您使用的任何通知机制都可以轮询服务器。

为了让您在流结束时显示图片，您还可以在没有更多可用流时在播放器中捕捉到这种情况，然后返回以显示图像。

$myVid = $("#video_id");

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

如何在流脱机时显示图像

1 个答案: