<!DOCTYPE HTML>
<html>
<body>
<audio src="/i/song.ogg" controls="controls">
Your browser does not support the audio element.
</audio>
</body>
</html>
control 属性供添加播放、暂停和音量控件。
<audio> 与 </audio> 之间插入的内容是供不支持 audio 元素的浏览器显示的
Ogg 文件,适用于Firefox、Opera 以及 Chrome 浏览器。
要确保适用于 Safari 浏览器,音频文件必须是 MP3 或 Wav 类型。
audio 元素允许多个 source 元素。source 元素可以链接不同的音频文件。浏览器将使用第一个可识别的格式
<!DOCTYPE HTML>
<html>
<body>
<audio controls="controls">
<source src="/i/song.ogg" type="audio/ogg">
<source src="/i/song.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>
</body>
</html>
<audio> 标签的属性
属性
值
描述
autoplay |
autoplay |
如果出现该属性,则音频在就绪后马上播放。 |
controls |
controls |
如果出现该属性,则向用户显示控件,比如播放按钮。 |
loop |
loop |
如果出现该属性,则每当音频结束时重新开始播放。 |
preload |
preload |
如果出现该属性,则音频在页面加载时进行加载,并预备播放。
如果使用 "autoplay",则忽略该属性。
|
src |
url
|
要播放的音频的 URL。 |
分享到:
相关推荐
AE模板-音频可视化制作工具V3AE模板-音频可视化制作工具V3AE模板-音频可视化制作工具V3AE模板-音频可视化制作工具V3AE模板-音频可视化制作工具V3AE模板-音频可视化制作工具V3AE模板-音频可视化制作工具V3AE模板-音频...
20HZ-20kHZ音频信号
犀牛---音频线头.3dm 音频线头。渲染用的
设计总体要求 ------------------------------------------------------03 影响音质因素 ------------------------------------------------...音频设计流程 ------------------------------------------------------37
armlinux学习笔记--IIS音频驱动程序分析
ARM linux学习笔记--IIS音频驱动程序分析整理
音频监视程序--音频信号的图像化显示,可显示波形、频谱。
把文字转变成音频-MP3(免装) 把文字转变成音频-MP3(免装) 把文字转变成音频-MP3(免装) 把文字转变成音频-MP3(免装) 把文字转变成音频-MP3(免装)
模电课程设计报告-音频放大器 模电课程设计报告-音频放大器 模电课程设计报告-音频放大器 模电课程设计报告-音频放大器 模电课程设计报告-音频放大器 模电课程设计报告-音频放大器
5-音频处理.xmind
音频分类-有监督-案例01:ESC-50 audio classification_u01325.html
08-音频标签.html
音频源代码音频源代码音频源代码音频源代码音频源代码
HTML5程序设计-3期(KC014) 单元设计-单元4 HTML5音频与视频.doc 学习资料 复习资料 教学资源
Html5网页JavaScript录制MP3音频
V-VisualizerView -音频随音谱率动跳动动画效果
《Android 群英传》读书笔记:自定义 View ---- 音频条形图 博客地址:http://blog.csdn.net/like_program/article/details/53352899
armlinux学习笔记--IIS音频驱动程序分析(2).pdf
艾瑞-2020年中国网络音频行业研究报告-2020.5-43页精品报告.pdf
直接下载解压到你的组件库当中便可以使用,注意引用路径。该组件只需传入一个音频的资源地址便可以使用了,非常轻简的一个音频组件。