Попарное сравнение аудио

Посмотрите пример — он состоит из двух аудио и кнопок выбора ответа. В нем уже настроена валидация, горячие клавиши и внешний вид задания.

Из каких компонентов состоит этот пример
Примечание. Вы можете добавлять медиафайлы со своего сервера, Яндекс Диска или из облачных хранилищ, таких как Яндекс Облако, Google Cloud, Amazon AWS и т.п.

Что еще можно настроить

  • Добавьте проверку, что аудио прослушали до конца — замените компонент condition.played на condition.played-fully.

  • Пригодится для коротких аудио — поставьте их на повтор, добавив в свойства компонента view.audio loop: true.

  • Добавьте горячие клавиши с помощью плагина plugin.hotkeys для воспроизведения или остановки аудиозаписи.

Если вам не подходит этот шаблон, посмотрите другие примеры в этом разделе.

Добавить поле для ввода ответа

Если вам нужны комментарии от исполнителя, то добавьте поле для ввода текста с помощью field.textarea. В этом примере настроена дополнительная валидация, которая обязывает написать текст, если выбрано одно из двух аудио.

Расположить друг под другом

Аудио можно расположить друг под другом. Этот интерфейс лучше подойдет для сравнения более двух аудиозаписей.

Добавить исходный текст

Вы можете добавить поле с исходным текстом с помощью компонента view.text. Например, если вы хотите выяснить, какая из аудиозаписей лучше подходит под описание.

Добавить оформление

Также вы можете цветом оформлять разные типы данных с помощью view.alert, чтобы исполнитель легче в них ориентировался. В этом примере исходный текст выделен синей рамкой, а кнопки — желтой.