Документация Webitel

Видеозвонки

1. Описание

Функция видеозвонков позволяет оператору контакт-центра взаимодействовать с клиентом посредством видеосвязи.

Видеозвонок работает по логике обычного звонка в системе Webitel и обрабатывается через Flow-схему и очереди контакт-центра. Для подключения к видеозвонку клиент использует специальную ссылку, которая открывает страницу подключения в браузере.

После подключения между оператором и клиентом устанавливается видеосвязь. Во время разговора пользователи могут взаимодействовать через видео и чат. После завершения звонка все связанные материалы сохраняются в системе и доступны для просмотра в разделе "History".

Во время видеозвонка доступны следующие возможности:

  • видеосвязь между оператором и клиентом;

  • чат во время видеозвонка для обмена сообщениями и передачи файлов;

  • создание скриншотов оператором во время разговора;

  • запись видеозвонка (ручная оператором или автоматическая);

  • оценка звонка клиентом после завершения;

  • просмотр информации о звонке в разделе "History", включая запись, скриншоты, чат и файлы.

Функция видеозвонков поддерживается только на десктопных устройствах.

При открытии ссылки с мобильного устройства отображается сообщение:

"Эта страница не поддерживает мобильную версию. Пожалуйста, используйте браузер на компьютере"

2. Подключение клиента к видеозвонку

2.1. Получение ссылки и переход на страницу видеозвонка

Для начала видеозвонка оператор отправляет клиенту ссылку на подключение к видеозвонку.

Ссылка генерируется системой с помощью компонента createMeeting. После этого оператор может отправить ссылку клиенту, например, в чате.

Сгенерированная ссылка имеет ограниченный срок действия, который определяется параметром expireSec.

После перехода по полученной ссылке открывается страница подключения к видеозвонку, на которой отображается сообщение с просьбой проверить доступ к камере и микрофону (Рис. 1).

При первом открытии страницы браузер запрашивает разрешение на использование:

  • камеры;

  • микрофона.

Для продолжения пользователь должен нажать кнопку "Разрешить" и подтвердить доступ к устройствам в браузере. После предоставления доступа система переходит к экрану подключения к видеозвонку (Рис. 2).

Разрешите доступ к микрофону и камере!.png
Рис. 1. Страница проверки доступа к камере и микрофону

2.2. Настройка устройств и подключение к видеозвонку

После предоставления доступа к камере и микрофону на странице подключения становятся доступны элементы управления устройствами.

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

Готовы присоединиться?.png
Рис. 2. Страница подключения к видеозвонку

На странице подключения отображаются следующие элементы (Рис. 2):

  1. Иконка микрофона (Рис. 2.(1)) — включение image-20260312-204013.png или выключение image-20260312-204048.png передачи звука.

  2. Иконка камеры (Рис. 2.(2)) — включение image-20260312-204215.png или выключение image-20260312-204238.png передачи видео.

  3. Иконка настроек (Рис. 2.(3)) — открытие панели настройки устройств (Рис. 3).

  4. Кнопка “Присоединиться сейчас” (Рис. 2.(4)) — подключение к видеозвонку.

Настройки.png
Рис. 3. Панель настроек устройств

В панели настроек доступны следующие параметры:

  1. “Микрофон” (Рис. 3.(1)) — выбор устройства для передачи звука.

  2. “Динамик” (Рис. 3.(2)) — выбор устройства для воспроизведения звука.

  3. Кнопка “Проверить” (Рис. 3.(3)) — тестирование звука выбранного динамика.

  4. “Камера” (Рис. 3.(4)) — выбор устройства для передачи видео и предварительный просмотр изображения.

  5. Иконка закрытия (Рис. 3.(5)) — закрытие панели настройки устройств.

После проверки и настройки устройств клиент может подключиться к видеозвонку.

Для этого необходимо нажать кнопку "Присоединиться сейчас" (Рис. 2.(4)), после чего система инициирует подключение к оператору.

2.3. Интерфейс видеозвонка клиента

После установки соединения открывается интерфейс видеозвонка клиента (Рис. 4).

