Плеер javascript

Question

Помогите пожалуйста, я не знаю как реализовать плеер(js). Допустим, у меня есть две кнопки. Если нажать на первую кнопку, произведётся какой-то звук. Если на вторую, другой звук. Как мне реализовать код, что бы эти кнопки использовали один и тот же плеер?

Answer 1

<audio id=audio controls></audio>
<br /><br />
<button onclick="audio.src='http://mysynthesizer.github.io/index.hetemeel/track1.mp3'; audio.play()"> Трек-1 </button> 
<button onclick="audio.src='http://mysynthesizer.github.io/index.hetemeel/track2.mp3'; audio.play()"> Трек-2 </button>

Answer 2

const audio = new Audio();
const treck = [
  'http://mysynthesizer.github.io/index.hetemeel/track2.mp3', 'http://mysynthesizer.github.io/index.hetemeel/track1.mp3'
];

const playTrec = t => {
  audio.src = t
  audio.play()
}

document.querySelectorAll('button').forEach((s, i) => {
  s.addEventListener('click', () => {
    playTrec(treck[i])
  })
})

<button> Трек-1 </button>
<button> Трек-2 </button>

БЛОГ НА HUSL

Плеер javascript

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