在情绪化中的Audio.js如何使它工作？

Question

好的，长句中的问题:我决定在moodle中使用audio.js。我已经将文件上传到public_html。当我将这个代码添加到“HEAD”中时：

<script src="https://WWW.MYWEBSITE.COM/audiojs/audio.min.js"></script>
<script>
  audiojs.events.ready(function() {
    var as = audiojs.createAll();
  });
</script>

然后在moodle问答中使用默认的“导入媒体->音频”(示例代码如下)：

<audio controls="true"><source src="https://WWW.MYWEBSITE.COM/learning-base/draftfile.php/5/user/draft/119880121/test.mp3">https://WWW.MYWEBSITE.COM/learning-base/draftfile.php/5/user/draft/119880121/test.mp3</audio>

我可以说，当预览结果的时候，没有什么变化.这位球员似乎一点也没变。那是必须的，对吧？我想改变html5音频播放器的设计，这就是我使用Audio.js的原因。我做错了什么？P.S.，我应该说我使用了最新的moodle 3(几天前更新为最新的)。

这里可以找到一个完整的解决方案。

Answer 1

没有办法控制音频标签的显示方式，每个浏览器都有不同的方式。例如，下载按钮仅在铬中可用。

我建议使用一个库来处理音频标记的显示，比如audio.js。

Answer 2

正如在这个问题的解决方案中所说的，实际上并没有禁用它的方法。如答案所示，要隐藏它，您可以做的是增加宽度，并将溢出设置为隐藏在媒体控制面板上。

PS:当使用时，情况就是这样。