【HTML】＜audio＞标签||☆如何配置src的属性值URL

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

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

浏览器	MP3	Wav	Ogg
Internet explorer/Edge	√	×	×
Chrome	√	√	√
Firefox	√	√	√

 目录

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="http://example.com/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=330
 height=86 
src="//music.163.com/outchain/player?type=2&id=408814900&auto=1&height=66">
</iframe>

复制src的属性值：

---