HTML5 视频 - 播放低帧率视频
HTML5 Video - Playing low fps video
我正在将低帧率视频实时流式传输到网页并使用 html5 视频元素。我面临的问题是低 fps (1fps) 视频的加载时间约为 50 秒。当我以 24fps 的速度流式传输时，加载时间非常短。我已经检查过，我的 1fps 流在视频实际显示之前经过了很长时间 - 一旦视频开始播放，我就可以加快视频速度并赶上实时时间戳。这里发生了什么？视频元素在开始播放之前是否需要一定数量的帧？我该怎么做才能让我的 1fps 视频在流准备就绪后立即显示在播放器中？
我在 html 中使用的代码如下...
<video src="localhost:44375/GetVideoAsync"; type="video/webm"
autoplay="autoplay"></video>
GetVideoAsync 是对 .Net api returns 实时视频流的调用。
[HttpGet("[action]")]
public async Task<Stream> GetVideoAsync() {
return await _streamingService.GetVideoAsync();
}
所以 - 视频的来源真的没那么重要 - 问题是让低 fps 视频 (1fps) 开始播放更快 - 或者与 24fps 视频一样快
沿途有一些 hard-set 缓冲区未针对低比特率视频进行优化。这些实际上是错误，但除了报告问题之外，您无能为力。
我正在将低帧率视频实时流式传输到网页并使用 html5 视频元素。我面临的问题是低 fps (1fps) 视频的加载时间约为 50 秒。当我以 24fps 的速度流式传输时，加载时间非常短。我已经检查过，我的 1fps 流在视频实际显示之前经过了很长时间 - 一旦视频开始播放，我就可以加快视频速度并赶上实时时间戳。这里发生了什么？视频元素在开始播放之前是否需要一定数量的帧？我该怎么做才能让我的 1fps 视频在流准备就绪后立即显示在播放器中？
我在 html 中使用的代码如下...
<video src="localhost:44375/GetVideoAsync"; type="video/webm"
autoplay="autoplay"></video>
GetVideoAsync 是对 .Net api returns 实时视频流的调用。
[HttpGet("[action]")]
public async Task<Stream> GetVideoAsync() {
return await _streamingService.GetVideoAsync();
}
所以 - 视频的来源真的没那么重要 - 问题是让低 fps 视频 (1fps) 开始播放更快 - 或者与 24fps 视频一样快
沿途有一些 hard-set 缓冲区未针对低比特率视频进行优化。这些实际上是错误，但除了报告问题之外，您无能为力。