《ffmpeg basics》中文版 -- 24. 网络中的视频

24. 网络中的视频

注：本章和 FFmpeg 本身毫无关系，主要讲了 HTML5 或 Flash 中如何添加音视频，以及一些视频分享网站，和为上传视频付费等信息。如对 HTML5 熟悉，大致浏览一下即可，而对 HTML5 更深如的了解和学习，请出门右走，自行查阅。

由于互联网无处不在，因此它是显示我们使用 FFmpeg 创建或编辑完成视频的最佳媒体途径。除了将视频上传到流行的视频分享网站，如 YouTobe ，Vimeo 之外，我们也应该知道如何在一个网页中加入媒体文件。如果想要确保使用不同的浏览器和有着不同媒体支持的用户可以听和看你的音频和视频，建议最好是以 HTML5 的形式提供你的媒体文件，其次的可选方案是使用 Adobe Flash Player。

注：Adobe Flash Player 已经过时了，微软都已经宣布不再更新和维护 Flash 了。

浏览器对 HTML5 的支持

使用 HTML5 在网页上添加一个媒体文件相对很简单，浏览器中自然会有支持 HTML5 的设备，这个设备不会是 Flash Player，因此了解各种浏览器中支持什么媒体格式是非常有用的。FFmpeg 可以将你的音频和视频转化为任何需要的格式。OGG 容器的文件使用 Theora 视频编解码器和 Vorbis 音频编解码器，这是免费的，也可以在商业项目中使用。WebM 格式也可以免费使用。请注意：在默认情况下 FFmpeg 使用 FLAC 编解码器来编码音频，而浏览器不支持这种编码，因此使用时必须加上 -acodec libvorbis 选项。

在这里插入图片描述

IE浏览器对 HTML5 的支持是在版本9开始的，之前的版本6，7，8等可以安装一个谷歌浏览器的插件，下载地址：

https://developers.google.com/chrome/chrome-frame

有一个在线的测试网站可以帮你查看当前使用的浏览器是否支持特定的某个 HTML5 特性：

http://html5test.com

在 HTML5 中添加音频

想要在主流浏览器上驳发给音频，最通用的格式是 MP3 ，它可以在除了火狐浏览器之外的任意主流浏览器中使用，而在火狐浏览器上我们可以使用 OGG 或者 WAV 格式。在 HTML5 中我们使用 audio 标签来添加音频：

在这里插入图片描述

由于我们想要为指定至少两个不同格式的音频文件，那么此时在 audio 标签中，我们不适用 src 属性（因为它只能指定一个文件）而是在 <audio>和</audio> 之间加入多个 source 标签。浏览器会扫描加入的媒体文件，然后选择第一个它支持的格式去播放。

在这里插入图片描述

以下是一个 HTML5 中添加音频的示例，仅截取了音频的相关部分：

<audio controls='controls' loop='loop'>
	<source src='music.mp3' type='audio/mpeg' />
	<source src='music.ogg' type='audio/ogg' />
</audio>

如果想要自动开始播放，可以加入属性 autoplay=‘autoplay’。

在这里插入图片描述

在 HTML5 中添加视频

在 HTML5 中，我们使用 video 标签来添加视频，其中 autoplay ，controls，loop 和 mute 属性的值仅有一个，那就是它们自己名称本身，但大多数浏览器都会忽略它们的值，只要这些属性出现就相当于设置了这个属性，不出现则没有被设置。

在这里插入图片描述

想要在所有的主流浏览器中播放视频，我们必须提供至少 2 中不同的格式，最好的选择是 MP4 和 WEBM 。所以和上面 audio 中类似，不应该使用 src 属性，而去使用 source 标签。此时，浏览器也会扫描提供的视频格式，找到第一个支持的播放格式。

添加 video 的一个简单示例：

在这里插入图片描述

使用 Flash Player 添加视频

虽然 Flash 的整体趋势每况愈下，但在不支持 HTML5 的浏览器中，我们让然需要它来播放视频。此时我们可以使用 video 标签和 object 标签来播放一个 SWF 格式的视频。假如 object 中包含了 param 标签和 embed 标签，那么该浏览器将不支持 video （英文版这里是 object，感觉写错了）标签：

在这里插入图片描述

视频分享网站

YouTube 成功推出视频分享服务后，许多英语国家或者其他语言的国家也纷纷效仿这样的网站。目前为止 YouTube 仍然是最受欢迎的，但其他一些服务网站也提供了一些附加功能。几乎所有的视频分享网站都支持以下媒体格式:3gp, avi, asf，flv、mkv、mp4、mpegps、mov、ogg、wmv等。最流行的视频分享网站列表如下：

在这里插入图片描述