Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Breakout rooms stateful quickstart #282

Open
wants to merge 5 commits into
base: main
Choose a base branch
from
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
23 changes: 23 additions & 0 deletions ui-library-breakout-rooms-stateful/.gitignore
Original file line number Diff line number Diff line change
@@ -0,0 +1,23 @@
# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.

# dependencies
/node_modules
/.pnp
.pnp.js

# testing
/coverage

# production
/build

# misc
.DS_Store
.env.local
.env.development.local
.env.test.local
.env.production.local

npm-debug.log*
yarn-debug.log*
yarn-error.log*
33 changes: 33 additions & 0 deletions ui-library-breakout-rooms-stateful/README.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,33 @@
---
page_type: sample
languages:
- javascript
products:
- azure
- azure-communication-services
---

# Get Started with Breakout Rooms in a stateful application

This sample application is intended to demonstrate the breakout rooms feature for ACS users in a Teams meeting.
With this sample, ACS users can be moved to breakout rooms opened by the meeting organizer and move back to main
meeting when they choose to (if allowed) or when the breakout rooms are closed. ACS users will not yet be able
to choose the breakout room to join or be able to create and manage breakout rooms.

## Prerequisites

- An Azure account with an active subscription. [Create an account for free](https://azure.microsoft.com/free/?WT.mc_id=A261C142F).
- [Node.js](https://nodejs.org/en/) Active LTS and Maintenance LTS versions (8.11.1 and 10.14.1 recommended).
- An active Communication Services resource. [Create a Communication Services resource](https://docs.microsoft.com/azure/communication-services/quickstarts/create-communication-resource).
- An identity with both VoIP and Chat scopes. Generate an identity using the [Azure Portal](https://docs.microsoft.com/azure/communication-services/quickstarts/identity/quick-create-identity).

## Run the code

1. Run `npm i` on the directory of the project to install dependencies
2. Swap placeholders for identifiers in `src/App.tsx`
3. Run `npm run start`

Open your browser to ` http://localhost:3000`. You should see the following:
![Stateful Call End State](../media/StatefulEnd.png)

Feel free to style the UI Components to your desired size and layout inside of your application.
Loading