diff --git a/src/pages/MeetingRoom.tsx b/src/pages/MeetingRoom.tsx index e3962d8..bc7cca1 100644 --- a/src/pages/MeetingRoom.tsx +++ b/src/pages/MeetingRoom.tsx @@ -32,7 +32,7 @@ class ModelErrorBoundary extends React.Component { const seed = `${username || 'user'}_${avatarId}`; - return `https://api.dicebear.com/7.x/toon-head/png?seed=${encodeURIComponent(seed)}&backgroundColor=transparent`; + return `https://api.dicebear.com/9.x/toon-head/png?seed=${encodeURIComponent(seed)}`; }, [username, avatarId]); useFrame((state) => { @@ -253,15 +253,21 @@ function MiiAvatarBackup({ )} - {/* Cabeça do Avatar: Toon Head do Dicebear em Billboard com efeito de pulo ao falar */} + {/* Cabeça do Avatar: Toon Head do Dicebear em HTML Billboard para resiliência contra erros de CORS/Rede */} - - - + +
+ {username} { + (e.currentTarget as HTMLImageElement).src = `https://ui-avatars.com/api/?name=${encodeURIComponent(username || 'U')}&background=475569&color=fff&size=128&rounded=true`; + }} + /> +
+ {/* Base cônica para dar uma sustentação 3D estilizada */}