moodle 3中的Audio.js如何使它工作?

时间:2017-01-26 08:18:32

标签: html5 html5-audio moodle audiojs

好的,短暂的长期问题: 我决定在moodle中使用audio.js。 我已将文件上传到public_html。当我将此代码添加到“HEAD”时:

In controller  you can do like this  .I tested with console application.

            [HttpPost]
    [ValidateAntiForgeryToken]
    public async Task<ActionResult> Create([Bind(Include = "MaterialId,Name,")] Material material)
    {
        if (ModelState.IsValid)
        {

         using (var ctx = new SampleDbContext())
        {
            -- here context is the DBCOntext class of your application 
            --var mat = new Material
            --{
            --    Name = "A",
            --    Project = new List<Project> {new Project {Name = "P1", Date = DateTime.Now}}
            --};

            ctx.Materials.Add(material);           
            await db.SaveChangesAsync();

        }

            return RedirectToAction("Index");
        }

        return View(material);
    }

然后在moodle测验中使用默认的“导入媒体 - &gt;音频”(示例代码如下):

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

我可以说在预览结果时没有任何变化......玩家似乎根本没有改变。好吧,它必须,对吧?我想改变html5音频播放器设计,这就是我使用Audio.js的原因。我究竟做错了什么? P.S.,我应该提到我使用最新的moodle 3(更新到最近几天前)。

A complete solution can be found here

2 个答案:

答案 0 :(得分:1)

无法控制音频标签的显示方式,每个浏览器都会采用不同的方式。下载按钮仅适用于chrome。

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

答案 1 :(得分:0)

正如this question的解决方案中所述,实际上并没有一种方法可以禁用它。如答案所示,你可以做些什么来隐藏它是增加宽度并设置隐藏在媒体控制面板上的溢出。

PS:使用谷歌浏览器就是这种情况。