如何为html audio标签加文件名称和下载地址?

发布网友发布时间：2022-04-24 18:24

我来回答

共2个回答

懂视网时间：2022-05-12 03:21

html audio标签用于定义声音，比如音乐和视频或其他音频资源，使用audio标签可以不用Flash插件就可以听音乐看视频，也不是全部的浏览器都支持此标签。

html audio标签怎么用？

作用：<audio> 标签定义声音，比如音乐和视频或其他音频资源，使用audio标签可以不用Flash插件就可以听音乐看视频，也不是全部的浏览器都支持此标签。

说明：

可以在开始标签和结束标签之间放置文本内容，这样老的浏览器就可以显示出不支持该标签的信息。

注释：

<audio> 标签是 HTML 5 的新标签。

html audio标签示例

<!DOCTYPE html>
<html>
<head>
 <meta charset="UTF-8">
 <title>Title</title>
</head>
<body>
<audio src="http://www.gxlcms.com/i/horse.ogg" controls="controls">
 Your browser does not support the audio element.
</audio>
</body>
</html>

热心网友时间：2022-05-12 00:29

新建一个“audio.html”的html文件。

将音频文件放入“audio.html”文件同一目录下。

audio是html5新标签，所以我们填入html5的标准化代码，然后编写一个audio标签，引用同级目录下音频文件，并设置音频播放控件（必须填写）。

将“audio.html”文件用浏览器打开，我们就制作好了一个简单播放音频的播放器，点击播放按钮，就会播放出音频。

为了格式更加好看和解决有点浏览器不兼容audio问题，我们可以用source引用多个不同格式音频文件，同时在下方写入一段友情提示。

下面我们讲解下其他属性值对播放器的影响，autoplay属性为audio标签自动播放属性，当我们设置后，网页刷新后音频就会自动播放，效果如下图。

muted将音频设置为静音，默认情况为静音状态。

除了以上属性外，audio的loop属性设置音频的重复播放，preload属性设置音频是否被加载以及如何加载等等。

追问不能主动添加下载按钮吗，还要给音频起名