<audio> 标签定义声音，比如音乐或其他音频流。

<audio> 元素支持的3种文件格式：MP3、Wav、Ogg

目录

audio的一些属性

☞controls

☞ src

▎如何配置src的属性值URL？（☆）

【补充】网易云插件iframe

audio的一些属性

☞controls

controls 属性是一个布尔属性，如果属性存在，它指定音频控件的显示方式。

音视频控件包括：

播放暂停进度条音量播放速度（在最右边三点处）

▎语法格式：

<audio controls></audio>

☞ src

src 属性描述了音频文件的地址(URL)。

不同浏览器可用的文件格式见上述表格。

如果需要在 Internet Explorer 和 Safari浏览器播放音频，必须使用 MP3 文件。

如果需要兼容所有浏览器，可以在<audio> 元素中使用<source>元素 。

<source> 元素可以链接到不同的音频文件。浏览器将使用第一个可识别的音频文件格式。

详情点击跳转☞<source>

▎如何配置src的属性值URL？（☆）

属性规定音频/视频来源的 URL（统一资源定位系统 uniform resource locator）。可能的值：

绝对 URL - 指向另一个网站（比如 src="/movie.ogg"）相对 URL - 指向某个文件（比如 src="D:\CloudMusic\小星星.mp3"）

此处仅描述在Edge上可识别的MP3文件 ——相对URL

保存音频文件到桌面或其他路径（下图是我保存的文件，保存到了D盘的cloudmusic中）

右键复制文件地址，这个文件的地址是："D:\CloudMusic\RENEE - Like a Balloon.mp3"

对于这种文件，我们可以看到URL的格式为“路径＋文件名”，所以如果电脑上没有这个复制文件地址的选项的话，可以根据保存路径自行写地址，只要能让浏览器找到文件即可。

▎语法格式：

<audio src="*****.mp3/ogg/mav" controls></audio>

【补充】网易云插件iframe

浏览器搜索一首歌，进入网易云网页版，再点击生成外链播放器

可见HTML代码：

<iframe frameborder="no" border="0"marginwidth="0"marginheight="0"width=330height=86 src="///outchain/player?type=2&id=408814900&auto=1&height=66"></iframe>

复制src的属性值：