html5声频audio和视频video说明

现在已经掀起了html5热潮,本文来说明下html5声频audio和视频video

在html5中出现了一些新特性:

* canvas 元素
    * 视频 video 和 声频audio 元素 ;
    * 对本地离线存储(localStorage,sessionStorage)的支持 ;
    * 新增特殊内容元素:article、footer、header、nav、section ;
    * 新增表单控件: calendar、date、time、email、url、search 。

今天看看视频和声频:在html5中规定了视频的标准方法:video

<video src="xxx.ogg" controls="controls">你的浏览器还不支持哦</video>

我们也可以设置多个source,浏览器会为我们选择第一个可识别的视频来播放,形如:

<video width="320" height="240" controls="controls">

<source src="xxx.ogg" type="video/ogg">

<source src="xx1.mp4" type="video/mp4">

你的浏览器还不支持哦</video>

video属性有:

在HTML5 规定了声频标准为 audio 元素,audio 元素能够播放声音文件或者音频流。

audio格式和video相似:直接行多source:

<audio controls="controls">
  <source src="xx.ogg" type="audio/ogg">
  <source src="xx1.mp3" type="audio/mpeg">
你的浏览器还不支持哦
</audio>

其属性比video少了height、width、poster。

时间: 2024-10-05 18:47:23

html5声频audio和视频video说明的相关文章

html5声频audio和视频video

html5作为下一代web标准,年前轩起了html5热潮.对于html5我只是本着了解看看.关于html5和RIA(silverlight,flash,JavaFx等)我不想说什么,也没有什么可说的,存在就有其存在的理由.孰优孰劣,留给事实.时间来证明的. 在html5中出现了一些新特性: canvas 元素 视频 video 和 声频audio 元素 : 对本地离线存储(localStorage,sessionStorage)的支持 : 新增特殊内容元素:article.footer.head

HTML5 音频audio 和视频video实用基础教程

1.音频(audio)<audio controls="controls"><source src="这里面放入音频文件路径"></source></audio>2.视频(video) <video controls="controls" loop="loop" autoplay="autoplay" id="video">&l

HTML5——音频audio与视频video

文件日志地址  http://blog.csdn.net/q1056843325/article/details/60336226 音频与视频现在已经变得越来越流行 各个网站为了保证跨浏览器的兼容性 仍然选择使用flash (源码截自优酷) 多媒体标签 使用 HTML5增加了audio与video两个多媒体标签 兼容性还不错,低版本IE不支持 可以使我们不需要使用任何浏览器插件就能够插入音频与视频控件 而且非常的简单 (源码截自Bilibili) 元素用法如下 1 <audio src="

HTML5视频Video 音频Audio

视频协议 视频格式 Flash HTML5 HTTP flv HTTP f4v HTTP mp4 HTTP m3u8 HTTP webm HTTP ogg RTMP flv RTMP f4v RTMP mp4 RTMP 直播流 万能播放插件js ckplayerhttp://www.ckplayer.com/ m3u8是m3u的一种,是utf-8格式的,Apple 为了提高流播效率开发的技术,特点是将流媒体切分为若干 TS 片段(比如每10秒一段),然后通过一个扩展的 m3u 列表文件将这些 T

HTML5视频Video元素

一.视频文件格式     HTML5 支持三种视频文件格式(即编解码器).?1.Ogg Theora 使用的文件扩展名为 .ogg或 .ogv,支持它的浏览器包括 Firefox3.5+. Chrome 4+. Opera 10.5+ 以 及Android 版 Firefox.?2.MP4(H.264)使用的文件扩展名为.mp4 或 .m4v,支持它的浏览器包括Safari 3.2+. Chrome 4-?(参见提示).Internet Explorer 9+.iOS(MobileSafari)

直接在低版本IE6/7/8浏览器中使用HTML5的audio和video标签播放视频音频的办法

摘自:http://www.uiej.com/1107.html 通常人们习惯用swf播放器来播放网络视频音频 HTML5给我们带来了很多惊喜,其中新增加的audio和video标签可以让我们更方便的在网页中播放音频和视频.video标签虽好,然而目前它却无法在旧版的IE浏览器中使用.所以一般还是用flash播放器来播放视频,例如优酷网站的插入视频的代码如下: <embed src="http://player.youku.com/player.php/sid/XNjgwMDU5MDU2/

低版本IE6/7/8浏览器中使用HTML5的audio和video标签播放视频音频

支持低版本IE的html5播放器演示 通常人们习惯用swf播放器来播放网络视频音频 HTML5给我们带来了很多惊喜,其中新增加的audio和video标签可以让我们更方便的在网页中播放音频和视频.video标签虽好,然而目前它却无法在旧版的IE浏览器中使用.所以一般还是用flash播放器来播放视频,例如优酷网站的插入视频的代码如下: <embed src="http://player.youku.com/player.php/sid/XNjgwMDU5MDU2/v.swf" al

HTML5之音频与视频

HTML5之音频与视频 l  标签 ?     audio .video ?     source l  视频容器 ?     容器文件,类似于压缩了一组文件 –    音频轨道 –    视频轨道 –    元数据:封面,标题,字幕等 –    格式:.avi..flv..mp4..mkv..ogv等 l  编解码器 ?     原始的视频容器非常大,添加需编码,播放需解码 ?     音频编解码器 –    AAC.MPEG-3.Ogg Vorbis ?     视频编解码器 –    H.

html5:音频、视频和其他多媒体

视频文件格式 html5支持三种视频文件格式(即编解码器):.ogg  .mp4或.m4v   .webm . 编解码器是使用压缩算法对数据的数字流进行编码和解码,使之更适合播放的计算机程序.在有的浏览器中如果没有正确地设置MIME类型,媒体文件就不会播放. 要获得所有兼容html5浏览器对媒体播放的支持,需要至少提供两种格式的视频:mp4  和 webm. 将以下文本添加到后缀名为.htaccess(或其他)文件中设置MIME类型: AddType video/ogg .ogv AddType