HTML5多媒体笔记

多媒体元素

1.1Web 上的音频

直到现在,仍然不存在一项旨在网页上播放音频的标准。

今天,大多数音频是通过插件(比如 Flash)来播放的。然而,并非所有浏览器都拥有同样的插件。

HTML5 规定了一种通过 audio 元素来包含音频的标准方法。

audio 元素能够播放声音文件或者音频流。

1.2 HTML 5<audio>音频标签的定义和用法:

<audio>标签定义声音,比如音乐或其他音频流。

标签

HTML 4.01 与 HTML 5 之间的差异:<audio>标签是 HTML 5 的新标签。

<audio>标签的用法:

<audio src="/i/horse.ogg" controls="controls">

      Your browser does not support the audio element。

</audio>

1.3HTML 5 <audio>标签的属性:


1.4 HTML 5<audio>支持的音频

音频格式

当前,audio 元素支持三种音频格式:


1.5HTML 5 <video>视频标签的定义和用法:

<video>标签定义视频,比如电影片段或其他视频流。

<video>标签的用法:

<video src="/i/movie.ogg" controls="controls">

    your browser does not support the video tag

</video>

HTML 4.01 与 HTML 5 之间的差异

<video>标签是 HTML 5 的新标签。

1.6HTML 5 <video>视频标签的属性:


1.7 HTML 5 Audio/Video 属性


Audio/Video 属性

1.8 HTML 5 Audio/Video 方法:

Audio/Video 方法

1.9HTML5 Audio/Video 事件:


Audio/Video 事件

1.10 视频格式与浏览器的支持

Ogg = 带有 Theora 视频编码和 Vorbis 音频编码的 Ogg 文件。

MPEG4 = 带有 H.264 视频编码和 AAC 音频编码的 MPEG 4 文件。

WebM = 带有 VP8 视频编码和 Vorbis 音频编码的 WebM 文件。


标签是 HTML 5 的新标签。

标签是 HTML 5 的新标签。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 教程一:视频截图(Tutorial 01: Making Screencaps) 首先我们需要了解视频文件的一些基...
    90后的思维阅读 4,864评论 0 3
  • 学习HTML的最佳网站没有之一http://www.w3school.com.cn/html/ 关于HTML/HT...
    Amyyy_阅读 2,189评论 0 16
  • 接上 关于HTML/HTML5(一)http://www.jianshu.com/p/33fc7840c079 学...
    Amyyy_阅读 848评论 0 4
  • 视频编码格式全面解析 我们在详解各种主流的视频格式之前,先抛开各种视频格式的定义,来讨论这样一件事情:你觉得目前的...
    latthias阅读 21,454评论 2 30
  • 最近多新买了几件T恤,突然发现衣柜里面T恤怎么这么多了,以前买的好多都没怎么穿。因为大多都是一个类型的,颜色也比较...
    他型阅读 268评论 0 1