History

harshithpabbati 601eaa9027 Add active-speaker demo image for readme		2022-01-10 16:10:24 +05:30
..
components	Move the active-speaker demo from daily-js folder to custom folder	2022-01-05 00:27:33 +05:30
pages	Move the active-speaker demo from daily-js folder to custom folder	2022-01-05 00:27:33 +05:30
public/assets	Move the active-speaker demo from daily-js folder to custom folder	2022-01-05 00:27:33 +05:30
.babelrc	Move the active-speaker demo from daily-js folder to custom folder	2022-01-05 00:27:33 +05:30
README.md	Add active-speaker demo image for readme	2022-01-10 16:10:24 +05:30
env.example	Move the active-speaker demo from daily-js folder to custom folder	2022-01-05 00:27:33 +05:30
image.png	Add active-speaker demo image for readme	2022-01-10 16:10:24 +05:30
index.js	Move the active-speaker demo from daily-js folder to custom folder	2022-01-05 00:27:33 +05:30
next.config.js	Move the active-speaker demo from daily-js folder to custom folder	2022-01-05 00:27:33 +05:30
package.json	Move the active-speaker demo from daily-js folder to custom folder	2022-01-05 00:27:33 +05:30

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 @custom/active-speaker dev