1

拜托我需要你的帮忙。我正在处理我们主页的背景视频。这部分有 100vh 并且是全宽的。我正在使用 DIVI 作为构建器。

我们聘请了专业的摄像师为我们录制视频。现在他问我理想应该是什么:

  • 帧大小

  • 帧率

  • 编解码器

  • 文件大小

我做了一些研究,似乎理想是:

  • 帧大小:1280 x 720

  • 帧率:30FPS

  • 编解码器:我不知道

  • 文件大小:越小越好

请问有谁有背景视频的经验吗?我很迷茫。

另外,您会将其上传到 WordPress 媒体库还是使用 Vimeo/YouTube?我认为您不能将 YouTube 用作背景视频,对吗?

非常感谢!

4

2 回答 2

1

帧大小: 1280 x 720 (=720p) 表示高清画质,相当不错,但取决于你,你认为什么画质可以接受。背景视频通常使用 1920 x 1080 像素(=1080p,全高清),例如我的主要背景视频源是https://coverr.co/,您可以在其中下载免费视频,专门用于背景视频。那些是 1920 x 1080 大。我想说,如果您可以要求多个文件,请同时要求 720p 和 1080p 质量,以便做出正确的决定。

文件大小与此相关,因此您将使用的帧大小越小,您获得的文件大小就越小。

帧速率: 您可以查看此图像: https ://miro.medium.com/max/1300/1*uMlkXIMNF4VIZoi85NZ3aQ.png 以了解其含义。

蓝光、dvd 和电影上的电影使用 24 FPS,所以这对你来说也应该足够了。同样,较低的 FPS 意味着较小的文件大小。

编解码器: h264

我是一名 WordPress 插件开发人员,当我们的用户无法弄清楚如何创建在所有浏览器上播放的视频时,我们总是建议这样做。到目前为止,它对每个人都很有效。

YouTube vs Vimeo vs MP4: 默认情况下,您不能将 Youtube 视频作为背景。有一些编码技巧,可能有效,但我不建议这样做。

Vimeo 仅允许 Pro Vimeo 用户使用背景视频。

使用 mp4 很简单,而且在移动设备和平板设备上效果更好。当网站上启动 Vimeo 或 Youtube 视频时,某些设备会自动打开其 Vimeo/Youtube 应用程序。这很糟糕,您的页面最终将没有背景。

您还应该注意,大多数浏览器(即使在桌面上)只允许您自动播放视频,如果您将在 html 代码中静音视频: https ://www.w3schools.com/tags/att_video_muted.asp

于 2021-11-05T09:18:46.443 回答
0

@Gabor 说了什么。

  • 1080p (1920 x 1080) 是一个很好的桌面分辨率。
  • 如果您的用户使用的是移动设备或其他小型设备,那么您可以选择 720p (1280x720) 甚至 360p (360x640)。这些将节省数据下载并适合较小的设备。寻找提供适当大小视频的插件。每种分辨率都需要一个视频文件。
  • 或者不在用户的移动设备上显示背景视频。
  • 在您的设计中考虑纵向模式下会发生什么。您可能想剪掉视频素材的左右两侧,使中间部分充满屏幕。所以,行动应该在中心。
  • 这个视频很大吗?它会播放几分钟吗?如果没有,您绝对应该将其托管在您自己的网站上。如果您不需要,为什么要参与并支付某些第三方媒体服务?如果它真的很大(> 10MiB 左右),您可能应该问另一个问题并提供更多详细信息。
  • 在您的背景视频文件中不要放置任何音轨。浏览器会限制背景视频中音频的播放,因此无需使用无法播放的音轨来使文件变胖。(如果您有音频,请考虑托管一个单独的文件,以发送单击视频的用户查看它;大多数用户不会。)
  • 使用包含 H.264 视频的 .mp4 文件(每个分辨率一个文件)。其他东西,例如带有 vp8 视频的 webm,可能会生成更小的文件大小。但是它们并没有在浏览器的品牌和型号中发挥作用(我在看着你,Apple Safari。)
  • 用 H.264 的说法,视频应该在所谓的约束基线配置文件中编码。它在移动设备上播放时可以节省电量,并且在速度较慢的设备上效果更好。
  • 请您的摄像师为您提供流式 mp4 文件(也称为分段 mp4):它们可以在第一帧下载后立即开始播放。
  • 向您的摄像师咨询有关文件比特率的建议。您的 1080p 文件应该以 1 兆比特/秒(每兆字节 8 秒)为目标,以可变比特率编码看起来不错。您的低分辨率文件将需要较小的比特率:毕竟这就是它们的重点。但是,您的比特率可能会有所不同。动作/冒险电影需要比说话头更高的比特率才能看起来不错。
  • 正如@Gabor 提到的,24 帧/秒应该没问题。15 帧/秒是微不足道的。询问您的摄像师,什么最适合他们为您创建的材料。有时以 30 帧/秒的速度拍摄的素材在 24 帧时看起来不连贯。(H.264 视频的工作方式,一旦低于 24 帧/秒,文件大小的节省并不像您想象的那么显着。15 帧/秒需要30 帧/秒的文件大小的一半以上。)
于 2021-11-05T10:07:40.140 回答