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
相关文章
|
2月前
|
Web App开发 移动开发 HTML5
文本,兼容性-----HTML5新增音频和视频标签
文本,兼容性-----HTML5新增音频和视频标签
|
4月前
|
移动开发 搜索推荐 JavaScript
【专栏:HTML 进阶篇】HTML5 新特性探索:视频、音频与画布
【4月更文挑战第30天】HTML5的视频、音频和画布元素为网页开发注入新活力。视频和音频元素提供跨平台兼容的播放体验,支持自适应和交互控制;画布则允许动态图形和动画创作。在线视频网站、音乐播放器和游戏开发广泛应用这些特性。尽管面临版权和性能挑战,HTML5持续发展,为网页创新带来更多可能。拥抱这些新特性,创造更丰富的网页世界!
60 0
|
4月前
|
Web App开发 前端开发 JavaScript
编程笔记 html5&css&js 030 HTML音频
编程笔记 html5&css&js 030 HTML音频
|
移动开发 HTML5
在HTML5中 视频标签 和音频标签的介绍
在HTML5中 视频标签 和音频标签的介绍
168 0
|
4月前
|
前端开发
HTML图片音频视频标签、超链接标签、列表标签和布局标签示例
HTML图片音频视频标签、超链接标签、列表标签和布局标签示例
67 0
|
移动开发 定位技术 API
HTML5 —— 拖放、地理位置、视频和音频的基本使用
HTML5 —— 拖放、地理位置、视频和音频的基本使用
104 0
HTML 学习笔记——插入音频、视频标签
audio标签用来向页面中引入一个外部的音频文件。音视频文件引入时,默认情况下不允许用户自己控制播放按钮。
|
移动开发 HTML5
如何在HTML5中使用视频和音频?
如何在HTML5中使用视频和音频?
|
移动开发 HTML5 内存技术
零基础HTML入门教程(12)——插入音频audio标签
我们前几个小结学习了,插入图片,或者插入超链接,那我们这一小结学习一下插入音频audio标签直到现在,仍然不存在一项旨在网页上播放音频的标准。 今天,大多数音频是通过插件(比如 Flash)来播放的。然而,并非所有浏览器都拥有同样的插件。 HTML5 规定了一种通过 audio 元素来包含音频的标准方法。 audio 元素能够播放声音文件或者音频流。 代码演示 效果如下 我们可以看到使用这个标签后,我们可以页面上面看到一个音频,并且是可以播放的,我们要熟练合理使用这个标签,是为以后网页开发必不可少的因素。
零基础HTML入门教程(12)——插入音频audio标签
|
移动开发 HTML5
一文搞懂HTML5标签新特性【视频、音频、语义】
一文搞懂HTML5标签新特性【视频、音频、语义】
127 0
一文搞懂HTML5标签新特性【视频、音频、语义】