History

Jon 617c4217a9 active speaker view		2021-09-06 15:28:04 +01:00
..
components	active speaker view	2021-09-06 15:28:04 +01:00
pages	active speaker view	2021-09-06 15:28:04 +01:00
public/assets	active speaker view	2021-09-06 15:28:04 +01:00
.babelrc	active speaker view	2021-09-06 15:28:04 +01:00
README.md	active speaker view	2021-09-06 15:28:04 +01:00
env.example	active speaker view	2021-09-06 15:28:04 +01:00
image.png	active speaker view	2021-09-06 15:28:04 +01:00
index.js	active speaker view	2021-09-06 15:28:04 +01:00
next.config.js	active speaker view	2021-09-06 15:28:04 +01:00
package.json	active speaker view	2021-09-06 15:28:04 +01:00

README.md

Active Speaker

Live example

See it in action here ➡️

What does this demo do?

Uses an active speaker view mode that shows the currently talking participant (or active screen share) in a larger tile
Introduces the ParticipantBar column that virtually scrolls through all call participants
Uses manual subscriptions to paginate between tiles that are currently in view. For more information about how this works, please refer to the pagination demo

Please note: this demo is not currently mobile optimised

Getting started

# set both DAILY_API_KEY and DAILY_DOMAIN
mv env.example .env.local

yarn
yarn workspace @dailyjs/active-speaker dev

Deploy your own on Vercel