html5多媒体,H5多媒体

html5的设计目的

HTML5的设计目的是为了在移动设备上支持多媒体。

HTML5中的新标签，语义化更明确。

!doctype 声明必须位于 HTML5 文档中的第一行,使用非常简单。

兼容问题：现代的浏览器都支持html5

html新元素

canvas ：绘图标签 ，通过js在canvas 上进行绘图 ，cocos-2d引擎 做网页游戏 基于js的绘图API来制作

新多媒体元素

video 定义视频

src 视频的路径 autoplay 自动播放 controls 控制器 loop 通过js提供的api来制作视频控制

audio 定义音频内容

src 视频的路径 autoplay 自动播放 controls 控制器 loop 通过js提供的api来制作视频控制

source 定义多媒体资源，是视频音频资源文件

新的表单元素

datalist 提示列表 和input 连用

keygen 秘钥标签 私有秘钥（在本地） 公有秘钥(在服务器)

output 输出计算值 结合js

新的语义和结构元素

article 定义相对页面独立的内容区域

aside 定义侧边栏

bdi 文本突出 类似span

details 描述详细 显示详细类容 标签 兼容性不太好

figure 是包 图片 表单 代码

footer 定义页脚的

header 定义头部

mark 文本的突出显示 默认带黄色

meter 定义进度条的

nav 定义导航

progress 定义进度条

section 定义内容

time 写时间的

相关问答

Q1: html5是什么干什么的

HTML的全称是超文本标记语言，是一种标记语言。它包括一系列标签，可以统一网络上文档的格式，将分散的互联网资源连接成一个逻辑整体。HTML是由HTML命令组成的描述性文本，可以解释文字、图形、动画、声音、表格、链接等。Html是一种用来描述网页的语言。它被称为超文本标记语言，它是一种标记语言。它包括一系列标签，可以统一网络上文档的格式，将分散的互联网资源连接成一个逻辑整体。

Q2: 多媒体属性是啥 html

HTML5新增加了连个多媒体属性

audio和vide多媒体新属性简介:

前言：HTML5 中 Audio and Video的使用方法比较简单，但就是比较复杂，方法属性多。如果不常用的几乎难以记住，甚至有些人难以区分不同属性和方法的作用，更别说应用了。以下对 Audio and Video的使用方法做了一个简单的总结，算是一个大致轮廓。至于具体的使用方法可以再网上查到，比较多就没总结。

HTML5 Audio and Video 的优势

1、作为原生的浏览器支持，无需安装任何第三方插件

2、HTML5 规范提供了一套完整的多媒体脚本化控制的API，开发人员可以轻易的使用脚本来控制播放的内容。

HTML5 Audio and Video 的缺陷

1、编解码器无法统一，必须对不同的浏览器进行分类处理，这是HTML多媒体规范中最大的缺陷

2、受到HTTP跨源资源共享的限制

3、全屏视频无法通过脚本进行控制，这主要从安全角度考虑，脚本元素控制全屏视频存在很大的漏洞。

4、对Audio和Video两个多媒体元素的访问尚未完全加入到规范中。

5、在播放复杂的视频流时资源消耗过大。

6、没有比特率切换标准，无法再普通、高清、全清视频之间进行切换。

7、暂不支持

摄像头和麦克风。

8、在外网嵌入视频方面，远不如Flash方便。

当然这些都只是目前存在的典型缺陷，相信在不久的将来，HTML5将会进一步完善！

HTML5 Audio and Video的使用

Q3: html5怎么弄图像和多媒体的详细过程

html5中设置整页背景图片的方法是利用css3样式：

写法如下：img.bg { /* Set rules to fill background */ min-height: 100%; min-width: 1024px; /* Set up proportionate scaling */ width: 100%; height: auto; /* Set up positioning */ position: fixed; top: 0; left: 0;}@media screen and (max-width: 1024px) { /* Specific to this particular image */ img.bg { left: 50%; margin-left: -512px; /* 50% */ }}

多媒体：之前曾经介绍过，在HTML5中可以通过video标签在网页中播放影片，且不需要再安装额外的插件，此功能已经带给用户极大的便利。但基本的video标签只提供了简单功能的播放器界面，如果想要改变播放器的外观和功能，只能结合canvas标签和javascript语句，就能制作出酷炫的播放控制器。

{drawImage}

画布canvas如何与视频video标签结合，达到制作各种视频功能的效果呢？其秘诀在于通过画布重新描绘一次视频的内容，将视频的每个画面都转换成画布的图像，这样就可以通过javascript语言所提供的图像控制方法来操控它们。所以炫酷播放器所使用的视频功能，并不针对video，而是针对描绘出影像的canvas。

能够描绘影像到画布中的方法是“drawImage"，此方法允许在canvas中插入画布（canvas），图像（img）和视频（video）等元素。

drawImage方法有三种：

drawImage（image，dx，dy）//原比例绘制图像

drawImage（image，dx，dy，dw，dh）//按设置长宽绘制图像

drawImage（image，sx，sy，sw，sh，dx，dy，dw，dh）//裁切后绘制图像

Q4: HTML5CSS3多媒体标签(视频和音频)

当前 video 元素支持三种视频格式： 尽量使用 mp4格式

使用语法

支持格式

常用属性

当前 audio 元素支持三种视频格式： 尽量使用 mp3格式

使用语法

支持格式

Q5: html5多媒体播放元素都有哪些

在HTML5中，新增了两个元素——video元素与audio元素，其中video元素专门用来播放网络上的视频或电影，而audio元素专门用来播放网络上的音频数据。使用这两个元素，就不需要再使用其他插件了，只要使用支持HTML5的浏览器就可以了，同时在开发的时候也不再需要书写复杂的object元素和embed元素了。希望帮到你，满意请采纳