这篇文章是由Imgix赞助的
在你的网站上添加视频,会立即增加价值,但也会给你的网站开发带来新的复杂性。我可以使用<video> 标签吗?我需要一个JavaScript视频播放器吗?为了获得最佳的浏览器支持,视频应该采用什么格式?我如何考虑到不同环境下的不同网络速度?我怎样才能确保我的视频总是以最小的缓冲时间播放?
这听起来很复杂(你甚至可能考虑举起手来问:"为什么我们不把它放在YouTube上?)这是一个有效的回答--你对视频和视频传输的研究越深入,就会出现越来越多的复杂问题,你的开发人员必须处理这些问题。
对于一些人来说,"把它全部扔到YouTube上 "可能是处理视频复杂性的一个适当的解决方案。但YouTube是基于广告和观看视频的,你可能不希望广告出现在你的关键任务内容中--如果是你的竞争对手的广告,那就更糟糕了你在视频传输方面的目标与YouTube视频传输平台的目标直接冲突,使得它对大多数企业来说是一个不太理想的解决方案。
这是否意味着我们又回到了原点?
随着最大的(也是最便宜的)服务被排除在考虑之外,解决第一段中所有问题的最好方法是什么?完全可以 "建立你自己的 "视频平台,但这又使我们回到了复杂的问题上,把你的开发团队从核心功能中拉出来处理视频传输。从进入市场的时间、成本(和认知开销)来看,增加视频的最佳方式是利用视频流服务。今天最棒的是,你可以使用Netflix或Hulu使用的相同技术来传输你的视频。
什么是视频流以及为什么你需要自适应比特率视频
视频流是当今网络上大多数视频内容的传输方式。它的特点是,与仅仅在<video> 标签中使用静态视频相比,有许多优势。
视频流引入的最酷的功能是自适应比特率视频。在开发自适应比特率视频之前,无论设备或带宽环境如何,只能向客户提供一种比特率的视频。当网络速度很快时,这种解决方案很好,但当网络速度不快(或波动)时,它就会出现问题。而如果有一件事我们都知道--我们无法控制客户使用的速度网络。
在一个缓慢的网络连接上,传统的视频会启动得很慢,而且很可能停滞不前(停滞不前是视频流术语,指视频停止,出现 "死亡旋转器")。自适应比特率视频有多个版本的视频可用,并能适应客户的网络速度。这确保了视频将迅速开始播放,并且在播放过程中更不可能停滞不前--无论你的用户的网络连接速度如何。

如果网络突然变慢,播放器也能适应(在播放过程中)并开始播放低比特率版本的视频。自适应比特率流媒体的所有这些功能为你的客户带来了更好的视频体验。这听起来几乎像魔术,但让我们看看这个技术和它是如何工作的。
HLS。平滑视频流背后的魔力
视频流的行业标准是HTTP Live Streaming(HLS)。名称中的Live一词有点误导性。虽然HLS可以用于直播视频,但HLS主要用于播放录制的视频,可以发现它为许多顶级流媒体服务提供动力。
那么,HLS视频是如何工作的呢?第一步发生在视频上传时,流媒体服务以不同的比特率生成一些视频的副本。然后,视频的每个副本被切成短的片段--通常大约5-10秒长。

在播放过程中,视频播放器处理视频的下载和播放。如果下载的速度开始比播放的速度慢--视频有可能停滞。因此,当播放器请求下一个5-10秒的视频片段时,它会请求一个较低的比特率版本--因为较低的比特率下载速度更快,视频停滞的机会得到缓解。
这就是自适应比特率播放的神奇之处--播放器适应视频,以满足你的内容的每个独特观众的网络速度。
你提到了一个播放器。浏览器不支持HLS吗?
许多浏览器都不支持HLS(在Safari中确实有原生支持)。为了播放HLS视频,你需要一个JavaScript播放器作为你网站的一部分来播放视频。
这听起来很复杂
随着时间的推移和发展,有可能建立你自己的视频流平台--通过将视频重新编码为HLS并向你的观众提供一个定制的播放器来提供令人难以置信的视频体验。但是,建立一个视频编码/流媒体平台将需要大量的开发人员时间,使团队无法建立你的产品。这就是为什么我的建议是使用一个视频流平台。
什么使一个好的视频处理解决方案?
将复杂的问题外包给专家是一个明智的想法--你雇用领域专家来处理复杂的事情,而不是自己去解决它们。那么,你应该在一个视频流解决方案中寻找哪些功能呢?
- 想想HLS自适应比特率流的优势 如果你要为高质量和强大的视频传输付费,你要确保有最好的流媒体解决方案。
- 支持所有主要文件格式的转换
Mp4(h264和265)、MOV、WebM和其他。视频有无数种格式;没有理由在上传前转换为一种新的格式。 - 你的视频流工具应该适合你现有的媒体管道
媒体解决方案应该能够在你目前的流程中找到你的视频--当视频被添加到云端时,它们应该被自动处理成流。 - 一个开箱即用的视频播放器
如前所述,HLS流并不能在所有的浏览器中播放。你的解决方案是否包括一个可定制的播放器,可以插入到你目前的网站? - 如果你同时提供图片和视频,你需要一个包括资产管理仪表盘的解决方案,使你能够可视化和组织图片和视频。
- 最后但同样重要的是分析
有多少观众观看了你的视频,每次观看的时间是多久?你还想看到关于有多少视频被完全编码的处理分析。

什么服务能提供所有这些功能?
imgix最近发布了一个视频API,满足所有这些要求。你的视频会自动编码,并从任何云文件夹中流出来--由于对AWS S3、谷歌云和Azure的原生支持,imgix可以无缝地融入你现有的工作流程。
imgix API将根据你的需要创建你的视频的HLS或MP4版本,你将有一个定制的播放URL添加到你的网站。你可以在他们的资产管理器中看到你的所有视频,以及详细的播放分析。你还会得到一个开箱即用的视频播放器,可以轻松地在React、Vue、静态HTML和其他流行的前端框架中工作。
最重要的是,如果你需要提供大量的图片和视频,像imgix这样的解决方案可以优化和处理这两种类型的资产,而不需要你从头开始建立或拼凑出不同的解决方案。它是真正的视觉媒体处理的一站式平台。