上传一个视频并将其划分为不同的质量

Question

我想要一个html5或任何视频播放器将视频质量划分为与youtube类似的不同质量/分辨率。

我想知道，有没有办法上传一个视频质量，例如1080px， 并让玩家展示360px，420px等其他品质。

Answer 1

您正在寻找的内容通常称为HTTP上的动态自适应流，即：MPEG-DASH。目前只有MS Edge browser支持MPEG-DASH。但是，您可以使用dash.js

进行填充

使用命令行实用程序ffmpeg，按照Mozilla小组提供的instruction了解如何对视频进行编码。基本上，您需要生成音频，视频变体和清单文件。

将文件上传到您的服务器，只需在您的HTML中插入视频标记，如下所示：

<video data-dashjs-player autoplay src="://path/manifest.mpd" controls> </video>

Answer 2

你可以这样做，但不是那么简单。您需要将视频上传到服务器，然后使用服务器端异步作业以不同的质量/像素大小对其进行编码。然后，您需要一个视频播放器，允许根据连接速度，设备或UI等参数切换不同的文件。

我建议您检查AWS Elastic Transcoder https://aws.amazon.com/elastictranscoder/?nc1=h_ls以获取高端服务（非常昂贵）或FFMPEG https://www.ffmpeg.org/documentation.html，如果您想自己执行此操作。