网站的视频编码

时间:2010-10-20 15:16:49

标签: javascript video-encoding html5-video video-embedding

我在网站上嵌入视频有点新鲜。最好的方法是什么?我刚刚开始阅读它。

我读到我应该使用HTML5和浏览器的原生播放器。 - 有没有人知道一个javascript库会使用浏览器的播放器并检测浏览器是否没有使用HTML5降级到Flash播放器?

至于编码什么是最好的方法?我打算编写一个小控制台应用程序来使用FFMPEG转换视频。但是我应该使用什么编码?我听说H.264很有前途吗?但是

5 个答案:

答案 0 :(得分:6)

这就是您要找的内容:http://videojs.com/

编码明智,我认为H.264 WebM是明智的选择。这样你就可以满足所有现代浏览器和移动设备(包括iOS和Android)的需求,并且只针对较旧的HTML5前浏览器(以及仅支持Theora的FF 3.6)回归Flash。)

答案 1 :(得分:3)

DIY方法是使用Video For Everybody嵌入代码。这将导致HTML5视频和闪回的后备。 然后对于视频编码,你可以像你说的那样使用FFmpeg。

为了让您的生活更轻松,您应该查看VideoJS HTML5视频播放器。它处理许多跨浏览器问题以及浏览器尚不支持的一些额外功能。 对于视频编码,如果您计划专门使用FFmpeg进行编码自动化,则应查看Zencoder's video encoding API。它可以为您节省一些设置时间和兼容性问题。

对于编解码器,#1优先级应该是h.264,特别是使用基线配置文件,因此它可以在智能手机上运行。在那之后,ogg和webm都是不错的选择。 WebM的文件大小质量更高,但Ogg可以通过更多用户查看,因为旧版本的Firefox支持它。需要注意的是,如果你只做h.264,那么Video For Everybody代码将不会回退到Firefox和Opera中的Flash(不支持h.264),所以你需要使用像VideoJS这样的播放器。

答案 2 :(得分:1)

使用Handbrake进行视频编码,尤其适用于HTML 5支持。

HTML 5是一种嵌入视频的绝佳方式,但尚未标准化。如果你支持iOS设备,你肯定想要使用它,因为它们当然不支持Flash,这是嵌入视频最主流的方式。

HTML5非常棒,因为它很简单:

<video src="video.m4v" />

这是一个很有用的链接: http://www.robwalshonline.com/posts/tutorial-serving-html5-video-cross-browser-including-ipad/

答案 3 :(得分:0)

降级很容易......

&lt; video ...&gt; 您的浏览器不支持html5视频 &LT; /视频&GT;

将降级代码放在视频标记的打开和关闭之间...非html5浏览器将忽略视频标记并在开始和结束视频标记之间呈现flash或任何html代码。 HTML5浏览器将呈现视频并忽略html代码。

此功能还可用于让人们了解与IE 6-8兼容的chromeframe http://wsmithdesign.wordpress.com/2010/10/03/using-html5-video-tag-with-ie8/并允许他们使用HTML5视频。

视频格式仍然存在问题;并非所有浏览器都支持mp4,并非所有浏览器都支持ogv。

答案 4 :(得分:-1)

  

我读到我应该使用HTML5和   浏览器的原生播放器

哪个白痴告诉你的?鉴于您将在大部分客户群中失去兴趣,您要么运行HTML 5浏览器的单一文化,无论谁说应该在麦当劳中提供汉堡,而不是向人们提供建议。 HTML 5和集成播放器很不错,但对于普通大众来说还不行。几年后,是的。现在 - 如果我聘请一家网络公司将视频放在网站上并且他们这样做,他们就会因严重疏忽和无能而被起诉。

今天,播放主要是闪光 - 具有很高的渗透率。 Flash视频播放器也是youtube当前使用的网站。如果你追求更少(渗透),Silverlight非常好,并拥有完整的后端基础设施。

  

我听说H.264很有前途吗?

那又怎样?首先,您需要修复播放方面,然后根据播放决定使用最有效的格式。