自定义 MediaElement.js 音频播放器

【问题标题】：Customize MediaElement.js audio player自定义 MediaElement.js 音频播放器
【发布时间】：2020-08-04 12:08:25
【问题描述】：

我正在尝试自定义 MediaElement.js 音频播放器。我只需要播放一个 mp3 文件，但我需要更大的按钮（播放、静音）。

我对 mediaelementplayer.css 进行了很多尝试，但没有任何效果。不明白它是如何工作的。

或者，如果有人对使用 html 播放 mp3 有另一个简单的想法。很多玩家很多年前就已经更新了。谢谢！

【问题讨论】：

标签： html css audio mediaelement.js

【解决方案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>

【讨论】：