Хэллоуин не за горами, а это значит, что пора готовить костюм, запасаться угощениями, творить веселье Проекты «сделай сам» с Twilioи подумайте, как напугать друзей и семью.

В этом посте я научу вас, как создать жуткий IVR на Хэллоуин (интерактивный голосовой отклик) проект с использованием Студия Твилионаш конструктор приложений с малым кодом и без кода с виджетами перетаскивания.

Описание изображения

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

Описание изображения

Хотите попробовать сами? Убедитесь, что на вашем телефоне не установлен режим «Не беспокоить», а затем отправьте текстовое сообщение на +1(940) 394-8137. Но будьте осторожны, это жутко.

Этот пост в блоге структурирован следующим образом:

  1. Предпосылки: Вещи, которые вам нужны, прежде чем продолжить
  2. Поток студии Twilio: Создайте поток, затем создайте наш проект с помощью виджетов перетаскивания.
  3. Активы Twilio: Загрузите статические файлы для нашего Studio Flow.
  4. Виджеты Twilio Studio: Продолжайте создавать наш проект с помощью Studio Widgets.


Предпосылки

Прежде чем начать, важно иметь следующее, прежде чем двигаться дальше:


Поток студии Twilio

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

Чтобы создать новый поток:

  1. Войдите в свою учетную запись Twilio в Консоль Twilio.
  2. Перейдите к Раздел Studio Flows в консоли.
  3. Нажмите Создать новый поток или + значок под заголовком «Потоки», чтобы создать новый поток.
  4. Назовите свой поток. Для этого проекта давайте назовем его Вам нравятся страшные фильмы? Затем нажмите Далее.
  5. Выберите Начинать с нуля вариант. Затем нажмите Следующий.

Теперь мы можем начать создавать наш проект, перетаскивая Виджеты на Холст.

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

Описание изображения

На этом этапе, если мы Публиковать Flow, чтобы проверить наши изменения, сразу не получится. Нам нужно настроить номер телефона Twilio для подключения к этому Studio Flow.

Перейдите к Раздел «Активные номера» консоли Twilio и нажмите на свой номер Twilio. Прокрутите вниз до Обмен сообщениями раздел и настройте свой номер, когда Приходит сообщение, выбрав в раскрывающемся списке «Studio Flow». Вы увидите еще одно раскрывающееся меню, в котором вы можете выбрать Studio Flow, к которому вы хотите подключиться, когда на этот номер придет сообщение, в данном случае Вам нравятся страшные фильмы?

Описание изображения

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

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

Описание изображения

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

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

Описание изображения

Скажи/играй может произносить текстовые сообщения с преобразованием текста в речь или воспроизводить записанные сообщения с URL-адреса аудиофайла. Для этого проекта мы хотим последнего. Давайте воспользуемся Twilio Assets, чтобы загрузить медиафайл и развернуть его по URL-адресу.


Активы Twilio

Активы Twilio позволяет загружать статические файлы для использования с проектами Twilio. В нашем случае мы загрузим медиафайл, и Assets будет обслуживать этот файл по HTTPS. Прежде чем мы будем использовать активы, нам нужно создать службу Twilioконтейнер для функций.

Создайте новую службу:

  1. Перейдите к Услуги раздел в консоли.
  2. Нажмите Создать сервис.
  3. Назовите свою службу. Для этого проекта давайте назовем его ты любишь страшные фильмы. Затем нажмите Следующий.

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

Нажмите на Добавить+ кнопку и выберите Загрузить файл из выпадающего меню. Просмотрите свою файловую систему и найдите свой аудиофайл. Изменить видимость на Общественный. Затем нажмите Загрузить чтобы начать загрузку файла.

Описание изображения

Пока ресурс загружен, он не будет сразу доступен через URL-адрес. Это будет обозначено серым кружком рядом с именем актива. Чтобы развернуть Ресурс (и остальную часть вашего Сервиса), нажмите кнопку Развернуть все кнопка. Через некоторое время развертывание завершится, и вы должны увидеть зеленую галочку рядом со всеми развернутыми активами.

Нажмите на 3 точки рядом с вашим активом, чтобы открыть контекстное меню. Затем нажмите Скопировать URL.

Описание изображения


Виджеты Twilio Studio

Скопировав URL-адрес нашего актива, вернитесь к потоку Studio: Вам нравятся страшные фильмы? Выберите виджет «hello», который мы создали ранее, и под Произнесите или воспроизведите сообщение или же Цифры выберите Воспроизвести сообщение вариант. Вставьте URL-адрес нашего ресурса в URL-адрес аудиофайла поле. Нажмите Сохранять а также Публиковать проэкт.

Используйте второй Сбор информации по вызову Виджет и поместите его после виджета «привет».

Перетащите Разделить на основе… Виджет после второго Сбор информации по вызову Виджет. Соедините виджеты так, чтобы Переход вытекал из Пользователь нажал клавиши, пользователь что-то сказал, и нет ввода и в Разделить на основе... Теперь ваш поток должен выглядеть так:

Описание изображения

Разделить на основе… Виджет позволяет разделить поток в зависимости от пользовательских условий. Но сначала ему нужно сослаться на переменную или значение, которое проверяется. Задайте для переменной Test значение widgets.gather_2.SpeechResult. Это ссылка на ввод вызывающего абонента, собранный со второго Сбор информации по вызову Виджет.

Далее, с Разделить на основе… Виджет выбран, перейдите к Переходы вкладку, где вы можете настроить пользовательские условия (которые разделяют ваш поток). Нажмите кнопку +, установите для выбора значение If Value Содержити введите значение «кто».

Описание изображения

Создайте два дополнительных Скажи/играй Виджеты. Подключите один из этих виджетов к Нет совпадений условий принадлежащий Разделить на основе… и подключите другой к Если значение содержит кто. Теперь ваш поток должен выглядеть так:

Описание изображения

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

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

Повторите проект, чтобы добавить свои собственные взаимодействия, затем нажмите кнопку Публиковать кнопку, чтобы опубликовать поток Twilio Studio.


Веселитесь на Хэллоуин

У вас есть инструменты для создания этого жуткого проекта, а теперь вперед и используйте его, чтобы напугать своих друзей на Хэллоуин! Настройте его по своему вкусу или используйте мой проект, отправив текстовое сообщение +1 (940) 394-8137.

Спасибо за прочтение! Чтобы найти другие уроки на тему Хэллоуина, найдите «Хэллоуин» на Блог Twilio. Если вы нашли это руководство полезным, у вас есть какие-либо вопросы или вы хотите показать мне, что вы создали, дайте мне знать в Интернете. И если вы хотите узнать обо мне больше, загляните мой вступительный пост в блоге.

Описание изображения

Твиттер @antonyjdella
Линкедин @antonydellavecchia
Гитхаб @antonyjdella
ТИК Так @antonyjdella
Середина @antonyjdella
Dev.to @anthonyjdella
Эл. адрес adellavecchia@twilio.com
Персональный сайт anthonydellavecchia.com