В интерфейсе отображаются следующие элементы:

  1. Видео оператора (Рис. 4.(1)) — основное окно видеозвонка, в котором отображается видео оператора.

  2. Собственное видео клиента (Рис. 4.(2)) — маленькое окно предварительного просмотра, в котором отображается изображение с камеры клиента.

  3. Иконка микрофона (Рис. 4.(3)) — включение image-20260312-204013.png или выключение image-20260312-204048.png передачи звука.

  4. Иконка камеры (Рис. 4.(4)) — включение image-20260312-204215.png или выключение image-20260312-204238.png передачи видео.

  5. Иконка настроек (Рис. 4.(5)) — открытие панели параметров устройств для настройки или изменения микрофона, динамика, камеры (Рис. 5).

  6. Иконка чата (Рис. 4.(6)) — открытие панели чата для обмена сообщениями во время видеозвонка (Рис. 6).

  7. Кнопка завершения видеозвонка (Рис. 4.(7)).

Відеодзвінок.png
Рис. 4. Интерфейс видеозвонка клиента

2.4. Панель настроек во время видеозвонка

Во время видеозвонка клиент может изменить настройки устройств. Для этого необходимо нажать кнопку "Настройки" (Рис. 4.(5)).

В панели настроек (Рис. 5) доступны следующие параметры:

  1. "Микрофон" (Рис. 5.(1)) — выбор устройства для передачи звука.

  2. "Динамик" (Рис. 5.(2)) — выбор устройства для воспроизведения звука.

  3. Кнопка "Проверить" (Рис. 5.(3)) — тестирование звука выбранного динамика.

  4. "Камера" (Рис. 5.(4)) — выбор устройства для передачи видео.

  5. Иконка закрытия (Рис. 5.(5)) — закрытие панели настроек.

После изменения параметров настройки применяются сразу во время текущего видеозвонка.

Панель настроек во время звонка.png
Рис. 5. Панель настроек во время видеозвонка

2.5. Чат во время видеозвонка

Во время видеозвонка клиент может использовать чат для обмена сообщениями с оператором. Для открытия панели чата необходимо нажать кнопку "Чат" (Рис. 4.(6)).

После открытия отображается панель чата (Рис. 6).

Через чат клиент может отправлять текстовые сообщения, emoji и файлы.

В панели чата доступны следующие элементы:

  • Поле ввода сообщения (Рис. 6.(1)) — используется для ввода текстового сообщения.

  • Кнопка прикрепления файла (Рис. 6.(2)) — позволяет добавить файл к сообщению.

  • Кнопка emoji (Рис. 6.(3)) — открывает панель выбора emoji.

  • Кнопка отправки сообщения (Рис. 6.(4)) — отправляет введённое сообщение в чат.

  • Кнопка закрытия чата (Рис. 6.(5)) — закрывает панель чата.

Чат звонка.png
Рис. 6. Чат во время видеозвонка

2.6. Завершение звонка

Для завершения видеозвонка клиент использует кнопку завершения звонка.

Для этого необходимо нажать кнопку image-20260313-092421.png (Рис. 4.(7)), после чего видеозвонок завершается, и система переходит к экрану оценки (Рис. 7).

2.7. Оценка видеозвонка

После завершения видеозвонка клиенту предлагается оценить качество обслуживания (Рис. 7).

Клиент может выбрать один из вариантов оценки:

  • "Хорошо" — положительная оценка консультации.

  • "Плохо" — отрицательная оценка консультации.

Отзыв.png
Рис. 7. Экран оценки видеозвонка

После выбора оценки система сохраняет отзыв клиента и отображает сообщение об успешном сохранении (Рис. 8).

Your feedback has been successfully saved.png
Рис. 8. Сообщение об успешном сохранении отзыва

Оценка клиента сохраняется в переменной meeting_satisfaction в карточке звонка в разделе "История" → "Информация".

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

3. Работа оператора с видеозвонком ("Workspace")

3.1. Получение входящего видеозвонка

Когда клиент переходит по полученной ссылке и инициирует видеозвонок, оператор получает входящий вызов в "Workspace".

