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

Мобильный художественный театр — это приложение для смартфонов с аудиоспектаклями. Создатель и руководитель — Михаил Зыгарь, в спектаклях участвуют известные актеры.

Афиша МХТ

Само приложение есть для айось и андроид. В айфонах за воспроизведение отвечает плеер, встроенный в приложение, то есть вы устанавливаете приложение, выбираете спектакль и запускаете его.

В смартфонах под управлением Андроид функцию воспроизведения перенесли в мессенджер телеграм: вы устанавливаете приложение, выбираете спектакль, который запускается в телеграм-боте.

Для каждого спектакля нужен свой бот, именно за разработкой такого бота Алексей обратился ко мне. И вот что из этого получилось.

Задача

Через две недели премьера нового спектакля «Царицыно. Про любовь». К этому времени надо собрать, протестировать и запустить телеграм-бот, чтобы пользователи могли насладиться новым спектаклем.

Тут надо сказать, что я не профессиональный разработчик. Я редактор и пишу про технологии, пока пишу — изучаю то, о чем пишу. Создаю и поддерживаю pet-проекты.

С Алексеем мы обсудили, что для реализации этой задачи нужен бот, который будет присылать цепочку сообщений пользователю:

Уточняю у Алексея, насколько длинная должна быть цепочка сообщений

Бот должен уметь присылать:

1. Текст. Название главы, подсказки по маршруту.
2. Геоточку. Откуда начинается спектакль и куда дальше идти.
3. Аудиотрек. Непосредственно трек со спектаклем.
4. Фотографии. Дополнительные подсказки на пути, куда смотреть.

Таких блоков в разной комбинации должно быть 27 штук.

Должно выглядеть примерно так

До этого я никогда не слушал аудиоспектакли в телеграме, поэтому мне было особенно интересно.

Учитывая, что времени на разработку было мало, я предложил собрать бот в конструкторе puzzlebot. Это значительно сократит время, но чтобы собрать такой бот, нужен платный тариф. Алексей с этим согласился.

Пока звукорежиссер собирал финальные треки, а фотограф переснимал фотографии Царицыно, я приступил к сборке бота.

Решение и реализация

Сначала думали, что можно выдавать сообщения с определенным таймингом, например, трек 10 минут, на 11 минуте приходит картинка, на 12 минуте — следующий трек и т.д. Тогда слушатель, по идее, будет больше погружен в атмосферу, мол включил спектакль, сунул смарт в карман и пошел.

Никаких кнопок, сообщения приходят по расписанию

Но пока собирал бот, понял, что, лучше оставить кнопку «Продолжить», чтобы человек сам мог решать, когда продолжить слушать спектакль. Потому что на человека на улице влияет много факторов: светофоры, количество прохожих, погода, кто-то идет быстро, кто-то медленно.

По задумке, человеку нужно будет периодически смотреть в смартфон на фотографии, сверяться с геотегами, и кнопка «дальше» для него будет логичным переходом к следующему шагу. В другом случае получится так, что весь контент придет как поезд по расписанию, независимо от воли человека.

Добавили кнопки, упорядочили блоки

Все обсудили с Алексеем и решили сделать цепочку сообщений с кнопкой «Продолжить». Как раз к этому моменту весь контент был готов для загрузки в бот. Я всё быстро собрал и передал на тестирование.

Передал бот на тестирование

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

Нашли баг и решили сделать инструкцию для пользователей

Чтобы это решить, сделали дополнительный блок, в котором показали, как изменить последовательность воспроизведения треков.

Объяснили как изменить последовательность воспроизведения

И шлифанули сценарий

Синхронная работа: Алексей меняет сценарий, я — вношу изменения в бот

Результат

В результате получился бот с цепочкой из 41 блока, навигацией, сценарием и статистикой.

Каждый блок представляет из себя обычную команду, в которой в разных комбинациях есть:
— текст
— аудиотрек
— геолокация
— изображение
— в конце каждого блока есть кнопка «Продолжить».

Так выглядит блок в конструкторе телеграм ботов

Собрать один блок и сделать копии не получится, потому что в каждом блоке свой контент и тайминг.

Так выглядит конструктор бота

А вот так выглядит бот в телеграме

Дальше я передал бот Алексею. Мы договорились, что первое время я буду поддерживать бот.

Взаимные благодарности в конце проекта

Команда

Креативный продюсер и художественный руководитель — Алексей Киселев
Разработчик — Антон Кошуба

Где послушать спектакль

Аудиоспектакль «Царицыно. Про любовь» можно послушать в приложении МХТ, вот ссылки
Сайт мобильного художественного театра
Ссылка на приложения для айфона
Ссылка на приложение для андроида
Ссылка на телеграм-бот

Что дальше

Мы успели в срок, премьера состоялась, а люди слушают аудиоспектакль в приложении и телеграм-боте.

Я занимаюсь редактурой для экспертов, малого бизнеса и образовательных проектов: помогаю с учебниками, статьями, гайдами, запускаю блоги, верстаю сайты. Моя цель — помочь клиентам в создании образовательных проектов.

Чтобы обсудить задачу, напишите: koshuba.pro@gmail.com