HTML: <audio> src 属性

由网友 大卫 发布 阅读 6

HTML: <audio> src 属性

src属性指定音频文件的位置(URL),要使其在所有浏览器中都能正常工作- 在 <audio>元素内使用 <source>元素。 <source>元素可以链接到不同的音频文件。浏览器将使用第一种公认的格式。

HTML <audio> 标签

在线示例

播放音频:

<!DOCTYPE html>
<html>
<title>HTML:<audio> src 属性 - 大卫编程网 div.cn</title>
<body>
<audio src="horse.ogg" controls>
Your browser does not support the audio element.
</audio>
</body>
</html>
测试看看 ‹/›

浏览器兼容性

IEFirefoxOperaChromeSafari

Internet Explorer 9+, Firefox, Opera, Chrome, 和 Safari 浏览器都支持 src 属性。但是不是有的浏览器都支持音频的文件格式。

注意: IE和Safari不支持.ogg文件格式

注意: Internet Explorer 8 及更早 IE 版本不支持 <audio> 标签。

定义和用法

src属性指定音频文件的位置(URL)。
上面的示例使用Ogg格式音频文件,并将在Firefox,Opera和Chrome中运行。
要在Internet Explorer和Safari中播放音频文件,我们必须使用MP3文件。
要使其在所有浏览器中都能正常工作- 在<audio>元素内使用<source>元素。<source>元素可以链接到不同的音频文件。浏览器将使用第一种公认的格式。

在线示例

<!DOCTYPE html>
<html>
<title>HTML:<audio> src 属性 - 大卫编程网 div.cn</title>
<body>
<audio controls>
  <source src="horse.ogg" type="audio/ogg">
  <source src="horse.mp3" type="audio/mpeg">
  Your browser does not support the audio tag.
</audio>
</body>
</html>
测试看看 ‹/›

HTML 4.01 与 HTML5之间的差异

<audio> 标签是HTML5新增的。

语法

<audio src="URL">

属性值

描述
URL

规定音频/视频来源的 URL。

可能的值:

  • 绝对 URL - 指向另一个网站(比如 src="http://example.com/movie.ogg")

  • 相对 URL - 指向网站内的某个文件(比如 src="https://cdn.div.cn/static/uploads/code/2023-02-21/fbd26bb881b641781224fc5aef45838f.jpg")

HTML <audio> 标签

HTML: <area> alt 属性 HTML: <audio> preload 属性