提交工单
咨询集成、功能及报价等问题
User avatars are generally stored in the server. Video Conference Kit (ZegoUIKitPrebuiltVideoConference) does not know the real profile picture of each user, so it uses the first letter of the username to draw the user avatars by default, as shown below:
When a user in silence | When a user speaks |
---|---|
To configure the custom user avatars, you can use the avatarBuilder
to set a custom builder method.
Here is the reference code:
class VideoConferencePage extends StatelessWidget {
const VideoConferencePage({Key? key, required this.conferenceID}) : super(key: key);
final String conferenceID;
@override
Widget build(BuildContext context) {
return ZegoUIKitPrebuiltVideoConference (
appID: YourAppID,
appSign: YourAppSign,
userID: userID,
userName: userID,
conferenceID: conferenceID,
// Modify your custom configurations here.
config: ZegoUIKitPrebuiltVideoConferenceConfig(
avatarBuilder: (BuildContext context, Size size, ZegoUIKitUser? user, Map extraInfo) {
return user != null
? Container(
decoration: BoxDecoration(
shape: BoxShape.circle,
image: DecorationImage(
image: NetworkImage(
'https://your_server/app/avatar/${user.id}.png',
),
),
),
)
: const SizedBox();
},
),
);
}
}
When complete, the Video Conference Kit (ZegoUIKitPrebuiltVideoConference) displays the custom user avatar that you set.