Входящий вызов отображается в центральной панели (Рис. 9.(1)) и блоке "Активные звонки" (Рис. 9.(4)), где показывается имя клиента и тип звонка.

Для взаимодействия с вызовом оператор может: принять звонок (Рис. 9.(2)), (Рис. 9.(5)) или отклонить звонок (Рис. 9.(3)), (Рис. 9.(6)).

Входящий видеозвонок.png
Рис. 9. Отображение входящего видеозвонка в блоке "Активные звонки" в "Workspace"

3.2. Принятие видеозвонка и интерфейс видеозвонка

Для принятия звонка оператор нажимает кнопку принятия вызова (Рис. 9.(2)) или (Рис. 9.(5)).

После этого устанавливается соединение и открывается мини-окно видеозвонка (Рис. 10).

Мини-окно.png
Рис. 10. Мини-окно видеозвонка в "Workspace"

3.2.1. Интерфейс видеозвонка в мини-окне

В этом режиме оператор видит:

  • видео клиента;

  • видео оператора;

  • элементы управления видеозвонком.

В мини-окне доступны следующие функции:

  1. Развернуть окно видеозвонка на весь экран (Рис. 11.(1)) — открывает видеозвонок в полноэкранном режиме (Рис. 13).

  2. Развернуть окно видеозвонка (Рис. 11.(2)) — открывает видеозвонок в увеличенном режиме (Рис. 12).

  3. Создать скриншот image-20260314-112103.png (Рис. 11.(3)).

  4. Создать запись видеозвонка (Рис. 11.(4)).

Міні-вікно-20260314-110609.png
Рис. 11. Мини-окно видеозвонка в "Workspace"

3.2.2. Интерфейс видеозвонка в окне среднего размера

После нажатия кнопки развёртывания видео (Рис. 11.(2)) открывается окно видеозвонка среднего размера (Рис. 12), в котором доступны следующие функции:

  1. Создать скриншот image-20260314-112103.png (Рис. 12.(1)).

  2. Создать запись видеозвонка image-20260314-112125.png (Рис. 12.(2)).

  3. Развернуть окно видеозвонка на весь экран image-20260314-111802.png (Рис. 12.(3)).

  4. Вернуть окно видеозвонка в мини-окно image-20260314-112038.png (Рис. 12.(4)).

Среднее окно.png
Рис. 12. Развёрнутое окно видеозвонка

3.2.3. Полноэкранный режим видеозвонка

Оператор может развернуть видео на весь экран, нажав кнопку полноэкранного режима image-20260314-111802.png . В этом режиме видео клиента занимает весь экран (Рис. 13).

В полноэкранном режиме доступны следующие функции:

  1. Создать скриншот image-20260314-112103.png (Рис. 13.(1)).

  2. Создать запись видеозвонка image-20260314-112125.png (Рис. 13.(2)).

  3. Вернуть окно видеозвонка в мини-размер image-20260314-112259.png (Рис. 13.(3)).

  4. Вернуть окно видеозвонка к среднему размеру image-20260314-112038.png (Рис. 13.(4)).

Повноекранний режим відеодзвінка.png
Рис. 13. Полноэкранный режим видеозвонка

3.3. Чат во время видеозвонка

Во время видеозвонка оператор может использовать чат для общения с клиентом. Интерфейс чата отображается в центральной части "Workspace" (Рис. 14.(1)).

Чат автоматически открывается после первого сообщения от клиента. До получения первого сообщения чат для оператора остаётся недоступным.

В чате доступны следующие возможности:

  1. ввод текстового сообщения (Рис. 14.(2));

  2. прикрепление файлов (Рис. 14.(3));

  3. прикрепление emoji (Рис. 14.(4));

  4. отправка сообщения (Рис. 14.(5));

  5. иконка камеры (Рис. 14.(6)) — включение image-20260312-204215.png или выключение image-20260312-204238.png передачи видео во время видеозвонка;

  6. иконка удержания (Рис. 14.(7)) — перевод видеозвонка в режим удержания;

  7. иконка микрофона (Рис. 14.(8)) — включение image-20260312-204013.png или выключение image-20260312-204048.png передачи звука во время видеозвонка.

