Audio.js в Moodle 3 | как заставить это работать?

Хорошо, длинный вопрос вкратце: я решил использовать audio.js в Moodle. Я загрузил файл в public_html. И когда я добавляю этот код в "HEAD":

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

А затем используйте вопрос "import media - > audio" по умолчанию в вопросе 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. Что я делаю неправильно? PS, я должен упомянуть, что я использую последнюю версию Moodle 3 (обновлена ​​до последних нескольких дней назад).


Полное решение можно найти здесь

2 ответа

Нет способа контролировать способ отображения звукового тега, каждый браузер делает это по-своему. Например, кнопка загрузки доступна только в Chrome.

Я бы порекомендовал использовать библиотеку, которая обрабатывает отображение аудио тегов, таких как audio.js.

Как сказано в решении этого вопроса, на самом деле нет способа его отключить. Как показано в ответе, вы можете скрыть его, увеличив ширину и установив переполнение на скрытой панели управления мультимедиа.

PS: это будет иметь место при использовании Google Chrome.

Другие вопросы по тегам