History

Jon c322312343 added bandwidth controls to ParticipantProvider		2021-07-23 14:49:30 +01:00
..
components	added bandwidth controls to ParticipantProvider	2021-07-23 14:49:30 +01:00
pages	added active speaker view	2021-07-23 12:44:14 +01:00
.babelrc	added active speaker view	2021-07-23 12:44:14 +01:00
README.md	added active speaker view	2021-07-23 12:44:14 +01:00
env.example	added active speaker view	2021-07-23 12:44:14 +01:00
image.png	added active speaker view	2021-07-23 12:44:14 +01:00
index.js	added active speaker view	2021-07-23 12:44:14 +01:00
next.config.js	added active speaker view	2021-07-23 12:44:14 +01:00
package.json	added active speaker view	2021-07-23 12:44:14 +01:00
public	added active speaker view	2021-07-23 12:44:14 +01:00

Active Speaker

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

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

yarn
yarn workspace @dailyjs/active-speaker dev