Чат Workspace.png
Рис. 14. Интерфейс чата во время видеозвонка в "Workspace"

3.4. Создание снимков экрана

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

Созданные снимки экрана отображаются на вкладке "Снимки экрана", которая открывается после нажатия на кнопку image-20260314-113444.png (Рис. 15.(1)).

На вкладке отображается список всех созданных снимков экрана (Рис. 15.(2)), где для каждого файла показаны название, дата и время создания.

Для каждого снимка экрана доступны следующие действия:

  • скачать файл (Рис. 15.(3));

  • удалить файл (Рис. 15.(4));

  • просмотреть снимок экрана — после нажатия на иконку просмотра (Рис. 15.(5)) открывается окно просмотра изображения (Рис. 16).

Снимки экрана.png
Рис. 15. Раздел "Снимки экрана" со списком созданных скриншотов

В окне просмотра снимков экрана доступны следующие элементы:

  1. переход к предыдущему изображению (Рис. 16.(1));

  2. переход к следующему изображению (Рис. 16.(2));

  3. галерея миниатюр снимков экрана (Рис. 16.(3));

  4. открытие и закрытие галереи миниатюр снимков экрана (Рис. 16.(4));

  5. скачивание изображения (Рис. 16.(5));

  6. удаление изображения (Рис. 16.(6));

  7. открытие изображения в полноэкранном размере (Рис. 16.(7)).

Модальне вікно перегляду скріншоту.png
Рис. 16. Окно просмотра снимков экрана

3.5. Завершение звонка

Для завершения видеозвонка оператор нажимает кнопку завершения вызова image-20260314-123013.png на панели управления звонком.

После нажатия кнопки соединение с клиентом завершается, а видеозвонок закрывается в Workspace.

4. Просмотр видеозвонков ("History")

4.1. Поиск видеозвонка

В разделе "История" отображается список всех совершённых звонков (Рис. 17).

Для каждого звонка в таблице показаны:

  • дата и время звонка;

  • направление;

  • пользователь;

  • общая продолжительность;

  • продолжительность разговора;

  • причина завершения.

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

История.png
Рис. 17. Раздел "История" со списком звонков

4.2. Просмотр оценки клиента

В карточке звонка на вкладке "Информация" в блоке "Переменные" отображается оценка, которую оставил клиент после завершения видеозвонка (Рис. 18).

Оценка сохраняется в переменной meeting_satisfaction.

Значение этой переменной соответствует оценке, которую клиент оставил после завершения видеозвонка.

Переменные.png
Рис. 18. Отображение оценки клиента в переменных звонка

4.3. Просмотр записи видеозвонка

В карточке звонка на вкладке "Запись видеовызова" (Рис. 19) можно выполнить следующие действия:

  • просмотреть, скачать и удалить автоматическую и ручную запись видеозвонка (Рис. 19.(1));

  • просмотреть историю чата (Рис. 19.(2));

  • просмотреть, скачать или удалить снимки экрана (Рис. 19.(3)), созданные во время звонка;

  • сформировать PDF-файл из созданных во время звонка снимков экрана (Рис. 19.(4));

  • просмотреть, скачать и удалить PDF-файлы, сгенерированные из снимков экрана (Рис. 19.(5)).

Запись видеозвонка.png
Рис. 19. Вкладка "Запись видеовызова"

4.3.1. Генерация PDF из скриншотов

На вкладке "PDFs" система может автоматически сформировать PDF-файл из созданных во время звонка скриншотов.

В реестре (Рис. 20.(1)) отображаются:

  • название PDF-файла;

  • статус генерации;

  • дата и время создания;

  • пользователь, создавший файл.

Для PDF-файлов доступны следующие действия:

  • обновить реестр для просмотра статуса генерации (Рис. 20.(2));

  • массово удалить выбранные PDF-файлы (Рис. 20.(3));

  • скачать PDF-файл (Рис. 20.(4));

  • удалить PDF-файл (Рис. 20.(5)).

Вкладка PDF.png
Рис. 20. Вкладка "PDFs"