How to get name of person from daily and store it to variable

Answers
-
In Daily Prebuilt, the user name is displayed on the video tile, but there's no way to get the names of people without making use of the Daily Call Object. What is it you're trying to do exactly? ☺️
0 -
It's also possible to retrieve participant names in embedded Prebuilt. Here's an example (replace
YOUR_DAILY_ROOM_URL
with your own room URL).<html> <script crossorigin src="https://unpkg.com/@daily-co/daily-js"></script> <body> <script> callFrame = window.DailyIframe.createFrame(); callFrame.join({ url: 'YOUR_DAILY_ROOM_URL' }); callFrame.on("participant-joined", (e) => { const name = e.participant.user_name; console.log("participant name:", name); console.log("total participants:", callFrame.participants()); }); </script> </body> </html>
Above, when another participant joins the call, the local participant will retrieve their name (if they have one set) and set it to the
name
const. You can also retrieve all participants and their names at any time via thecallFrame.participants()
method shown there (doesn't have to be in an event handler, can be anywhere that thecallFrame
variable is in-scope).You can also listen to
"participant-updated"
events to detect when someone changes their name in embedded Prebuilt, like this (based on thecallFrame
defined in the snippet above):callFrame.on("participant-updated", (e) => { const name = e.participant.user_name; console.log("name of updated participant:", name); });
Note that the
"participant-updated"
fires on all kinds of updates, not just name changes, so in most cases of this event being emitted the name of the participant above will likely stay the same.Hope that helps!
0