Попарное сравнение видео
Обратите внимание
Документация на русском языке может быть устаревшей. Самые последние изменения доступны в документации на английском языке.
Для такого проекта в Толоке есть пресет Сравнение видеозаписей (Side-by-side).
Посмотрите пример — он состоит из двух видео и кнопок выбора ответа. В нем уже настроена валидация, горячие клавиши и внешний вид задания.
-
view.video — видеоплеер;
Показать код{ "type": "view.video", "validation": { "type": "condition.played", "hint": "Please, watch the video" }, "url": { "type": "data.input", "path": "video_1" } }
-
layout.columns — размещает видео справа и слева друг от друга;
Показать код{ "type": "layout.columns", "items": [] }
-
field.radio-group — кнопки вариантов ответа;
Показать код{ "type": "field.radio-group", "label": "Are the videos the same or different?", "options": [], "validation": { "type": "condition.required", "hint": "Choose one of the options" }, "data": { "type": "data.output", "path": "result" } }
-
condition.required — проверяет, что выбран хотя бы один вариант;
Показать код{ "type": "condition.required", "hint": "Choose one of the options" }
-
plugin.toloka — настраивает внешний вид задания;
Показать код{ "type": "plugin.toloka", "layout": { "kind": "pager", "taskWidth": 1200 } }
-
plugin.hotkeys — горячие клавиши.
Показать код{ "1": { "type": "action.set", "data": { "type": "data.output", "path": "result" }, "payload": "equal" }, "2": { "type": "action.set", "data": { "type": "data.output", "path": "result" }, "payload": "different" }, "3": { "type": "action.set", "data": { "type": "data.output", "path": "result" }, "payload": "error" }, "type": "plugin.hotkeys" }
Примечание
Вы можете добавлять медиафайлы (аудио, видео, картинки) со своего сервера, Яндекс Диска или из облачных хранилищ, таких как Yandex Cloud, Google Cloud, Amazon AWS и т.п.
Что еще можно настроить
-
Добавьте проверку, что видео просмотрели до конца — замените компонент condition.played на condition.played-fully.
Показать код{ "type": "condition.played-fully", "hint": "Please, watch the video" }
-
Чтобы добавить подробное описание к заданию, используйте компонент view.text.
Показать код{ "type": "view.text", "content": "Watch the videos and tell if they are the same." }
-
Чтобы исполнитель мог оставить комментарий к заданию или своему ответу, добавьте поле для ввода текста field.textarea.
Показать код{ "type": "field.textarea", "label": "Comments", "placeholder": "Enter text", "data": { "type": "data.output", "path": "comment" } }
Если вам не подходит этот пресет, посмотрите другие примеры в этом разделе.
Добавить оформление
Также вы можете цветом оформлять разные типы данных с помощью view.alert, чтобы исполнитель легче в них ориентировался. В этом примере исходный текст выделен синей рамкой, а кнопки — желтой.
{
"type": "view.alert",
"theme": "info",
"content": {
"type": "view.text",
"content": "Watch the videos and tell if they are the same."
}
},
{
"type": "view.alert",
"theme": "warning",
"content": {
"type": "field.radio-group",
"label": "Are the videos the same or different?",
"options": [],
"validation": {
"type": "condition.required",
"hint": "Choose one of the options"
},
"data": {
"type": "data.output",
"path": "result"
}
}
}