学习中心> HTML5 新特性教程> 正文

HTML5 新特性教程

15课时 |
20433人已学 |
免费
课程介绍

HTML5是HTML最新的修订版本,2014年10月由万维网联盟(W3C)完成标准制定,其设计目的是为了在移动设备上支持多媒体。本课程主要介绍HTML5新增的一些特性,如:

  • 用于绘画的 canvas 元素
  • 用于多媒体回放的video和audio元素
  • 对本地离线存储的更好的支持
  • 新的特殊内容元素,比如 article、footer、header、nav、section
  • 新的表单控件,比如 calendar、date、time、email、url、search

 

HTML5音频

 

内容介绍:

一、音频

二、示例

 

一、音频

1、Audio (音频)

HTML5提供了播放音频文件的标准

2、control(控制器)

control 属性供添加播放、暂停和音量控件

3、标签:

<audio>  定义声音

<source> 规定多媒体资源,可以是多个

 

二、示例

使用 WebStorm 集成开发环境做示例

<audio> 标签

新建一个文件 index,在 <title><title> 中间写入 音频,创建一个新的文件夹 raw,存放桌面上一个 MP4 格式的声音文件

<! DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<title>音频</title>

</head>

<body>

<audio src= “raw/3.mp4” controls= “controls”>浏览器不支持</audio>

</body>

</html>

使用 Chrome 来进行测试

<source>标签

有些浏览器不支持该格式,而是支持 ogg,但是如果两个格式全部放进去无论任何浏览器都可以播放

将该音频的另一个格式 ogg 存入文件夹 raw 下,编写

<audio controls= “controls”>

<source src = “raw/3.mp4”>

<source src = “raw/3.ogg”>

</audio>

测试浏览器 Firefox 也可以播放

我的学习进度
请登录后查看您的学习进度!
立即登录
本课程相关云产品