js实现音乐暂停
使用HTML5 Audio API控制音乐暂停
HTML5的<audio>元素提供了原生JavaScript控制音乐播放和暂停的功能。通过创建Audio对象或操作DOM元素即可实现。
// 方法1：通过DOM元素控制
const audioElement = document.getElementById('myAudio');
audioElement.play(); // 播放
audioElement.pause(); // 暂停创建动态Audio对象
若需要动态控制音频资源，可通过new Audio()创建对象实例：
const audio = new Audio('music.mp3');
audio.play();
// 点击按钮暂停示例
document.getElementById('pauseBtn').addEventListener('click', () => {
audio.pause();
});状态检测与切换
结合paused属性可实现播放/暂停切换功能：
const toggleBtn = document.getElementById('toggleBtn');
toggleBtn.addEventListener('click', () => {
if (audio.paused) {
audio.play();
toggleBtn.textContent = 'Pause';
} else {
audio.pause();
toggleBtn.textContent = 'Play';
}
});多音频管理
对于多个音轨管理，建议使用数组存储实例：
const tracks = [
new Audio('track1.mp3'),
new Audio('track2.mp3')
];
// 暂停所有音轨
function stopAll() {
tracks.forEach(track => track.pause());
}兼容性注意事项
移动端浏览器可能限制自动播放，需通过用户交互事件触发：
// 必须在点击事件中触发
playButton.addEventListener('click', () => {
audio.play().catch(e => console.error('播放失败:', e));
});
