html5中使用什么标签嵌入音频

2022-09-14 17:17:01 IT技术网互联网

浏览

在html5中，可以使用audio标签嵌入音频；该标签的作用就是定义声音，比如音乐或者其他声音流，并且该标签仅支持MP3、Wav和Ogg三种声音格式，语法为“<audio src="音频文件">”。”。

前端（vue）入门到精通课程：进入学习

本教程操作环境：windows10系统、html5版本、Dell G3电脑。

html5中使用什么标签嵌入音频

html5 中提供了展示视频和音频的标签。向网页嵌入视频可以使用 <video> 标签，而嵌入音频可以使用 <audio> 标签。

这两个标签都是 html 5 中新增的标签，两个标签中的属性和方法也很类似，但也有些不同。其中 audio 元素用于定义声音，比如音乐， video 元素用于定义视频，如电影等。

向网页中嵌入音频

向网页中嵌入音频可以使用 <audio> 标签，此标签的使用和 <video> 标签类似。插入视频是有画面的，我们也可以调整视频的宽和高等，而插入音频是没有画面的。

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

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

audio 元素支持的格式和 video 元素也有一点区别：

向网页中嵌入音频时，也可以通过 <source> 标签来指定两个源文件，<source> 标签允许规定两个视频或者音频文件供浏览器根据它对媒体类型或者编解码器的支持进行选择。

audio 元素中的常用属性和 video 元素差不多，但是 audio 元素中没有 width、height 等属性。

常用属性如下所示：

示例：

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>123</title> 
</head>
<body>
<audio controls>
  <source src="horse.mp3" type="audio/mpeg">
  <source src="horse.ogg" type="audio/ogg">
  <embed height="50" width="100" src="horse.mp3">
</audio>
</body>
</html>

输出结果：