Демонстрация экрана

Кратко

Демонстрация экрана позволяет клиенту показать свой экран оператору в реальном времени через WebRTC. Сессия создаётся из тикета, клиент получает уникальную ссылку для подключения. Перед началом доступен экран предварительной проверки камеры и микрофона. Поддерживается одновременный просмотр до 4 операторов, переключение источника (экран, камера), режим Picture-in-Picture. Интерфейс выполнен в стиле glassmorphism.

Кто имеет доступ

РольСоздание сессииПросмотр экранаДемонстрация экрана
администраторДаДаДа
РуководительДаДаДа
операторДа (свои тикеты)ДаДа
Сотрудник клиентаНетНетДа (по ссылке)

Клиент (сотрудник клиента) не может самостоятельно создать сессию, но может подключиться по уникальной ссылке, полученной от оператора.

Где найти

Кнопка демонстрации экрана (иконка монитора) расположена в заголовке детали тикета, рядом с кнопкой звонка.

Как работает

Создание сессии

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

Экран предварительной проверки (Pre-join)

Перед началом демонстрации оба участника видят экран предварительной проверки:

  • Тест камеры -- предпросмотр изображения с камеры (если используется).
  • Тест микрофона -- индикатор уровня звука с микрофона.
  • Переключатели -- включить/выключить камеру, включить/выключить микрофон.
  • Кнопка "Начать" -- подключение к сессии после проверки.

Это позволяет убедиться, что оборудование работает правильно до начала демонстрации.

Процесс демонстрации

После подключения клиента:

  • Клиент выбирает источник демонстрации: весь экран, окно приложения или вкладку браузера (стандартный диалог браузера).
  • Оператор видит экран клиента в реальном времени.
  • Демонстрация сопровождается голосовой связью (если микрофон включён).

Переключение источника

Во время активной демонстрации участник может переключить источник видео:

  • Экран -- демонстрация рабочего стола или окна приложения.
  • Камера -- переключение на веб-камеру.
  • Другой экран -- выбор другого монитора или окна.

Переключение происходит без разрыва сессии -- собеседник видит смену источника в реальном времени.

Мультипросмотр

Одну сессию демонстрации могут одновременно просматривать до 4 операторов:

  • Оператор-инициатор подключается автоматически.
  • Другие операторы могут подключиться, если имеют доступ к тикету.
  • В заголовке сессии отображаются аватары всех подключённых зрителей.
  • Каждый зритель независимо управляет своим аудио и Picture-in-Picture.

Это полезно при эскалации проблемы или совместной диагностике, когда несколько специалистов наблюдают за экраном клиента.

Режим Picture-in-Picture

Оператор может свернуть окно демонстрации в режим Picture-in-Picture (PiP):

  • Маленькое плавающее окно с видеопотоком демонстрации.
  • Окно можно перемещать по экрану.
  • Оператор может продолжать работу в интерфейсе поддержки, одновременно наблюдая за экраном клиента.
  • Кнопка разворачивания возвращает полноэкранный вид.

Дизайн интерфейса

Интерфейс демонстрации экрана выполнен в стиле glassmorphism:

  • Полупрозрачные панели управления с эффектом размытия фона.
  • Мягкие тени и скруглённые углы элементов.
  • Минималистичная цветовая схема с акцентными кнопками.
  • Панель управления не перекрывает основную область просмотра.

Сохранение данных сессии

Информация о каждой сессии сохраняется в таблице screen_sessions базы данных:

  • Идентификатор сессии и токен.
  • Связь с тикетом.
  • Время начала и окончания.
  • Участники (кто демонстрировал, кто смотрел).
  • Статус (активна, завершена, ошибка).

Завершение сессии

Сессия завершается:

  • Нажатием кнопки "Завершить" любым участником.
  • Автоматически при закрытии вкладки/браузера демонстрирующим.
  • По таймауту при потере соединения.

Частые вопросы

Клиент не может поделиться экраном -- что делать?

Убедитесь, что ссылка открыта в современном браузере (Chrome, Firefox, Edge). Проверьте, что сайт загружен по HTTPS. В macOS может потребоваться разрешение на запись экрана: Системные настройки -- Конфиденциальность -- Запись экрана.

Демонстрация тормозит или пикселизирует.

Качество зависит от интернет-соединения обоих участников. Рекомендуется стабильное соединение от 2 Мбит/с. Закрытие лишних вкладок и приложений может улучшить качество.

Может ли оператор управлять экраном клиента?

Нет. Демонстрация работает в режиме только просмотра. Оператор видит экран, но не может перемещать курсор или кликать на стороне клиента.

Сколько операторов могут одновременно смотреть?

До 4 операторов. При попытке подключения пятого отображается сообщение о превышении лимита.

Записывается ли видео демонстрации?

В текущей версии видеозапись демонстрации не ведётся. Сохраняются только метаданные сессии (время, участники, длительность).

Работает ли на мобильном устройстве?

Просмотр демонстрации работает на мобильных браузерах. Демонстрация экрана с мобильного устройства ограничена возможностями ОС: Android поддерживает через Chrome, iOS имеет ограничения.

Связанные статьи

Нужна поддержка, которая так и работает?

TehProf Support собирает обращения из WhatsApp, Telegram, почты и виджета в одну очередь, считает сроки по SLA и показывает, где служба проседает.