0

好的,简短的长问题:我决定在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 quiz中使用默认的“导入媒体->音频”(示例代码如下):

<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 的原因。我究竟做错了什么?PS,我应该提到我使用最新的moodle 3(更新到最新的几天前)。


完整的解决方案可以在这里找到

4

2 回答 2

1

无法控制音频标签的显示方式,每个浏览器的执行方式不同。例如,下载按钮仅在 chrome 中可用。

我建议使用处理音频标签显示的库,例如audio.js

于 2017-01-26T08:29:44.817 回答
0

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

PS:使用谷歌浏览器时会出现这种情况。

于 2017-01-26T08:30:05.433 回答