---
id: bd7150d8c442eddfafb5bd1c
title: P2P Video Chat Application
challengeType: 3
isRequired: false
videoUrl: ''
localeTitle: P2P视频聊天应用
---

## Description
<section id="description"> <strong>目标：</strong>构建一个功能类似于此的<a href="https://glitch.com" target="_blank">Glitch</a>应用程序： <a href="https://grove-voice.glitch.me/" target="_blank">https</a> ： <a href="https://grove-voice.glitch.me/" target="_blank">//grove-voice.glitch.me</a> 。完成以下<a href="https://en.wikipedia.org/wiki/User_story" target="_blank">用户故事</a> 。使用您需要的任何库或API。给它你自己的个人风格。 <strong>用户故事：</strong>到达后，浏览器将提示我访问我的相机和麦克风。 <strong>用户故事：</strong>在我给予许可后，系统会提示我输入房间名称。 <strong>用户故事：</strong>输入房间名称后，如果之前没有该房间的房间，则会创建房间。 <strong>用户故事：我的</strong>一个朋友可以随后访问同一个网站，输入我输入的同一个房间，然后加入同一个房间，然后与我进行视频聊天。 <strong>用户故事：</strong>如果我输入房间名称，并且该房间已经有两个人，我会收到房间已满的通知。 <strong>用户故事：</strong>任何人都可以创建或加入任何房间。并且可以有任意数量的房间，但所有房间都必须具有唯一的名称。 <strong>用户故事：</strong>我可以选择不允许该网站访问我的麦克风和网络摄像头。如果我选择不这样做，如果出现其他一些驱动程序问题，我会看到一条错误消息，说明这些是必需的。 <strong>用户故事：</strong>当我选择取消房间名称输入步骤，或者如果我没有输入姓名或仅输入空格时，它应该再次要求我输入有效的房间名称。 <strong>用户故事：</strong>如果房间中的两个人中的一个断开连接，他们可以重新连接到同一个房间并继续聊天。如果卡住，请记得使用<a href="http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask</a> 。完成后，单击“我已完成此挑战”按钮，并包含指向您的Glitch应用程序的链接。您可以通过Facebook上的朋友分享您的项目反馈。 </section>

## Instructions
<section id="instructions">
</section>

## Tests
<section id='tests'>

```yml
tests: []

```

</section>

## Challenge Seed
<section id='challengeSeed'>

</section>

## Solution
<section id='solution'>

```js
// solution required
```
</section>
