24.网页视频

由于其无所不在，互联网是用ffmpeg创建或编辑视频的最佳媒介。 除了上传到YouTube，Vimeo等流行的视频分享网站之外，了解如何将媒体文件包含到网页中也很有用。 为确保具有不同浏览器和媒体支持的用户可以收听并查看音频和视频，建议您为HTML5和Adobe Flash Player提供所有支持的格式的媒体文件。

主流的浏览器对HTML5的支持情况

使用HTML5在网络上添加媒体文件相对容易，并且有支持HTML5的设备，但不支持Flash Player，因此了解各种浏览器支持的媒体格式非常有用。 FFmpeg能够将您的音频和视频转换为任何指定的HTML5格式。 OGG容器格式的文件使用Theora视频编解码器和Vorbis音频编解码器，这些编解码器可以在商业项目中免费使用，WebM格式也提供相同的免费使用。 请注意，默认情况下，ffmpeg使用FLAC编解码器编码OGG音频，这些浏览器无法播放，必须包含-acodec libvorbis选项。

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

在线测试您的浏览器如何支持特定的位于网络上的HTML5功能

http://html5test.com

使用HTML5添加音频

为了在任何主流浏览器上播放我们的音频，最通用的格式是在除Firefox以外的所有浏览器上支持MP3，而对于Firefox我们提供OGG或WAV格式。 用于音频包含的HTML5中的新标签是表中描述的<audio>标签：

<audio>标签（所有的属性都是可选的）

因为我们希望为同一个音频指定至少两个不同格式的文件，所以<audio>标签的src属性不会被使用，并且在打开<audio>和关闭</ audio>标签之间会添加多个<source>标签。 浏览器将扫描包含的媒体文件，并选择它支持播放的第一个文件。

<source>标签（所有的属性都是可选的）

下一个HTML代码包括带有显示控件和循环的音频文件，它被保存到文本文件中，并与其他HTML元素（如文档类型，头，标题，正文，div等）一起调用audio.htm。

<audio controls=&##39;controls&##39; loop=&##39;loop&##39;>
    <source src=&##39;music.mp3&##39; type=&##39;audio/mpeg&##39; />
    <source src=&##39;music.ogg&##39; type=&##39;audio/ogg&##39; />
Audio element is not supported in your browser, please update.
</audio>

要开始自动播放，我们可以添加属性autoplay =&##39;autoplay&##39;。

各种浏览器中的音频控制

浏览器	音频播放器
Firefox 4
Google Chrome 6
Internet Explorer 9
Maxthon 3
Opera 12

使用HTML5添加视频

HTML5中的视频标签是一个<video>标签，其属性自动播放，控制，循环和静音使用等于属性名称的值（例如loop =&##39;loop&##39;），但许多浏览器接受跳过此值， 生产使用我们可以使用<video autoplay controls loop>。

<video>标签

为了在所有主流浏览器上都能看到视频，我们必须提供至少2种不同的格式，最好的选择是MP4和WEBM。 因此，不会使用<video>标签的src属性，并在开始的<video>和关闭</ video>标签之间添加前面章节中描述的多个<source>标签。 浏览器将扫描包含的媒体文件，并选择它支持播放的第一个文件。

例如，要包含带有显示控件和循环的视频文件，我们可以使用HTML代码：

<video controls=&##39;controls&##39; loop=&##39;loop&##39; width=&##39;640&##39; height=&##39;480&##39;>
    <source src=&##39;videoclip.mp4&##39; type=&##39;video/mp4&##39; />
    <source src=&##39;videoclip.webm&##39; type=&##39;video/webm&##39; />
video element is not supported in your browser, please update.
</video>

为Flash Player添加视频

对于不支持HTML5的浏览器，我们可以在<video>标签中包含SWF格式的<object>标签（ffmpeg -f videoclip.mp4 videoclip.swf）。 <object>标签包含不支持<object>标签的浏览器的<param>标签和<embed>标签。

<object width=&##39;400&##39; height=&##39;300&##39;>
    <param name=&##39;src&##39; value=&##39;videoclip.swf&##39; />
    <param name=&##39;loop&##39; value=&##39;true&##39; />
    <embed src=&##39;videoclip.swf&##39; width=&##39;400&##39; height=&##39;300&##39; loop=&##39;true&##39; />
</object>

视频分享网站

YouTube成功推出视频共享服务之后，还有许多英文和其他语言的类似网站。 YouTube仍然是最受欢迎的，但其他一些服务器提供了更多功能。 几乎所有的视频共享网站都支持以下媒体格式：3gp，avi，asf，flv，mkv，mp4，mpegps，mov，ogg，wmv等。最流行的视频共享网站列表位于表格中。

最受欢迎的视频分享网站

Web服务器上的视频处理

由于ffmpeg和视频共享网站的流行，一些虚拟主机公司提供对ffmpeg服务器上视频处理的支持，这需要比传统网站更大的CPU负载。 包含他们提供的参数的几个虚拟主机的预览在表中：

带有FFmpeg支持的虚拟主机服务

通过视频上传获利

一些视频分享网站提供了查看上传视频的付款方式：

• YouTube合作伙伴计划为创作者提供工具和程序，以构建受众群体并通过视频获利。 获利的视频会显示增加，更多信息位于网页http://www.youtube.com/account_monetization
• Blip.tv从包含的附加费中支付50％，但创作者必须上传原始视频系列，而不是所有系列都被接受，有关更多信息，请访问http://blip.tv/users/apply
• NowVideo.eu为每1000个视频流支付10美元（完整的访问者浏览量），详情请见http://www.nowvideo.eu/affiliate.php
• Break.com从用户中选择有趣的视频并将它们包含到其主页中。 这些视频的创作者将为每个视频从200美元到600美元进行支付，金额取决于用户是否决定出售或许可视频和其他条件，更多信息请访问http://info.break.com/break/html/。upload_videos.html