Настроить MediaElement. js аудиоплеер

Question

Я пытаюсь настроить MediaElement. js аудиоплеер. Все, что мне нужно, это воспроизвести файл mp3, но мне нужны более крупные кнопки (воспроизведение, отключение звука).

Я много пробовал с mediaelementplayer. css, но ничего не работает. Не понимаю, как это работает.

Или, если у кого-то есть еще одна простая идея для воспроизведения mp3 с помощью html. Многие игроки обновлялись много лет до go. Спасибо!

Answer 1

Элемент HTML <audio> используется для воспроизведения аудиофайла на веб-странице. Добавьте кнопку и с простым JS вы получите результат.

Например:

<script>
var myAudio = document.getElementById("myAudio");
var isPlaying = false;

function togglePlay() {
  isPlaying ? myAudio.pause() : myAudio.play();
};

myAudio.onplaying = function() {
  isPlaying = true;
};
myAudio.onpause = function() {
  isPlaying = false;
};
</script>

<audio id="myAudio" src="http://www.sousound.com/music/healing/healing_01.mp3" preload="auto">
</audio>
<button onClick="togglePlay()">Click here to hear.</button>