如何向 HTML5 中的音频添加控件？

HTML5 是一系列技术，用户可以使用它们来创建更强大、更多样性的网站和 Web 应用程序，这些网站和 Web 应用程序支持多媒体，并能够与软件界面进行通信，等等。在本文中，我们将了解如何向 HTML5 中的音频添加控件。

语法

<audio controls>
   <source>
</audio>

/audio 标签的 controls 属性可用于指定嵌入式音频的控件。它允许用户在网页中直接嵌入音乐播放器。controls 属性增加了播放、暂停和音量等功能。

方法

我们准备使用上述的 controls 属性来为音频添加控件。

范例

步骤 1 − 首先，我们将定义 HTML 代码。

<!DOCTYPE html>
<html>
<head>
   <title>How to add controls to an audio in HTML5?</title>
</head>
<body>
   <h4>How to add controls to an audio in HTML5?</h4>
</body>
</html>

步骤 2 − 现在，我们将添加 audio 标签。

<div>
   <audio controls>
      <source src="audio.wav">
   </audio>
</div>

下面是完整的代码 −

<!DOCTYPE html>
<html>
<head>
   <title>How to add controls to an audio in HTML5?</title>
</head>
<body>
   <h4>How to add controls to an audio in HTML5?</h4>
   <div>
      <audio controls>
         <source src="audio.wav">
      </audio>
   </div>
</body>
</html>

结论

在本文中，我们对 /audio 标签的 controls 属性有了清晰的了解。我们了解到，通过使用 controls 属性，可以在 HTML5 中的网页中为音频添加控件。

更新于： 2023 年 3 月 30 日

479 次浏览

开启您的 职业生涯

完成课程认证

立即开始
广告