为什么 HLS 视频流在通过 Video.js 播放器播放时会在流中改变分辨率?可以用播放器固定分辨率吗?

问题描述 投票:0回答:1

我们最近迁移到 AWS 来流式传输点播视频。我们的产品在浏览器运行时环境(Chrome、Firefox 和 Edge)的 REACT 环境中使用 Video.js 播放器。流在中途突然改变分辨率,给用户带来视频大小放大和缩小的奇怪体验。我们知道 HLS 通过设计编码为各种比特率和分辨率大小。我们预计 Video.js 将以设置的分辨率高度和宽度播放,并拉伸任何较小分辨率的视频块/片段以适应。

我不是开发商。我正在努力帮助他们,所以我不太了解 Video.js 和 REACT。有人在使用 Video.js 时遇到过这个问题吗?你知道解决办法吗?

谢谢你。

我们曾经从 Azure 进行流式传输,没有出现任何问题。被迫迁移到AWS。我们首先尝试使用 DASH,但它会偶尔冻结视频并且无法恢复。

Videojs设置如下:

  • 流体=假
  • aspectRatio = 未定义
  • 高度 = 520px
  • 宽度=1366px

video.js 和 React 指南中似乎没有其他参数相关。 https://videojs.com/guides/options/#height

reactjs resize http-live-streaming video.js fluid
1个回答
0
投票

我们预计 Video.js 将以设置的分辨率高度和宽度播放,并拉伸任何较小分辨率的视频块/片段以适应。

嗯,不,这种期望并不是现实。 默认情况下,视频元素将是视频的大小,无论该视频的来源如何。

不过,解决方案很简单。 只需调整您的视频元素的 CSS 以适合您想要的任何尺寸。

我们注意到 AWS 编码视频的尺寸不是 16:9 的比例。理论上这可能会导致 video.js 在播放过程中出现问题。

不。 Video.js 并不关心您的视频大小。

© www.soinside.com 2019 - 2024. All rights reserved.