开发者学堂课程【HTML5 新特性学习:HTML5音频】学习笔记,与课程紧密联系,让用户快速学习知识。
课程地址:https://developer.aliyun.com/learning/course/396/detail/5046
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 也可以播放