我们最近迁移到 AWS 来流式传输点播视频。我们的产品在浏览器运行时环境(Chrome、Firefox 和 Edge)的 REACT 环境中使用 Video.js 播放器。流在中途突然改变分辨率,给用户带来视频大小放大和缩小的奇怪体验。我们知道 HLS 通过设计编码为各种比特率和分辨率大小。我们预计 Video.js 将以设置的分辨率高度和宽度播放,并拉伸任何较小分辨率的视频块/片段以适应。
我不是开发商。我正在努力帮助他们,所以我不太了解 Video.js 和 REACT。有人在使用 Video.js 时遇到过这个问题吗?你知道解决办法吗?
谢谢你。
我们曾经从 Azure 进行流式传输,没有出现任何问题。被迫迁移到AWS。我们首先尝试使用 DASH,但它会偶尔冻结视频并且无法恢复。
Videojs设置如下:
video.js 和 React 指南中似乎没有其他参数相关。 https://videojs.com/guides/options/#height
我们预计 Video.js 将以设置的分辨率高度和宽度播放,并拉伸任何较小分辨率的视频块/片段以适应。
嗯,不,这种期望并不是现实。 默认情况下,视频元素将是视频的大小,无论该视频的来源如何。
不过,解决方案很简单。 只需调整您的视频元素的 CSS 以适合您想要的任何尺寸。
我们注意到 AWS 编码视频的尺寸不是 16:9 的比例。理论上这可能会导致 video.js 在播放过程中出现问题。
不。 Video.js 并不关心您的视频大小。