html - 自定义MediaElement.js音频播放器

Question

我正在尝试自定义MediaElement.js音频播放器。我需要的只是播放mp3文件，但我需要更大的按钮(播放，静音)。
我用mediaelementplayer.css尝试了很多，但没有任何效果。不要知道它是如何工作的。
或者，如果有人对使用html播放mp3有另一个简单的想法。很多年前，那里有很多播放器。
谢谢!

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>