HTML5视频 - 播放低fps视频

时间:2018-04-08 15:39:33

标签: html5 video frame-rate live-streaming

我正在将低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视频的速度

1 个答案:

答案 0 :(得分:0)

沿途有一些硬设置缓冲区未针对低比特率视频进行优化。这些都是有效的错误,但除了报告问题之外,你无法真正做到这一点。