HTML5 视频 - 播放低 fps 视频

Question

我正在将低 fps 视频实时流式传输到网页并使用 html5 视频元素。我面临的问题是低 fps (1fps) 视频的加载时间约为 50 秒。当我以 24fps 的速度流式传输时，加载时间非常短。我已经检查过了，我的 1fps 流在视频实际显示之前已经过了很长时间 - 一旦视频开始，我可以加快视频速度并赶上实时时间戳。这里发生了什么？视频元素在开始播放之前是否需要一定数量的帧？流准备好后，我该怎么做才能让我的 1fps 视频在播放器中显示？

我在html中使用的代码如下...

<video src="localhost:44375/GetVideoAsync"; type="video/webm" 
autoplay="autoplay"></video> 

GetVideoAsync 是对返回实时视频流的 .Net api 的调用。

[HttpGet("[action]")]
public async Task<Stream> GetVideoAsync() {
  return await _streamingService.GetVideoAsync();
}

所以 - 视频的来源实际上并不那么重要 - 问题是让低 fps 视频 (1fps) 更快开始播放 - 或者与 24fps 视频一样快

Answer 1

沿途有一些硬设置缓冲区未针对低比特率视频进行优化。这些实际上是错误，但除了报告问题之外，您无能为力。