Moodle 3 中的 Audio.js |如何使它工作？ [关闭]

Posted 2023-05-07

【中文标题】Moodle 3 中的 Audio.js |如何使它工作？ [关闭]

【英文标题】：Audio.js in moodle 3 | how to make it work? [closed]

【发布时间】：2017-06-11 16:15:31

【问题描述】：

好的，简短的长问题： 我决定在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 的原因。我究竟做错了什么？ P.S.，我要提一下我用的是最新的moodle 3（前几天更新到最新的）。

---

A complete solution can be found here

【问题讨论】：

"..我想要的是，如果没有在测验的每个问题中额外编码，默认情况下不会看到下载按钮。"不清楚你想要什么，请解释更多并在此处添加一些 html 代码

您有显示您的问题的屏幕截图吗？到目前为止你尝试了什么，你在哪里卡住了？你的代码 (html, css, javascript) 是什么样的？

我已经明确更新了问题。由于现在问题是“搁置”，如果您知道我的问题的答案或任何可能有帮助的信息，请给我发电子邮件至 [e-mail]

【参考方案1】：

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

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

【讨论】：

好的，让我们用audio.js来做吧。你能帮我解决这个问题吗？请检查更新的问题。谢谢

【参考方案2】：

正如this question 的解决方案中所说，实际上没有办法禁用它。如答案所示，隐藏它的方法是增加宽度并在媒体控制面板上将溢出设置为隐藏。

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

【讨论】：

你不认为这种做法在接下来的几个月里必然会被打破吗？例如，如果 chrome 删除了下载按钮，您将隐藏部分时间线

是的，不幸的是，这不是解决问题的永久方法。正如你所说，使用处理音频标签的库是更好的选择。