03.HTML5(音频)

简介: Your browser does not support the audio element.属性解析屏幕快照 2018-03-06 下午2.
<!DOCTYPE HTML>
<html>
<body>
<audio controls="controls" loop="loop" autoplay="autoplay" preload="auto">
    <!--audio 元素允许多个 source 元素。source 元素可以链接不同的音频文件。浏览器将使用第一个可识别的格式:-->
    <source src="asset/斑马.mp3" type="audio/mp3">
    <source src="asset/a.mp3" type="audio/mp3">
    Your browser does not support the audio element.
</audio>
</body>
</html>

属性解析


img_cc78c7b85c9fd04f795c09bd4d51091a.png
屏幕快照 2018-03-06 下午2.17.27.png

音频格式


img_0daa0753600307bf1d9a91a19a21a845.png
屏幕快照 2018-03-06 下午2.17.39.png
相关文章
|
1月前
|
Web App开发 前端开发 JavaScript
编程笔记 html5&css&js 030 HTML音频
编程笔记 html5&css&js 030 HTML音频
|
4月前
|
前端开发
HTML图片音频视频标签、超链接标签、列表标签和布局标签示例
HTML图片音频视频标签、超链接标签、列表标签和布局标签示例
47 0
|
9月前
|
移动开发 HTML5
在HTML5中 视频标签 和音频标签的介绍
在HTML5中 视频标签 和音频标签的介绍
153 0
|
10月前
|
移动开发 定位技术 API
HTML5 —— 拖放、地理位置、视频和音频的基本使用
HTML5 —— 拖放、地理位置、视频和音频的基本使用
HTML 学习笔记——插入音频、视频标签
audio标签用来向页面中引入一个外部的音频文件。音视频文件引入时,默认情况下不允许用户自己控制播放按钮。
93 0
|
移动开发 HTML5 内存技术
零基础HTML入门教程(12)——插入音频audio标签
我们前几个小结学习了,插入图片,或者插入超链接,那我们这一小结学习一下插入音频audio标签直到现在,仍然不存在一项旨在网页上播放音频的标准。 今天,大多数音频是通过插件(比如 Flash)来播放的。然而,并非所有浏览器都拥有同样的插件。 HTML5 规定了一种通过 audio 元素来包含音频的标准方法。 audio 元素能够播放声音文件或者音频流。 代码演示 效果如下 我们可以看到使用这个标签后,我们可以页面上面看到一个音频,并且是可以播放的,我们要熟练合理使用这个标签,是为以后网页开发必不可少的因素。
零基础HTML入门教程(12)——插入音频audio标签
html播放音频标签(兼容ie,谷歌)
html播放音频标签(兼容ie,谷歌)
89 0
|
移动开发 HTML5
一文搞懂HTML5标签新特性【视频、音频、语义】
一文搞懂HTML5标签新特性【视频、音频、语义】
112 0
一文搞懂HTML5标签新特性【视频、音频、语义】
|
前端开发
【前端三件套-HTML】图片,音频,视频,表格案例
【前端三件套-HTML】图片,音频,视频,表格案例
81 0
|
移动开发 编解码 HTML5
HTML5媒体(音频/视频)
HTML5媒体(音频/视频)
HTML5媒体(音频/视频)