Кейсы

Аудиоплеер в поле карточки. Приложение для Битрикс24

Коллеги, приветствую. На связи Юрий Павлюк и команда Digital for Sales. Мы разрабатываем полезные приложения для Bitrix24 и, разумеется, занимаемся интеграцией Bitrix24. В этом видео я расскажу о нашем приложении Audio Player в поле карточки.

Все вы знаете, что в карточке, будь то лид, сделка, контакт, компания или смарт-процесс, может быть поле типа «файл». В него можно загрузить в том числе mp3, wav — любой аудиоформат. Но в таком виде это просто файл: его можно скачать, но нельзя удобно проигрывать прямо в карточке, нельзя менять скорость воспроизведения, ставить на паузу и так далее. Штатного аудиоплеера в Bitrix24 нет. Вот мы его и сделали.

Как уже видно на экране, работает он во всех CRM-сущностях и во всех смартах. Если тарифный план позволяет использовать эти сущности, вы везде сможете увидеть плеер.
Из чего состоит приложение. После установки наше приложение добавляет:

  • пользовательский тип поля;
  • пользовательское поле.

Переходим в Bitrix. Сначала создаем поле с пользовательским типом Audio Player. Нажимаем «Создать поле», в списке типов находим Audio Player, выбираем его. Назовем поле, например, «Аудиоплеер». Пока делаем его обычным (немножественным) полем. Базово мы как раз закладывали логику «одно поле — один файл — один плеер». Уже в работе второй релиз, где можно будет сделать множественное поле и несколько треков, но здесь говорю про первую версию.

После того как поле создано, система подсказывает обновить страницу. Это важно: ваш Bitrix общается с нашим сервером, и до обновления сервер просто не знает о появлении нового поля. Обновляем карточку (F5 или как вам удобно), и теперь можно загружать аудиофайл.
Где его загружать. Вместе с установкой приложения в вашем портале уже появилось наше служебное поле типа «файл». Его вы сами не создавали — его создало приложение. В списке пользовательских полей оно будет в самом низу, что-то вроде Files Audio. Вот именно это поле и нужно добавить в карточку через «Настроить поля» и «Выбрать поле».

Итого у нас в карточке два связанных поля:

  • поле типа Audio Player (мы его создали сами);
  • служебное поле Files Audio (создалось вместе с приложением).

Теперь загружаем аудиофайл в Files Audio. Я заранее подготовил трек — прекрасная песня «Whisky in the Jar». Выбираю файл, загружаю. После этого нажимаю «Сохранить» в карточке.
На этом магия заканчивается и начинается удобство: одно поле «общается» с другим, и на месте нашего пользовательского поля Audio Player появляется знакомый веб-плеер. Можно нажать Play, поставить на паузу, через три точки открыть дополнительные настройки: изменить скорость воспроизведения и скачать файл, если нужно.

Из-за ограничений по высоте карточки список скоростей может уходить под вертикальный скролл, но это не критично: можно проскроллить и выбрать нужное значение. При желании возвращаемся к нормальной скорости.

Как это используется в реальном бизнесе. Приложение родилось из конкретной задачи одного нашего коллеги-интегратора. Он на смарт-процессах строит онбординговый процесс: обучающие карточки для новых сотрудников. В каждой карточке нужны видео, большие изображения, аудиофайлы — всё, из чего обычно состоит обучение. Под каждую стадию смарта можно повесить робота, чтобы он автоматически подгружал нужный аудиофайл в поле Files Audio: приветствие руководителя, пример удачного звонка, разбор ошибок, мини-лекция, подкаст — всё что угодно.
Вы можете наполнять эти поля вручную, можете автоматически — роботами. Во втором релизе добавим возможность множественных файлов, чтобы в одной карточке помещалось несколько треков.

Итого, всё приложение у нас работает на связке двух полей:

  • вы создаете поле с типом Audio Player;
  • мы создаем для вас файловое поле Files Audio, в него вы загружаете звук.

Приложение работает в лидах, сделках, контактах, компаниях и во всех смарт-процессах. Теперь в Bitrix24 можно не только хранить аудиофайлы, но и удобно их слушать прямо в карточке.

Меня зовут Юрий Павлюк, мы команда Digital for Sales. Мы разрабатываем приложения и занимаемся интеграцией Bitrix24. Успехов в ваших бизнесах. Пока.
Лендинг приложения: https://audioplayer.digitalforsales.ru
Made on
Tilda