要实现音频的播放、暂停和循环功能，你可以使用JavaScript来控制<audio>元素。以下是一个示例，演示如何使用JavaScript来实现这些功能：
<!DOCTYPE html> <html> <head> <title>音频播放示例</title> </head> <body> <h1>音频播放示例</h1> <audio id="myAudio" controls loop> <source src="your-audio-file.mp3" type="audio/mpeg"> Your browser does not support the audio element. </audio> <button onclick="playAudio()">播放</button> <button onclick="pauseAudio()">暂停</button> </body> <script> var audio = document.getElementById("myAudio"); function playAudio() { audio.play(); } function pauseAudio() { audio.pause(); } </script> </html>
下面给大家看一下效果
QQ2023924-15051
在上面的示例中，我们添加了两个按钮来控制音频的播放和暂停，以及在<audio>元素上设置了loop属性以实现循环播放。
JavaScript部分包括两个函数：
playAudio()：当点击播放按钮时调用，它使用audio.play()来开始播放音频。pauseAudio()：当点击暂停按钮时调用，它使用audio.pause()来暂停音频。
你可以将示例中的 "your-audio-file.mp3" 替换为你要播放的音频文件比如说mp4，然后将代码嵌入到你的网页中，就可以播放、暂停和循环音频了。
