Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
8 changes: 7 additions & 1 deletion app/api/get-access-token/route.ts
Original file line number Diff line number Diff line change
@@ -1,3 +1,9 @@
const devLog = (...args: unknown[]) => {
if (process.env.NODE_ENV === "development") {
console.log(...args);
}
};

const HEYGEN_API_KEY = process.env.HEYGEN_API_KEY;

export async function POST() {
Expand All @@ -14,7 +20,7 @@ export async function POST() {
},
});

console.log("Response:", res);
devLog("Response:", res);

const data = await res.json();

Expand Down
28 changes: 17 additions & 11 deletions components/InteractiveAvatar.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -22,6 +22,12 @@ import { MessageHistory } from "./AvatarSession/MessageHistory";

import { AVATARS } from "@/app/lib/constants";

const devLog = (...args: unknown[]) => {
if (process.env.NODE_ENV === "development") {
console.log(...args);
}
};

const DEFAULT_CONFIG: StartAvatarRequest = {
quality: AvatarQuality.Low,
avatarName: AVATARS[0].avatar_id,
Expand Down Expand Up @@ -54,7 +60,7 @@ function InteractiveAvatar() {
});
const token = await response.text();

console.log("Access Token:", token); // Log the token to verify
devLog("Access Token:", token); // Log the token to verify

return token;
} catch (error) {
Expand All @@ -69,34 +75,34 @@ function InteractiveAvatar() {
const avatar = initAvatar(newToken);

avatar.on(StreamingEvents.AVATAR_START_TALKING, (e) => {
console.log("Avatar started talking", e);
devLog("Avatar started talking", e);
});
avatar.on(StreamingEvents.AVATAR_STOP_TALKING, (e) => {
console.log("Avatar stopped talking", e);
devLog("Avatar stopped talking", e);
});
avatar.on(StreamingEvents.STREAM_DISCONNECTED, () => {
console.log("Stream disconnected");
devLog("Stream disconnected");
});
avatar.on(StreamingEvents.STREAM_READY, (event) => {
console.log(">>>>> Stream ready:", event.detail);
devLog(">>>>> Stream ready:", event.detail);
});
avatar.on(StreamingEvents.USER_START, (event) => {
console.log(">>>>> User started talking:", event);
devLog(">>>>> User started talking:", event);
});
avatar.on(StreamingEvents.USER_STOP, (event) => {
console.log(">>>>> User stopped talking:", event);
devLog(">>>>> User stopped talking:", event);
});
avatar.on(StreamingEvents.USER_END_MESSAGE, (event) => {
console.log(">>>>> User end message:", event);
devLog(">>>>> User end message:", event);
});
avatar.on(StreamingEvents.USER_TALKING_MESSAGE, (event) => {
console.log(">>>>> User talking message:", event);
devLog(">>>>> User talking message:", event);
});
avatar.on(StreamingEvents.AVATAR_TALKING_MESSAGE, (event) => {
console.log(">>>>> Avatar talking message:", event);
devLog(">>>>> Avatar talking message:", event);
});
avatar.on(StreamingEvents.AVATAR_END_MESSAGE, (event) => {
console.log(">>>>> Avatar end message:", event);
devLog(">>>>> Avatar end message:", event);
});

await startAvatar(config);
Expand Down