Как в java script включить песню при нажатии на кнопку?

Question

Главное, чтобы плеер не было видно на сайте(музыка игралась фоном)

Answer 1

Допустим таким образом:

let audio = new Audio();
audio.volume = .25; // Чтобы не испугать пользователя

document.querySelector('#play').addEventListener('click', function(e){
  if(e.target.value === 'Воспроизвести') {
    e.target.value = 'Остановить';
    audio.src = e.target.getAttribute('data-url');
    audio.play();
  } else {
    e.target.value = 'Воспроизвести';
    audio.currentTime = 0;
    audio.pause();
  }
});

<input id="play" type="button" value="Воспроизвести" data-url="https://mp3minusovki.com/music/fhvndfjwserjgt/247bab1c312b2335afe3f5c9b496a3d3/854262e8b9de720784c0a4491e49912f.mp3">

Answer 2

document.querySelector('button').addEventListener('click', () => {
  document.querySelector('audio').play()
})

<button>Play</button>

<audio>
  <source src="//www.w3schools.com/html/horse.ogg" type="audio/ogg">
  <source src="//www.w3schools.com/html/horse.mp3" type="audio/mpeg">
  Your browser does not support the audio element.
</audio>

БЛОГ НА HUSL

Как в java script включить песню при нажатии на кнопку?

Ответы (2 шт):