---
id: bd7150d8c442eddfafb5bd1c
title: Програма відеочату P2P
challengeType: 4
forumTopicId: 302366
dashedName: p2p-video-chat-application
---

# --description--

**Мета:** створити застосунок, функціонально схожий до цього: <a href="https://p2p-video-chat-application.freecodecamp.rocks/" target="_blank" rel="noopener noreferrer nofollow">https://p2p-video-chat-application.freecodecamp.rocks/</a>.

Виконайте історію користувача та пройдіть тести. Використовуйте необхідні вам бібліотеки або API. Оформте за власним стилем.

**Історія користувача:** спершу браузер запропонує надати доступ до камери та мікрофона.

**Історія користувача:** після того, як я надам дозвіл, мені потрібно ввести назву кімнати.

**Історія користувача:** після введення назви кімнати, вона буде створена, якщо раніше не існувало кімнати з тою ж назвою.

**Історія користувача:** мій друг зможе згодом перейти на той самий вебсайт, ввести назву тієї самої кімнати, приєднатися до неї та долучитися до відеочату зі мною.

**Історія користувача:** якщо я введу назву кімнати, і у цій кімнаті вже є двоє людей, я отримаю сповіщення про те, що кімната заповнена.

**Історія користувача:** будь-хто може створити або приєднатися до будь-якої кімнати. Кількість кімнат необмежена, але вони повинні мати унікальні назви.

**Історія користувача:** я можу заборонити доступ до мого мікрофона та камери. Якщо я забороню доступ або виникне якась проблема, я побачу сповіщення про те, що це необхідно.

**Історія користувача:** якщо я скасую крок вводу даних кімнати або замість назви введу пропуски, мене знову попросять ввести дійсну назву кімнати.

**Історія користувача:** якщо одна із двох осіб у кімнаті від’єднається, вони можуть відновити зв’язок у тій самій кімнаті та продовжити спілкування.

Як тільки ви виконаєте історії користувачів, введіть URL-адресу вашого застосунку і, за бажанням, вашого репозиторію на GitHub. Потім натисніть кнопку «Я виконав(-ла) це завдання».

Ви можете отримати фідбек до свого проєкту, поділившись ним на <a href="https://forum.freecodecamp.org/c/project-feedback/409" target="_blank" rel="noopener noreferrer nofollow">форумі freeCodeCamp</a>.

# --solutions--

```js
// solution required
```
