js控制播放和暂停的代码，要求暂停和播放展示不同的图片

可以尝试以下代码实现： HTML: ``` ``` JS: ```javascript // 获取按钮和音频元素 const playPauseBtn = document.getElementById('play-pause-btn'); const playPauseImg = document.getElementById('play-pause-img'); const audioPlayer = document.getElementById('audio-player'); // 播放暂停按钮点击事件 playPauseBtn.onclick = function() { if (audioPlayer.paused) { // 音频暂停状态，点击播放 audioPlayer.play(); // 切换为暂停图片 playPauseImg.src = 'pause.png'; } else { // 音频播放状态，点击暂停 audioPlayer.pause(); // 切换为播放图片 playPauseImg.src = 'play.png'; } } ``` 其中，`play.png`和`pause.png`是控制按钮播放和暂停两种状态的图片。在点击按钮时，根据音频的播放状态，切换按钮的图片以展示不同状态。