Как сделать, что бы при нажатии на фото воспроизводилась музыка?

Question

[Baldeg]

Я создаю сайт и не знаю, как сделать, чтобы при нажатии на фото производилась музыка, а если нажать ещё раз, то выключалась, при этом когда музыка включена показывалась одна картинка, а при выключение другая

Comments

[alexalexes]

Также как и любую кнопку включения и выключения audio. Только у вас не кнопка будет, а некий блок с картинкой, и вы еще помимо управления звука будете менять свойства блока изображения, но с точки зрения JS это разница в пару строк.

[Baldeg]

alexalexes, можете написать такой код?

[Semantic.Moscow]

Baldeg, https://developer.mozilla.org/ru/docs/Web/API/Web_...
API же есть для плеера.

[Okujava-script]

WebAudio Api не предусматривает решение этого вопроса. Прочитайте еще раз, для чего это предназначено.

Answer 1

[Okujava-script]

<audio id=audio src="sound.mp3" controls></audio>
<img id=img src="image1.jpg" />
<button id=btn onclick="playPause()"> play </button>

const playPause = _ => {
   if(audio.paused){
      audio.play();
      btn.textContent = " pause ";
      img.src = "image2.jpg";
   }else{
      audio.pause();
      btn.innerText = " play ";
      img.src = "image1.jpg";
   }
}