为html 5准备mp4文件

时间:2014-12-08 03:50:49

标签: html5 flash video adobe multimedia

在html 5中,我想嵌入一个像这样的mp4:

<video width="640" height="480" controls>
    <source src="somefile.mp4" type="video/mp4">
    Your browser does not support the video tag.
</video>

视频在我的开发机器中运行良好,但该文件为500MB,因为它是以全高清录制的。 如何对文件进行下采样,使其大约50MB,视频较小但音质相同,并且仍然可以使用上面显示的html5视频标记在浏览器中播放?

我正在使用Windows。我一直在使用FlashIntegro,但它将文件转换为avi格式,无法使用html 5中的视频标签查看。我想要一个mp4格式我可以使用html 5中的视频标签发布。我想要使用免费软件。

我不想使用flash或adobe创意云,但我正在添加这些标签,以找到可能了解免费替代品的观众。

1 个答案:

答案 0 :(得分:4)

我会建议像ffmpeg这样的东西,但是如果你从500mb文件变成50mb文件就会设定质量期望 - 虽然很多将取决于源中已经存在的优化量...我能够使用以下内容获得低至29Mb的270Mb文件而没有明显的质量损失:

./ffmpeg -y -i SourceFile.mp4 -s 1280x720 -c:v libx264 -b 3M -strict -2 -movflags faststart DestFile.mp4

以上将为您提供1280x720输出,在mp4容器中使用h264以3Mbps为单位,并且还将执行第二次传递以将moov元素移动到文件的前面,使其能够更快地开始流式传输。它不会重新编码音频,因此将保持您开始的任何质量

您可能想要使用帧大小和比特率来使文件大小与您喜欢/需要的匹配