Плеер javascript

Рейтинг: 0Ответов: 2Опубликовано: 27.05.2023

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

javascript
Источник: Stack Overflow на русском

Ответы

▲ 1

<audio id=audio controls></audio>
<br /><br />
<button> Трек-1 </button> 
<button> Трек-2 </button>

▲ 1

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>