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

Запис відеодзвінка

1. Опис

Вкладка “Запис відеодзвінка” призначена для перегляду матеріалів, створених під час відеодзвінка.

Складається з таких елементів (Рис. 1):

  1. Відеофайл (Рис. 1.(1));

  2. Історія чату (Рис. 1.(2));

  3. Вкладки “Знімки екрана” та “PDFs (Рис. 1.(3)).

"Запис відеодзвінка".png
Рис. 1. Вкладка “Запис відеодзвінка”

1.1. Відеофайл

Складається з таких елементів (Рис. 2):

  1. Плеєр відеозапису дзвінка (Рис. 2.(1));

  2. Список вибору файлу відеозапису розмови (Рис. 2.(2));

  3. Інструмент завантаження (Рис. 2.(3));

  4. Інструмент видалення (Рис. 2.(4)).

Відеофайл.png
Рис. 2. Відеофайл

1.1.1. Відеоплеєр

Складається з таких елементів (Рис. 3.(1)):

  1. Назва відеозапису (Рис. 3.(2));

  2. Інструмент розгортання (Рис. 3.(3));

  3. Кнопка відтворення/паузи (Рис. 3.(4));

  4. Повзунок відтворення (Рис. 3.(5));

  5. Таймер тривалості відео (Рис. 3.(6)).

Відеоплеєр.png
Рис. 3. Відеоплеєр

1.2. Історія чату

Відображає повідомлення, відправлені під час відеодзвінка.

Кожне повідомлення містить:

  1. текст повідомлення від клієнта та оператора;

  2. час відправлення.

1.3. Вкладка “Знімки екрана”

Вкладка призначена для перегляду та керування знімками екрана, створеними під час дзвінка (Рис. 4).

Вкладка_Знімки_екрана.png
Рис. 4. Вкладка “Знімки екрана”

Складається з таких елементів:

  1. Реєстр записів (Рис. 4.(1));

  2. Інструмент генерації PDF (Рис. 4.(2));

  3. Інструмент масового видалення (Рис. 4.(3)).

1.3.1. Реєстр записів

Містить такі колонки:

  1. Чекбокс;

  2. Знімок екрана;

  3. Назва;

  4. Дата і час;

  5. Інструмент завантаження;

  6. Інструмент видалення.

1.3.1.1. Чекбокс

Призначений для вибору одного або кількох записів.

1.3.1.2. Знімок екрана

Відображає прев’ю зображення.

1.3.1.3. Назва

Відображає назву файлу.

1.3.1.4. Дата і час

Відображає дату та час створення знімку екрана.

1.3.1.5. Інструмент завантаження

Завантажує знімок екрана на пристрій.

1.3.1.6. Інструмент завантаження

Призначений для завантаження одного або кількох обраних знімків екрана.

Активується після вибору записів у реєстрі.

При натисканні виконується завантаження вибраних файлів на пристрій користувача.

1.3.1.7. Інструмент видалення

Використовується для видалення об'єкта із підтвердженням через модальне вікно. Під час наведення на кнопку видалення ( image-20241231-123050.png ) відображається інформація з назвою інструменту. Після натискання кнопки видалення з'являється модальне вікно з підтвердженням. Натискання кнопки "Так" видаляє об'єкт. Натискання кнопки "Ні" закриває модальне вікно, об'єкт не видаляється.

Модальне вікно Підтвердіть видалення.png

Рис. 5. Модальне вікно підтвердження видалення

1.3.2. Інструмент генерації PDF

При натисканні на іконку формується PDF-файл зі знімків екрана.

1.3.3. Інструмент масового видалення

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

1.4. Вкладка “PDFs”

Вкладка призначена для перегляду PDF-файлів, створених зі знімків екрана (Рис. 6).

Вкладка_PDFs.png
Рис. 6. Вкладка “PDFs”

Складається з таких елементів:

  1. Реєстр записів (Рис. 6.(1));

  2. Інструмент оновлення реєстру (Рис. 6.(2));

  3. Інструмент масового видалення (Рис. 6.(3));

  4. Пагінація (Рис. 6.(4)).

1.4.1. Реєстр записів

Містить такі колонки:

  1. Чекбокс;

  2. PDF;

  3. Назва;

  4. Статус;

  5. Створено;

  6. Ким створено;

  7. Інструмент завантаження обраного PDF-файлу.

  8. Інструмент видалення обраного PDF-файлу.

1.4.1.1. Чекбокс

Призначений для вибору одного або кількох записів.

Якщо встановити чекбокс у заголовку таблиці — буде вибрано всі записи на сторінці.

1.4.1.2. PDF

Відображає іконку PDF-файлу.

При наведенні курсора на превʼю файлу з’являється іконка перегляду (Рис. 7).

PDF файл.png
Рис. 7. Відображення іконки перегляду

Натискання на іконку image-20260318-101804.png відкриває PDF-файл у новій вкладці браузера для перегляду (Рис. 8).

У PDF-файлі кожен скриншот відображається на окремій сторінці.

Stream.png
Рис. 8. Перегляд PDF-файлу
1.4.1.3. Назва

Відображає назву PDF-файлу.

1.4.1.4. Статус

Відображає стан генерації PDF-файлу.

Можливі значення:

  • Очікується image-20260318-100733.png — файл перебуває в черзі на генерацію, інструменти завантаження та видалення неактивні;

  • Генерується image-20260318-100755.png — файл перебуває в процесі генерації, інструменти завантаження та видалення неактивні;

  • Завершено image-20260318-100813.png — файл успішно згенеровано, інструменти завантаження та видалення активні;

  • Помилка image-20260318-100830.png — виникла помилка під час генерації файлу, інструмент завантаження неактивний, інструмент видалення активний.

1.4.1.5. Створено

Відображає дату та час створення PDF-файлу.

1.4.1.6. Ким створено

Відображає користувача, який створив PDF-файл.

1.4.1.7. Інструмент завантаження обраного PDF-файлу

Призначений для завантаження одного або кількох обраних PDF-файлів.

Активується після вибору записів у реєстрі.

При натисканні виконується завантаження вибраних файлів на пристрій користувача.

1.4.1.8. Інструмент видалення

Використовується для видалення об'єкта із підтвердженням через модальне вікно. Під час наведення на кнопку видалення ( image-20241231-123050.png ) відображається інформація з назвою інструменту. Після натискання кнопки видалення з'являється модальне вікно з підтвердженням. Натискання кнопки "Так" видаляє об'єкт. Натискання кнопки "Ні" закриває модальне вікно, об'єкт не видаляється.

Модальне вікно Підтвердіть видалення.png

Рис. 9. Модальне вікно підтвердження видалення

1.4.2. Інструмент оновлення реєстру

Оновлення таблиці реєстру записів виконується натисканням кнопки оновлення - image-20241231-123329.png .

1.4.3 Інструмент масового видалення PDF-файлів

Призначений для видалення одного або кількох обраних PDF-файлів. Активується після вибору записів у реєстрі.

При натисканні відкривається модальне вікно підтвердження видалення (Рис. 9).

Після підтвердження обраний PDF-файл безповоротно видаляється.

1.4.4 Пагінація

Складається з поля "Записів на сторінці", в якому вказується кількість записів (можливо задати від 1 до 1000) на одну сторінку та кнопок вперед image-20250102-163221.png і назад image-20250102-163241.png для перемикання сторінок.