萧山网站建设:如何为您的网站创建HTML 5视频

2018.11.29

327

HTML 5的一个非常有趣的新奇之处是能够使用HTML标记查看多媒体内容,特别是视频。如果我们萧山网站建设考虑到每个标记实际上都由浏览器解释,然后呈现,那么很快就可以清楚地看到,新规范涉及的是浏览器,而不是页面语法。到今天为止,如果我们看一下HTML的操作,视频通常会显示在带有特殊插件的地方,最著名的是Adobe的Flash和Apple的QuickTime。该机制如下:当浏览器遇到引用多媒体内容(如iframe)的标记时,通过适当的插件(负责实际显示)对其进行质疑。新HTML 5规范的目的是避免这一步,指示浏览器自行处理整个过程。

HTML 5视频

一般说来,这个想法很简单。

然而,当我们讨论细节时,事情确实变得复杂起来。每个视频都具有一定的格式特征,每种格式都需要适当的编解码器来读取。如果今天将编解码器的管理委托给插件,当我们要求浏览器小心查看视频时,我们需要(亲自)指示编解码器的选择。这使情况变得非常复杂,因为许多编解码格式是专有的,因此不能自由访问。

我们还必须记住,一旦您选择了您的浏览器,您仍然需要支持各种编解码器。风险在于,您将不得不编写跨浏览器代码和交叉编解码器。您必须使用允许格式转换的程序来武装自己。例如,如果我们有AVI格式,您很可能会同意将其转换为MPEG 4,然后才能使用HTML 5提供的先进技术进行查看。在进入HTML代码之前要考虑的另一个方面是对浏览器支持的格式的内省。这意味着使用主要用JavaScript制造的技术,这些技术告诉您用户的浏览器支持什么样的格式(编解码器等等)。

通过JavaScript进行反思

JavaScript代码允许您探索浏览器中的多媒体支持。考虑到这种情况(格式和编解码器的多样性),我们必须做好最坏的准备:您不能用几行代码来进行反省,您必须考虑至少三到四个函数。您必须验证浏览器是否支持标记视频,并调查单个格式的支持问题。通过JavaScript进行内省的JavaScript代码可以在网上免费使用。

正如预期的那样,我们必须至少执行四个控制:

  • 函数支持_视频验证支持视频标记,
  • 函数支持_H 264_基线_视频验证支持格式,通常由Apple使用
  • 函数支持_ogg_Theora_视频验证支持Ogg Theora
  • 函数支持_WebM_视频验证支持WebM格式

然后进行了启动功能测试,验证了浏览器对所有技术的支持。

最后,我们萧山网站建设注意到不同的函数返回值‌‌“(空字符串)、”可能“或”可能“,分别表示:不支持的格式、可能支持的格式或”可能“。

HTML 5或HTML 4代码

通过JavaScript进行内省(上面提到,但没有给出代码)用于确定浏览器是否支持新特性,在介绍视频之前检查一下。如果您的浏览器不包含任何分析过的技术,我们必须使用HTML 4中的技术来看电影。或者,更简单地说,你可以放弃尝试嵌入电影,这限制了你提供视频链接。

如果测试成功,我们可以尝试包括HTML 5显示:

您的浏览器不支持视频标记。

HTML语法的相关部分是最简单的方面。如前所述,更复杂的工作是初步的,包括视频格式的准备和浏览器的反思。关于转换-有很多这样的软件,但它通常有必要咨询一个专业的程序,因为免费的很少经得起所有的格式。

在转换视频之后

在完成转换操作和内省之后,我们应该能够使用视频标记查看电影。注意这两种格式(MP4和OGG)的存在,并考虑到不同Web浏览器和/或编解码器的不同需求。这不是唯一可能的选择,因为我们也可以指定不同的格式。但是,您最好先尝试使用这些格式的显示。

关键词

最新案例

联系电话 400-6065-301

留言