Fix emotions display, disable tts in published demo

miku-gg · Mar 1, 2025 · 8969e2f · 8969e2f
1 parent cbdadd2
commit 8969e2f
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 3 deletions.
diff --git a/apps/interactor/src/components/chat-box/TTSPlayer.tsx b/apps/interactor/src/components/chat-box/TTSPlayer.tsx
@@ -58,7 +58,7 @@ const setAudioSpeed = (audioRef: React.RefObject<HTMLAudioElement>, playSpeed: S
 };
 
 const TTSPlayer2: React.FC = () => {
-  const { servicesEndpoint, isProduction, freeTTS } = useAppContext();
+  const { servicesEndpoint, isProduction, freeTTS, isPublishedDemo } = useAppContext();
   const voiceId = useAppSelector((state) => state.settings.voice.voiceId);
   const audioRef = useRef<HTMLAudioElement>(null);
   const sourceBufferRef = useRef<SourceBuffer | null>(null);
@@ -276,7 +276,7 @@ const TTSPlayer2: React.FC = () => {
     }
   }, [inferAudio, autoPlay]);
 
-  // if (!isProduction) return null;
+  if (!isProduction || isPublishedDemo) return null;
 
   return (
     <>

diff --git a/apps/interactor/src/components/emotion-render/EmotionRenderer.scss b/apps/interactor/src/components/emotion-render/EmotionRenderer.scss
@@ -2,3 +2,7 @@
   opacity: 1;
   transition: opacity 0.5s ease;
 }
+
+.EmotionRenderer__hidden {
+  opacity: 0;
+}
diff --git a/apps/interactor/src/components/emotion-render/EmotionRenderer.tsx b/apps/interactor/src/components/emotion-render/EmotionRenderer.tsx
@@ -90,7 +90,9 @@ export default function EmotionRenderer({
   } else {
     return (
       <img
-        className={`${className} ${!loading && upDownAnimation ? 'fade-in up-and-down' : ''}`}
+        className={`${className} ${!loading && upDownAnimation ? 'fade-in up-and-down' : ''} ${
+          loading && !blobUrl ? 'EmotionRenderer__hidden' : ''
+        }`}
         src={blobUrl}
         alt="character"
         onError={({ currentTarget }) => {