daily-examples/dailyjs/active-speaker
Jon 6fe1f6f18c removed symlink-ception 2021-07-28 16:48:05 +01:00
..
components merge Chrome92 changes 2021-07-28 16:06:40 +01:00
pages added active speaker view 2021-07-23 12:44:14 +01:00
public removed symlink-ception 2021-07-28 16:48:05 +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

README.md

Active Speaker

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

Deploy with Vercel