在现代网页开发中,利用JavaScript操控HTML5 `
首先,你需要一个简单的HTML结构:
```html
```
接着,在JavaScript部分实现功能:
```javascript
function playAudio() {
document.getElementById('myAudio').play();
}
function pauseAudio() {
document.getElementById('myAudio').pause();
}
function stopAudio() {
const audio = document.getElementById('myAudio');
audio.pause();
audio.currentTime = 0;
}
```
通过 `play()` 方法启动音频,`pause()` 暂停它,而 `currentTime = 0` 可以让音频回到开头,完美实现“停止”效果!⏳
运用这种方式,你可以轻松构建动态且交互性强的网页音频体验啦!🎵✨