如何在 HTML5 中为音频添加控件?
html5web developmentfront end technology更新于 2024/2/11 11:56:17
HTML5 是多种技术的结合，用户可以使用这些技术创建更强大、更多样化的网站和 Web 应用，这些网站和应用支持多媒体、与软件界面交互等等。在本文中，我们将了解如何在 HTML5 中为音频添加控件。
语法
<audio control> <source> </audio>
</audio> 标签的 control 属性可用于指定嵌入音频的控件。它允许用户在网页中直接嵌入音乐播放器。控件属性可添加播放、暂停和音量等功能。
方法
我们将利用前面提到的控件属性为音频添加控件。
示例
步骤 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 − 现在我们将添加音频标签。
<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> 标签的控件属性。我们了解了如何使用控件属性在 HTML5 网页中为音频添加控件。
