js实现音乐暂停
使用HTML5 Audio API控制音乐暂停
在JavaScript中，可以通过HTML5的Audio API来控制音乐的播放和暂停。创建一个Audio对象并调用相应方法即可实现。
// 创建Audio对象
const audio = new Audio('music.mp3');
// 播放音乐
audio.play();
// 暂停音乐
audio.pause();监听播放状态
可以通过监听play和pause事件来跟踪音乐播放状态。
audio.addEventListener('play', () => {
console.log('音乐开始播放');
});
audio.addEventListener('pause', () => {
console.log('音乐已暂停');
});切换播放/暂停状态
实现一个按钮来控制音乐的播放和暂停状态切换。
<button id="playPauseBtn">播放</button>const playPauseBtn = document.getElementById('playPauseBtn');
let isPlaying = false;
playPauseBtn.addEventListener('click', () => {
if(isPlaying) {
audio.pause();
playPauseBtn.textContent = '播放';
} else {
audio.play();
playPauseBtn.textContent = '暂停';
}
isPlaying = !isPlaying;
});处理音频加载
确保音频加载完成后再进行操作，可以监听canplaythrough事件。
audio.addEventListener('canplaythrough', () => {
console.log('音频已加载完成，可以播放');
playPauseBtn.disabled = false;
});控制音量
除了暂停，还可以控制音量大小。
// 设置音量（0.0到1.0）
audio.volume = 0.5;重置播放位置
暂停后如需重置播放位置到开头。
audio.currentTime = 0;以上方法提供了基础的音频控制功能，可以根据实际需求进行扩展和组合使用。
