{"id":84513,"date":"2024-11-19T17:42:12","date_gmt":"2024-11-19T14:12:12","guid":{"rendered":"https:\/\/nabfollower.com\/blog\/turn-job-descriptions-into-recruitment-video-with-ai-4c8b\/"},"modified":"2024-11-19T17:42:12","modified_gmt":"2024-11-19T14:12:12","slug":"turn-job-descriptions-into-recruitment-video-with-ai-4c8b","status":"publish","type":"post","link":"https:\/\/nabfollower.com\/blog\/turn-job-descriptions-into-recruitment-video-with-ai-4c8b\/","title":{"rendered":"\u062a\u0648\u0636\u06cc\u062d\u0627\u062a \u0634\u063a\u0644 \u0631\u0627 \u0628\u0627 \u0647\u0648\u0634 \u0645\u0635\u0646\u0648\u0639\u06cc \u0628\u0647 \u0648\u06cc\u062f\u06cc\u0648\u06cc \u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u062a\u0628\u062f\u06cc\u0644 \u06a9\u0646\u06cc\u062f"},"content":{"rendered":"

Summarize this content to 400 words in Persian Lang
\n \u0628\u0627 \u062a\u0648\u062c\u0647 \u0628\u0647 \u0622\u0645\u0627\u0631 \u062a\u0648\u0633\u0637 Genius\u060c 60 \u062f\u0631\u0635\u062f \u0627\u0632 \u062c\u0648\u06cc\u0646\u062f\u06af\u0627\u0646 \u06a9\u0627\u0631 \u0628\u0647 \u062f\u0644\u06cc\u0644 \u0637\u0648\u0644\u0627\u0646\u06cc \u0628\u0648\u062f\u0646 \u06cc\u0627 \u067e\u06cc\u0686\u06cc\u062f\u0647 \u0628\u0648\u062f\u0646 \u0641\u0631\u0622\u06cc\u0646\u062f \u0645\u0635\u0627\u062d\u0628\u0647\u060c \u06a9\u0627\u0631 \u0631\u0627 \u062a\u0631\u06a9 \u0645\u06cc \u06a9\u0646\u0646\u062f \u0648 \u0645\u06cc\u0627\u0646\u06af\u06cc\u0646 \u0641\u0631\u0622\u06cc\u0646\u062f \u0622\u0646 \u062d\u062f\u0648\u062f 23 \u0631\u0648\u0632 \u0637\u0648\u0644 \u0645\u06cc \u06a9\u0634\u062f. <\/p>\n

\u0641\u0631\u0622\u06cc\u0646\u062f \u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0633\u0646\u062a\u06cc \u0648\u0642\u062a \u06af\u06cc\u0631 \u0648 \u0645\u0633\u062a\u0639\u062f \u0633\u0648\u06af\u06cc\u0631\u06cc \u0627\u0633\u062a. \u0628\u0647 \u062c\u0627\u06cc \u0645\u0635\u0627\u062d\u0628\u0647 \u0628\u0627 \u0647\u0631 \u062f\u0627\u0648\u0637\u0644\u0628 \u0628\u0647 \u0635\u0648\u0631\u062a \u062c\u062f\u0627\u06af\u0627\u0646\u0647\u060c \u0645\u06cc \u062a\u0648\u0627\u0646\u06cc\u062f \u0627\u0632 \u06cc\u06a9 \u0622\u0648\u0627\u062a\u0627\u0631 \u0647\u0648\u0634 \u0645\u0635\u0646\u0648\u0639\u06cc \u0628\u0631\u0627\u06cc \u0627\u0646\u062c\u0627\u0645 \u0647\u0645\u0632\u0645\u0627\u0646 \u0645\u0635\u0627\u062d\u0628\u0647 \u0628\u0627 \u0647\u0645\u0647 \u0646\u0627\u0645\u0632\u062f\u0647\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f. \u0628\u0647 \u0627\u06cc\u0646 \u062a\u0631\u062a\u06cc\u0628\u060c \u062f\u06cc\u06af\u0631 \u0646\u06cc\u0627\u0632\u06cc \u0646\u06cc\u0633\u062a \u062a\u0627 23 \u0631\u0648\u0632 \u0645\u0646\u062a\u0638\u0631 \u0628\u0645\u0627\u0646\u06cc\u062f \u0632\u06cc\u0631\u0627 \u0641\u0631\u0622\u06cc\u0646\u062f \u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u062f\u0631 \u062f\u0648 \u062a\u0627 \u0633\u0647 \u0631\u0648\u0632 \u062a\u06a9\u0645\u06cc\u0644 \u0645\u06cc \u0634\u0648\u062f.<\/p>\n

\u0627\u06cc\u0646 \u0645\u0642\u0627\u0644\u0647 \u0634\u0645\u0627 \u0631\u0627 \u062f\u0631 \u0633\u0627\u062e\u062a \u06cc\u06a9 \u0622\u0648\u0627\u062a\u0627\u0631 \u0648\u06cc\u062f\u0626\u0648\u06cc\u06cc \u0647\u0648\u0634 \u0645\u0635\u0646\u0648\u0639\u06cc \u0627\u0633\u062a\u062e\u062f\u0627\u0645\u06cc \u0631\u0627\u0647\u0646\u0645\u0627\u06cc\u06cc \u0645\u06cc \u06a9\u0646\u062f \u06a9\u0647 \u0628\u0627 \u0646\u0627\u0645\u0632\u062f\u0647\u0627\u06cc \u0627\u062d\u062a\u0645\u0627\u0644\u06cc \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 API Simli \u0645\u0635\u0627\u062d\u0628\u0647 \u0645\u06cc \u06a9\u0646\u062f. \u0627\u06cc\u0646 \u0646\u0634\u0627\u0646 \u0645\u06cc \u062f\u0647\u062f \u06a9\u0647 \u0686\u06af\u0648\u0646\u0647 \u0628\u0631\u0646\u0627\u0645\u0647 \u0627\u06cc \u0628\u0633\u0627\u0632\u06cc\u062f \u06a9\u0647 \u0645\u06cc \u062a\u0648\u0627\u0646\u062f \u0634\u0631\u062d \u0634\u063a\u0644 \u0631\u0627 \u0628\u0647 \u0645\u0635\u0627\u062d\u0628\u0647 \u0647\u0627\u06cc \u062a\u0639\u0627\u0645\u0644\u06cc \u062a\u0628\u062f\u06cc\u0644 \u06a9\u0646\u062f\u060c \u0631\u0648\u0646\u062f \u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0634\u0645\u0627 \u0631\u0627 \u0633\u0627\u062f\u0647 \u06a9\u0646\u062f \u0648 \u062a\u062c\u0631\u0628\u0647 \u0646\u0627\u0645\u0632\u062f \u0631\u0627 \u0628\u0647\u0628\u0648\u062f \u0628\u062e\u0634\u062f. <\/p>\n

\u067e\u06cc\u0634 \u0646\u06cc\u0627\u0632\u0647\u0627<\/p>\n

\u0628\u0631\u0627\u06cc \u062f\u0646\u0628\u0627\u0644 \u06a9\u0631\u062f\u0646 \u0627\u06cc\u0646 \u0622\u0645\u0648\u0632\u0634\u060c \u062d\u062a\u0645\u0627 \u0645\u0648\u0627\u0631\u062f \u0632\u06cc\u0631 \u0631\u0627 \u062f\u0627\u0634\u062a\u0647 \u0628\u0627\u0634\u06cc\u062f:<\/p>\n

\u062f\u0631\u06a9 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0648 React.
\nNode \u0648 Node Package Manager \u0646\u0635\u0628 \u0634\u062f\u0647 \u0627\u0633\u062a.
\n\u06cc\u06a9 \u062d\u0633\u0627\u0628 \u06a9\u0627\u0631\u0628\u0631\u06cc \u0633\u06cc\u0645\u0644\u06cc \u0628\u0631\u0627\u06cc \u0634\u0631\u0648\u0639\u060c \u06cc\u06a9 \u062d\u0633\u0627\u0628 \u06a9\u0627\u0631\u0628\u0631\u06cc \u0631\u0627\u06cc\u06af\u0627\u0646 Simli \u0627\u06cc\u062c\u0627\u062f \u06a9\u0646\u06cc\u062f.
\n\u06cc\u06a9 \u062d\u0633\u0627\u0628 OpenAI <\/p>\n

\u0645\u06cc \u062a\u0648\u0627\u0646\u06cc\u062f \u06a9\u062f \u0645\u0646\u0628\u0639 \u06a9\u0627\u0645\u0644 \u0631\u0627 \u062f\u0631 GitHub \u067e\u06cc\u062f\u0627 \u06a9\u0646\u06cc\u062f.<\/p>\n

\u0627\u06cc\u062c\u0627\u062f \u0633\u0648\u0627\u0644\u0627\u062a \u0645\u0635\u0627\u062d\u0628\u0647 \u0628\u0627 OpenAPI<\/p>\n

OpenAI API \u0647\u0627\u06cc\u06cc \u0631\u0627 \u0627\u0631\u0627\u0626\u0647 \u0645\u06cc \u062f\u0647\u062f \u06a9\u0647 \u0627\u0632 \u06cc\u06a9 \u0645\u062f\u0644 \u0632\u0628\u0627\u0646 \u0628\u0632\u0631\u06af \u0622\u0645\u0648\u0632\u0634 \u062f\u0627\u062f\u0647 \u0634\u062f\u0647 \u0628\u0631 \u0631\u0648\u06cc \u0645\u0642\u0627\u062f\u06cc\u0631 \u0632\u06cc\u0627\u062f\u06cc \u062f\u0627\u062f\u0647 \u0628\u0631\u0627\u06cc \u062a\u0648\u0644\u06cc\u062f \u0645\u062a\u0646 \u0627\u0632 \u06cc\u06a9 \u062f\u0631\u062e\u0648\u0627\u0633\u062a \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc \u06a9\u0646\u0646\u062f. \u06cc\u06a9\u06cc \u0627\u0632 \u0627\u06cc\u0646 API\u0647\u0627 \u0646\u0642\u0637\u0647 \u067e\u0627\u06cc\u0627\u0646\u06cc \u062a\u06a9\u0645\u06cc\u0644 \u0686\u062a \u0627\u0633\u062a. \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0627\u06cc\u0646 \u0646\u0642\u0637\u0647 \u067e\u0627\u06cc\u0627\u0646\u06cc \u0648 \u0627\u0631\u0627\u0626\u0647 \u0634\u0631\u062d \u0634\u063a\u0644 \u0628\u0647 \u0639\u0646\u0648\u0627\u0646 \u06cc\u06a9 \u0627\u0639\u0644\u0627\u0646\u060c \u0645\u06cc \u062a\u0648\u0627\u0646\u06cc\u062f \u0633\u0648\u0627\u0644\u0627\u062a \u0645\u0635\u0627\u062d\u0628\u0647 \u0633\u0641\u0627\u0631\u0634\u06cc \u0627\u06cc\u062c\u0627\u062f \u06a9\u0646\u06cc\u062f. <\/p>\n

\u067e\u0633 \u0627\u0632 \u0627\u06cc\u062c\u0627\u062f \u0633\u0624\u0627\u0644\u0627\u062a\u060c \u0645\u0631\u062d\u0644\u0647 \u0628\u0639\u062f\u06cc \u062a\u0628\u062f\u06cc\u0644 \u0622\u0646\u0647\u0627 \u0628\u0647 \u0635\u062f\u0627 \u0627\u0633\u062a \u062a\u0627 \u0628\u062a\u0648\u0627\u0646 \u0622\u0646\u0647\u0627 \u0631\u0627 \u0628\u0647 API SimliClient \u0627\u0631\u0633\u0627\u0644 \u06a9\u0631\u062f\u060c \u06a9\u0647 \u06cc\u06a9 \u0622\u0648\u0627\u062a\u0627\u0631 \u0647\u0648\u0634 \u0645\u0635\u0646\u0648\u0639\u06cc Lipsynced \u0628\u0631\u0627\u06cc \u0645\u0635\u0627\u062d\u0628\u0647 \u0628\u0627 \u0645\u062a\u0642\u0627\u0636\u06cc \u0627\u06cc\u062c\u0627\u062f \u0645\u06cc \u06a9\u0646\u062f. Simli \u06cc\u06a9 \u062a\u0648\u0644\u06cc\u062f \u06a9\u0646\u0646\u062f\u0647 \u0648\u06cc\u062f\u06cc\u0648\u06cc \u0647\u0648\u0634 \u0645\u0635\u0646\u0648\u0639\u06cc \u0627\u0633\u062a \u06a9\u0647 \u0628\u0631\u0627\u06cc \u0627\u06cc\u062c\u0627\u062f \u0622\u0648\u0627\u062a\u0627\u0631\u0647\u0627\u06cc \u0647\u0648\u0634 \u0645\u0635\u0646\u0648\u0639\u06cc \u0648\u06cc\u062f\u06cc\u0648\u06cc\u06cc\u060c \u06cc\u06a9 API \u06af\u0641\u062a\u0627\u0631 \u0628\u0647 \u0648\u06cc\u062f\u06cc\u0648 \u062f\u0631 \u0627\u062e\u062a\u06cc\u0627\u0631 \u0634\u0645\u0627 \u0642\u0631\u0627\u0631 \u0645\u06cc \u062f\u0647\u062f.<\/p>\n

\u0647\u0645\u0686\u0646\u06cc\u0646 OpenAI \u06cc\u06a9 API \u0635\u0648\u062a\u06cc \u0628\u0627 \u0646\u0642\u0637\u0647 \u067e\u0627\u06cc\u0627\u0646 \u06af\u0641\u062a\u0627\u0631 \u0628\u0631 \u0627\u0633\u0627\u0633 \u0645\u062f\u0644 TTS (\u0645\u062a\u0646 \u0628\u0647 \u06af\u0641\u062a\u0627\u0631) \u062e\u0648\u062f \u0627\u0631\u0627\u0626\u0647 \u0645\u06cc\u200c\u06a9\u0646\u062f. \u0627\u06cc\u0646 \u0646\u0642\u0637\u0647 \u067e\u0627\u06cc\u0627\u0646\u06cc \u06af\u0641\u062a\u0627\u0631 \u0628\u0647 \u0633\u0647 \u0648\u0631\u0648\u062f\u06cc \u06a9\u0644\u06cc\u062f\u06cc \u0646\u06cc\u0627\u0632 \u062f\u0627\u0631\u062f: \u0645\u062f\u0644\u060c \u0645\u062a\u0646\u06cc \u06a9\u0647 \u0628\u0627\u06cc\u062f \u0628\u0647 \u0635\u0648\u062a \u062a\u0628\u062f\u06cc\u0644 \u0634\u0648\u062f \u0648 \u0635\u062f\u0627 \u0628\u0631\u0627\u06cc \u062a\u0648\u0644\u06cc\u062f \u0635\u062f\u0627. \u0627\u06cc\u0646 \u0642\u0627\u0628\u0644\u06cc\u062a \u0628\u0631\u0627\u06cc \u062a\u0628\u062f\u06cc\u0644 \u0633\u0648\u0627\u0644\u0627\u062a \u0627\u06cc\u062c\u0627\u062f \u0634\u062f\u0647 \u0628\u0647 \u0635\u0648\u062a\u06cc \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u062e\u0648\u0627\u0647\u062f \u0634\u062f.<\/p>\n

\u062f\u0631 \u0627\u06cc\u0646\u062c\u0627 \u0646\u062d\u0648\u0647 \u0639\u0645\u0644\u06a9\u0631\u062f \u0628\u0631\u0646\u0627\u0645\u0647 \u0622\u0645\u062f\u0647 \u0627\u0633\u062a<\/p>\n

\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u06a9\u0646\u0646\u062f\u0647 \u0634\u0631\u062d \u0634\u063a\u0644\u06cc \u0631\u0627 \u0648\u0627\u0631\u062f \u0645\u06cc \u06a9\u0646\u062f \u06a9\u0647 \u0628\u0647 API \u062a\u06a9\u0645\u06cc\u0644 \u0686\u062a OpenAI \u0627\u0631\u0633\u0627\u0644 \u0645\u06cc \u0634\u0648\u062f.
\nAPI \u0644\u06cc\u0633\u062a\u06cc \u0627\u0632 \u0633\u0648\u0627\u0644\u0627\u062a \u0645\u0635\u0627\u062d\u0628\u0647 \u0631\u0627 \u0628\u0647 \u0635\u0648\u0631\u062a \u0645\u062a\u0646\u06cc \u0628\u0631\u0645\u06cc \u06af\u0631\u062f\u0627\u0646\u062f.
\n\u0627\u06cc\u0646 \u0633\u0624\u0627\u0644\u0627\u062a \u0633\u067e\u0633 \u0628\u0647 \u0646\u0642\u0637\u0647 \u067e\u0627\u06cc\u0627\u0646\u06cc \u06af\u0641\u062a\u0627\u0631 \u0641\u0631\u0633\u062a\u0627\u062f\u0647 \u0645\u06cc \u0634\u0648\u0646\u062f \u0648 \u062f\u0631 \u0622\u0646\u062c\u0627 \u0628\u0647 \u0635\u062f\u0627 \u062a\u0628\u062f\u06cc\u0644 \u0645\u06cc \u0634\u0648\u0646\u062f.
\n\u062f\u0631 \u0646\u0647\u0627\u06cc\u062a\u060c \u0635\u062f\u0627 \u0628\u0647 API Simli \u0627\u0631\u0633\u0627\u0644 \u0645\u06cc\u200c\u0634\u0648\u062f\u060c \u06a9\u0647 \u06cc\u06a9 \u0622\u0648\u0627\u062a\u0627\u0631 \u0648\u06cc\u062f\u06cc\u0648\u06cc\u06cc \u0648\u0627\u0642\u0639\u06cc \u0648 \u0647\u0645\u06af\u0627\u0645\u200c\u0633\u0627\u0632\u06cc \u0634\u062f\u0647 \u0628\u0627 \u0644\u0628 \u0627\u06cc\u062c\u0627\u062f \u0645\u06cc\u200c\u06a9\u0646\u062f \u062a\u0627 \u0633\u0624\u0627\u0644\u0627\u062a \u0631\u0627 \u0627\u0631\u0627\u0626\u0647 \u062f\u0647\u062f \u0648 \u06cc\u06a9 \u062a\u062c\u0631\u0628\u0647 \u0645\u0635\u0627\u062d\u0628\u0647 \u062a\u0639\u0627\u0645\u0644\u06cc \u0648 \u062c\u0630\u0627\u0628 \u0628\u0631\u0627\u06cc \u062f\u0627\u0648\u0637\u0644\u0628\u0627\u0646 \u0627\u06cc\u062c\u0627\u062f \u06a9\u0646\u062f. ## \u0645\u062d\u06cc\u0637 API \u062e\u0648\u062f \u0631\u0627 \u062a\u0646\u0638\u06cc\u0645 \u06a9\u0646\u06cc\u062f<\/p>\n

\u0646\u0642\u0637\u0647 \u067e\u0627\u06cc\u0627\u0646\u06cc Simli \u0628\u0647 \u06cc\u06a9 \u06a9\u0644\u06cc\u062f API \u0646\u06cc\u0627\u0632 \u062f\u0627\u0631\u062f \u06a9\u0647 \u0645\u06cc \u062a\u0648\u0627\u0646\u06cc\u062f \u0628\u0627 \u0627\u06cc\u062c\u0627\u062f \u06cc\u06a9 \u062d\u0633\u0627\u0628 \u06a9\u0627\u0631\u0628\u0631\u06cc Simli \u0622\u0646 \u0631\u0627 \u062f\u0631\u06cc\u0627\u0641\u062a \u06a9\u0646\u06cc\u062f. \u0647\u0646\u06af\u0627\u0645\u06cc \u06a9\u0647 \u0628\u0627 \u0645\u0648\u0641\u0642\u06cc\u062a \u06cc\u06a9 \u062d\u0633\u0627\u0628 \u0627\u06cc\u062c\u0627\u062f \u06a9\u0631\u062f\u06cc\u062f\u060c \u0628\u0647 \u062f\u0627\u0634\u0628\u0648\u0631\u062f \u0646\u0645\u0627\u06cc\u0647 \u06a9\u0627\u0631\u0628\u0631 \u0647\u062f\u0627\u06cc\u062a \u0645\u06cc \u0634\u0648\u06cc\u062f\u060c \u062c\u0627\u06cc\u06cc \u06a9\u0647 \u0645\u06cc \u062a\u0648\u0627\u0646\u06cc\u062f \u06a9\u0644\u06cc\u062f API \u062e\u0648\u062f \u0631\u0627 \u0627\u06cc\u062c\u0627\u062f \u06a9\u0631\u062f\u0647 \u0648 \u0645\u06cc\u0632\u0627\u0646 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 API \u062e\u0648\u062f \u0631\u0627 \u0631\u062f\u06cc\u0627\u0628\u06cc \u06a9\u0646\u06cc\u062f.\u0631\u0648\u06cc \u062f\u06a9\u0645\u0647 \u06a9\u067e\u06cc \u06a9\u0644\u06cc\u06a9 \u06a9\u0646\u06cc\u062f \u0648 \u0622\u0646 \u0631\u0627 \u0630\u062e\u06cc\u0631\u0647 \u06a9\u0646\u06cc\u062f.<\/p>\n

\u0633\u067e\u0633 \u06cc\u06a9 \u062d\u0633\u0627\u0628 \u06a9\u0627\u0631\u0628\u0631\u06cc \u062f\u0631 OpenAI \u0627\u06cc\u062c\u0627\u062f \u06a9\u0646\u06cc\u062f \u062a\u0627 \u06a9\u0644\u06cc\u062f API \u0631\u0627 \u062f\u0631\u06cc\u0627\u0641\u062a \u06a9\u0646\u06cc\u062f. \u067e\u0633 \u0627\u0632 \u0627\u06cc\u062c\u0627\u062f \u06cc\u06a9 \u062d\u0633\u0627\u0628 \u06a9\u0627\u0631\u0628\u0631\u06cc\u060c \u0628\u0647 \u062f\u0627\u0634\u0628\u0648\u0631\u062f \u0646\u0645\u0627\u06cc\u0647 \u0647\u062f\u0627\u06cc\u062a \u062e\u0648\u0627\u0647\u06cc\u062f \u0634\u062f. \u062f\u0631 \u062f\u0627\u0634\u0628\u0648\u0631\u062f\u060c \u0628\u0647 \u0628\u062e\u0634 \u06a9\u0644\u06cc\u062f\u0647\u0627\u06cc API \u0628\u0631\u0648\u06cc\u062f.<\/p>\n

\u062f\u0631 \u0628\u062e\u0634 \u06a9\u0644\u06cc\u062f\u0647\u0627\u06cc API\u060c \u0631\u0648\u06cc \u0627\u06cc\u062c\u0627\u062f \u06a9\u0644\u06cc\u062f \u0645\u062e\u0641\u06cc \u062c\u062f\u06cc\u062f \u06a9\u0644\u06cc\u06a9 \u06a9\u0646\u06cc\u062f\u060c \u0628\u0647 \u06a9\u0644\u06cc\u062f \u06cc\u06a9 \u0646\u0627\u0645 \u0628\u062f\u0647\u06cc\u062f \u0648 \u0631\u0648\u06cc \u062f\u06a9\u0645\u0647 \u0627\u06cc\u062c\u0627\u062f \u06a9\u0644\u06cc\u062f \u0645\u062e\u0641\u06cc \u06a9\u0644\u06cc\u06a9 \u06a9\u0646\u06cc\u062f.<\/p>\n

\u06a9\u0644\u06cc\u062f \u0645\u062e\u0641\u06cc \u0634\u0645\u0627 \u0627\u06a9\u0646\u0648\u0646 \u0627\u06cc\u062c\u0627\u062f \u062e\u0648\u0627\u0647\u062f \u0634\u062f. \u062d\u062a\u0645\u0627\u064b \u0622\u0646 \u0631\u0627 \u06a9\u067e\u06cc \u0648 \u062f\u0631 \u0645\u06a9\u0627\u0646\u06cc \u0627\u0645\u0646 \u0630\u062e\u06cc\u0631\u0647 \u06a9\u0646\u06cc\u062f \u062a\u0627 \u0628\u0639\u062f\u0627\u064b \u0628\u0647 \u0631\u0627\u062d\u062a\u06cc \u0622\u0646 \u0631\u0627 \u0628\u0627\u0632\u06cc\u0627\u0628\u06cc \u06a9\u0646\u06cc\u062f.<\/p>\n

\u062a\u0648\u062c\u0647: API \u0628\u0644\u0627\u062f\u0631\u0646\u06af OpenAI \u062f\u0631 \u0646\u0633\u062e\u0647 \u0628\u062a\u0627 \u0627\u0633\u062a \u0648 \u0641\u0642\u0637 \u0628\u0631\u0627\u06cc \u06a9\u0627\u0631\u0628\u0631\u0627\u0646 \u067e\u0648\u0644\u06cc \u062f\u0631 \u062f\u0633\u062a\u0631\u0633 \u0627\u0633\u062a.<\/p>\n

\u0628\u0627 \u0622\u0645\u0627\u062f\u0647 \u0628\u0648\u062f\u0646 \u06a9\u0644\u06cc\u062f\u0647\u0627\u06cc API \u062e\u0648\u062f\u060c \u0645\u06cc \u062a\u0648\u0627\u0646\u06cc\u062f \u062a\u062c\u0631\u0628\u0647 \u0645\u0635\u0627\u062d\u0628\u0647 \u0645\u0628\u062a\u0646\u06cc \u0628\u0631 \u0647\u0648\u0634 \u0645\u0635\u0646\u0648\u0639\u06cc \u062e\u0648\u062f \u0631\u0627 \u0627\u06cc\u062c\u0627\u062f \u06a9\u0646\u06cc\u062f. \u0645\u0631\u062d\u0644\u0647 \u0628\u0639\u062f\u06cc \u0627\u0646\u062a\u062e\u0627\u0628 \u06cc\u06a9 \u0622\u0648\u0627\u062a\u0627\u0631 \u0647\u0648\u0634 \u0645\u0635\u0646\u0648\u0639\u06cc \u0627\u0633\u062a \u06a9\u0647 \u0628\u0627 \u0628\u0631\u0646\u062f \u0648 \u0646\u0642\u0634 \u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0634\u0645\u0627 \u0647\u0645\u0633\u0648 \u0628\u0627\u0634\u062f.<\/p>\n

\u0627\u0646\u062a\u062e\u0627\u0628 \u0622\u0648\u0627\u062a\u0627\u0631 \u0647\u0648\u0634 \u0645\u0635\u0646\u0648\u0639\u06cc \u0628\u0631\u0627\u06cc \u0627\u0633\u062a\u062e\u062f\u0627\u0645<\/p>\n

\u0647\u0646\u06af\u0627\u0645 \u0627\u0646\u062a\u062e\u0627\u0628 \u0622\u0648\u0627\u062a\u0627\u0631 \u0628\u0631\u0627\u06cc \u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u06a9\u0646\u0646\u062f\u0647 \u0647\u0648\u0634 \u0645\u0635\u0646\u0648\u0639\u06cc\u060c \u062a\u0635\u0648\u06cc\u0631 \u0628\u0631\u0646\u062f \u0645\u0648\u0631\u062f \u0646\u0638\u0631 \u0648 \u0646\u0642\u0634\u06cc \u0631\u0627 \u06a9\u0647 \u0628\u0631\u0627\u06cc \u0622\u0646 \u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0645\u06cc \u06a9\u0646\u06cc\u062f \u062f\u0631 \u0646\u0638\u0631 \u0628\u06af\u06cc\u0631\u06cc\u062f. \u0627\u06cc\u0646 \u0622\u0645\u0648\u0632\u0634 \u0627\u0632 \u0622\u0648\u0627\u062a\u0627\u0631 'Franco' \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc \u06a9\u0646\u062f \u06a9\u0647 \u0628\u0647 \u0637\u0648\u0631 \u062a\u0635\u0627\u062f\u0641\u06cc \u0627\u0646\u062a\u062e\u0627\u0628 \u0634\u062f\u0647 \u0627\u0633\u062a. \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u06cc\u062f \u06a9\u062a\u0627\u0628\u062e\u0627\u0646\u0647 \u0622\u0648\u0627\u062a\u0627\u0631\u0647\u0627\u06cc Simli \u0631\u0627 \u06a9\u0627\u0648\u0634 \u06a9\u0646\u06cc\u062f \u062a\u0627 \u0645\u0646\u0627\u0633\u0628 \u0646\u06cc\u0627\u0632\u0647\u0627\u06cc \u062e\u0648\u062f \u0631\u0627 \u0628\u06cc\u0627\u0628\u06cc\u062f.<\/p>\n

Simli \u06cc\u06a9 \u0627\u0628\u0632\u0627\u0631 \u0627\u06cc\u062c\u0627\u062f \u0622\u0648\u0627\u062a\u0627\u0631 \u062f\u0627\u0631\u062f \u06a9\u0647 \u0628\u0647 \u06a9\u0627\u0631\u0628\u0631\u0627\u0646 \u0627\u0645\u06a9\u0627\u0646 \u0645\u06cc \u062f\u0647\u062f \u0628\u0627 \u0622\u067e\u0644\u0648\u062f \u062a\u0635\u0627\u0648\u06cc\u0631\u060c \u0622\u0648\u0627\u062a\u0627\u0631\u0647\u0627\u06cc \u0633\u0641\u0627\u0631\u0634\u06cc \u0627\u06cc\u062c\u0627\u062f \u06a9\u0646\u0646\u062f. \u0627\u06af\u0631 \u0647\u06cc\u0686 \u06cc\u06a9 \u0627\u0632 \u0686\u0647\u0631\u0647 \u0647\u0627\u06cc \u0645\u0648\u062c\u0648\u062f \u0645\u0637\u0627\u0628\u0642 \u0628\u0627 \u0646\u06cc\u0627\u0632\u0647\u0627\u06cc \u0634\u0645\u0627 \u0646\u06cc\u0633\u062a\u060c \u0627\u0632 \u0627\u06cc\u0646 \u0648\u06cc\u0698\u06af\u06cc \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f.<\/p>\n

\u0627\u06cc\u0646 \u0647\u0645 \u0639\u06a9\u0633 \u0641\u0631\u0627\u0646\u06a9\u0648 \u062f\u0631 \u06a9\u0627\u062f\u0631 \u0642\u0631\u0645\u0632:<\/p>\n

\u0647\u0646\u06af\u0627\u0645\u06cc \u06a9\u0647 \u0622\u0648\u0627\u062a\u0627\u0631 \u062e\u0648\u062f \u0631\u0627 \u0627\u0646\u062a\u062e\u0627\u0628 \u06a9\u0631\u062f\u06cc\u062f\u060c \u0628\u06cc\u0627\u06cc\u06cc\u062f \u0628\u0627 \u0633\u0627\u062e\u062a\u0646 \u06cc\u06a9 \u0628\u0631\u0646\u0627\u0645\u0647 Next.js \u0622\u0646 \u0631\u0627 \u0632\u0646\u062f\u0647 \u06a9\u0646\u06cc\u0645.<\/p>\n

\u0631\u0627\u0647 \u0627\u0646\u062f\u0627\u0632\u06cc \u067e\u0631\u0648\u0698\u0647 Next.js<\/p>\n

\u0628\u0631\u0627\u06cc \u0634\u0631\u0648\u0639\u060c \u0628\u0627 \u0627\u062c\u0631\u0627\u06cc \u062f\u0633\u062a\u0648\u0631 \u0632\u06cc\u0631 \u06cc\u06a9 \u0628\u0631\u0646\u0627\u0645\u0647 Next.js \u0627\u06cc\u062c\u0627\u062f \u06a9\u0646\u06cc\u062f:<\/p>\n

npx create-next-app@latest interview-simli<\/p>\n

\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/p>\n

\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/p>\n

\u0627\u06cc\u0646 \u062f\u0633\u062a\u0648\u0631 \u0686\u0646\u062f \u0633\u0648\u0627\u0644 \u062f\u0631 \u0645\u0648\u0631\u062f \u067e\u06cc\u06a9\u0631\u0628\u0646\u062f\u06cc \u0628\u0631\u0646\u0627\u0645\u0647 Next.js \u0627\u06cc\u062c\u0627\u062f \u0645\u06cc \u06a9\u0646\u062f. \u062f\u0631 \u0627\u06cc\u0646\u062c\u0627 \u067e\u0627\u0633\u062e \u0628\u0647 \u0647\u0631 \u0633\u0648\u0627\u0644 \u0622\u0645\u062f\u0647 \u0627\u0633\u062a:<\/p>\n

\u0628\u0639\u062f\u060c \u0628\u0647 \u0628\u0631\u0646\u0627\u0645\u0647 \u0628\u0631\u0648\u06cc\u062f \u0648 \u0648\u0627\u0628\u0633\u062a\u06af\u06cc \u0647\u0627 \u0631\u0627 \u0646\u0635\u0628 \u06a9\u0646\u06cc\u062f. \u062f\u0633\u062a\u0648\u0631 \u0632\u06cc\u0631 \u0631\u0627 \u0627\u062c\u0631\u0627 \u06a9\u0646\u06cc\u062f:<\/p>\n

cd recruitment-video-app
\nnpm install simli-client openai github:openai\/openai-realtime-api-beta<\/p>\n

\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/p>\n

\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/p>\n

SimliClient \u0627\u0628\u0632\u0627\u0631\u06cc \u0628\u0631\u0627\u06cc \u0627\u062f\u063a\u0627\u0645 \u0642\u0627\u0628\u0644\u06cc\u062a\u200c\u0647\u0627\u06cc \u067e\u062e\u0634 \u0635\u062f\u0627 \u0648 \u0648\u06cc\u062f\u06cc\u0648\u06cc \u0628\u0644\u0627\u062f\u0631\u0646\u06af \u062f\u0631 \u0628\u0631\u0646\u0627\u0645\u0647\u200c\u0647\u0627\u06cc \u0648\u0628 \u0634\u0645\u0627 \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 WebRTC \u0627\u0633\u062a. <\/p>\n

\u067e\u0633 \u0627\u0632 \u0631\u0627\u0647 \u0627\u0646\u062f\u0627\u0632\u06cc \u067e\u0631\u0648\u0698\u0647\u060c \u0633\u0631\u0648\u0631 \u062a\u0648\u0633\u0639\u0647 \u0631\u0627 \u0627\u062c\u0631\u0627 \u06a9\u0646\u06cc\u062f:<\/p>\n

npm run dev<\/p>\n

\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/p>\n

\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/p>\n

\u067e\u0631\u0648\u0698\u0647 Next.js \u0634\u0645\u0627 \u0627\u06a9\u0646\u0648\u0646 \u0628\u0627\u06cc\u062f \u062f\u0631 \u0627\u062c\u0631\u0627 \u0634\u0648\u062f http:\/\/localhost:3000.<\/p>\n

\u062f\u0631 \u062f\u0627\u06cc\u0631\u06a9\u062a\u0648\u0631\u06cc \u0631\u06cc\u0634\u0647 \u067e\u0631\u0648\u0698\u0647 \u062e\u0648\u062f\u060c a \u0627\u06cc\u062c\u0627\u062f \u06a9\u0646\u06cc\u062f .env \u0645\u0627\u0646\u0646\u062f \u062a\u0635\u0648\u06cc\u0631 \u0632\u06cc\u0631\u060c \u0627\u0639\u062a\u0628\u0627\u0631\u0646\u0627\u0645\u0647 \u06a9\u0644\u06cc\u062f Simli \u0648 OpenAI API \u0631\u0627 \u0641\u0627\u06cc\u0644 \u0648 \u0630\u062e\u06cc\u0631\u0647 \u06a9\u0646\u06cc\u062f.<\/p>\n

NEXT_PUBLIC_SIMLI_API_KEY=”your simli api key”
\nNEXT_PUBLIC_OPENAI_API_KEY=”your openai api key”<\/p>\n

\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/p>\n

\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/p>\n

\u062a\u0639\u0627\u0645\u0644\u0627\u062a \u0648\u06cc\u062f\u06cc\u0648\u06cc\u06cc \u062f\u0631 \u0632\u0645\u0627\u0646 \u0648\u0627\u0642\u0639\u06cc \u0628\u0627 \u0645\u062a\u0642\u0627\u0636\u06cc\u0627\u0646 \u0627\u06cc\u062c\u0627\u062f \u06a9\u0646\u06cc\u062f<\/p>\n

\u062f\u0631 \u067e\u0631\u0648\u0698\u0647 \u062e\u0648\u062f\u060c \u0628\u0647 \u0645\u0633\u06cc\u0631 \u0628\u0631\u0648\u06cc\u062f src\/app \u067e\u0648\u0634\u0647\u060c \u0627\u06cc\u062c\u0627\u062f \u06cc\u06a9 components \u067e\u0648\u0634\u0647\u060c \u0648 \u0627\u06cc\u062c\u0627\u062f \u06a9\u0646\u06cc\u062f Interview.js \u0641\u0627\u06cc\u0644 \u0627\u06cc\u0646 \u0645\u0624\u0644\u0641\u0647 \u0631\u0627\u0628\u0637 \u0645\u0635\u0627\u062d\u0628\u0647 \u062a\u0639\u0627\u0645\u0644\u06cc \u0631\u0627 \u0631\u0627\u0647\u200c\u0627\u0646\u062f\u0627\u0632\u06cc \u0645\u06cc\u200c\u06a9\u0646\u062f \u06a9\u0647 \u062f\u0631 \u0622\u0646 \u06a9\u0627\u0631\u0628\u0631\u0627\u0646 \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u0646\u062f \u0633\u0624\u0627\u0644\u0627\u062a \u0645\u0635\u0627\u062d\u0628\u0647 \u0627\u06cc\u062c\u0627\u062f \u0634\u062f\u0647 \u062a\u0648\u0633\u0637 \u06cc\u06a9 \u0622\u0648\u0627\u062a\u0627\u0631 \u0647\u0648\u0634 \u0645\u0635\u0646\u0648\u0639\u06cc \u0631\u0627 \u0622\u063a\u0627\u0632 \u06a9\u0631\u062f\u0647 \u0648 \u0628\u0647 \u0622\u0646\u0647\u0627 \u067e\u0627\u0633\u062e \u062f\u0647\u0646\u062f.<\/p>\n

\u0627\u0628\u062a\u062f\u0627 \u0628\u0627\u06cc\u062f \u0645\u062a\u063a\u06cc\u0631\u0647\u0627\u06cc \u062d\u0627\u0644\u062a \u0648 \u0645\u0631\u0627\u062c\u0639\u06cc \u0631\u0627 \u06a9\u0647 \u0628\u0647 \u06a9\u0646\u062a\u0631\u0644 \u0648 \u0646\u0638\u0627\u0631\u062a \u0628\u0631 \u062c\u0646\u0628\u0647\u200c\u0647\u0627\u06cc \u0645\u062e\u062a\u0644\u0641 \u0645\u0624\u0644\u0641\u0647 \u06a9\u0645\u06a9 \u0645\u06cc\u200c\u06a9\u0646\u0646\u062f\u060c \u0627\u0639\u0644\u0627\u0645 \u06a9\u0646\u06cc\u062f. \u0628\u0631\u0627\u06cc \u0627\u0646\u062c\u0627\u0645 \u0627\u06cc\u0646 \u06a9\u0627\u0631\u060c \u0642\u0637\u0639\u0647 \u06a9\u062f \u0632\u06cc\u0631 \u0631\u0627 \u062c\u0627\u06cc\u06af\u0630\u0627\u0631\u06cc \u06a9\u0646\u06cc\u062f:<\/p>\n

\/\/ src\/app\/components\/Interview.js
\n\/\/ State management
\n\/\/…
\nconst [isLoading, setIsLoading] = useState(false);
\nconst [isAvatarVisible, setIsAvatarVisible] = useState(false);
\nconst [error, setError] = useState(“”);
\nconst [isRecording, setIsRecording] = useState(false);
\nconst [userMessage, setUserMessage] = useState(“…”);
\n\/\/ Refs for various components and states
\nconst videoRef = useRef(null);
\nconst audioRef = useRef(null);
\nconst openAIClientRef = useRef(null);
\nconst audioContextRef = useRef(null);
\nconst streamRef = useRef(null);
\nconst processorRef = useRef(null);
\n\/\/ New refs for managing audio chunk delay
\nconst audioChunkQueueRef = useRef([]);
\nconst isProcessingChunkRef = useRef(false);
\n\/\/…<\/p>\n

\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/p>\n

\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/p>\n

\u0627\u06cc\u0646 \u0628\u0644\u0648\u06a9 \u06a9\u062f \u0645\u062a\u063a\u06cc\u0631\u0647\u0627\u06cc \u062d\u0627\u0644\u062a \u0645\u062e\u062a\u0644\u0641 \u0631\u0627 \u0628\u0631\u0627\u06cc \u0631\u062f\u06cc\u0627\u0628\u06cc \u0627\u0639\u0644\u0627\u0645 \u0645\u06cc \u06a9\u0646\u062f isLoading\u060c isAvatarVisible\u060c error \u0648 userMessage \u062f\u0648\u0644\u062a\u0647\u0645\u0686\u0646\u06cc\u0646 \u0686\u0646\u062f\u06cc\u0646 ref \u0627\u06cc\u062c\u0627\u062f \u0645\u06cc \u06a9\u0646\u062f. \u0628\u06cc\u0627\u06cc\u06cc\u062f \u0628\u0628\u06cc\u0646\u06cc\u0645 \u06a9\u0647 \u0647\u0631 \u06a9\u062f\u0627\u0645 \u0686\u0647 \u0645\u06cc \u06a9\u0646\u0646\u062f:<\/p>\n

videoRef \u0648 audioRef \u062f\u0633\u062a\u0631\u0633\u06cc \u0645\u0633\u062a\u0642\u06cc\u0645 \u0628\u0647 \u0639\u0646\u0627\u0635\u0631 \u0648\u06cc\u062f\u06cc\u0648\u06cc\u06cc \u0648 \u0635\u0648\u062a\u06cc \u0631\u0627 \u0641\u0631\u0627\u0647\u0645 \u0645\u06cc \u06a9\u0646\u062f. \u0622\u0646\u0647\u0627 \u0628\u0631\u0627\u06cc \u067e\u06cc\u06a9\u0631\u0628\u0646\u062f\u06cc \u0645\u0648\u0631\u062f \u0646\u06cc\u0627\u0632 \u0647\u0633\u062a\u0646\u062f SimliClient.<\/p>\n

audioContextRef \u0648 processorRef \u067e\u0631\u062f\u0627\u0632\u0634 \u0648 \u0631\u0645\u0632\u06af\u0630\u0627\u0631\u06cc \u0635\u062f\u0627 \u0631\u0627 \u0645\u062f\u06cc\u0631\u06cc\u062a \u06a9\u0646\u06cc\u062f\u060c \u06a9\u0647 \u0628\u0631\u0627\u06cc \u0636\u0628\u0637 \u0648 \u0627\u0631\u0633\u0627\u0644 \u062f\u0627\u062f\u0647 \u0647\u0627\u06cc \u0635\u0648\u062a\u06cc \u0628\u0633\u06cc\u0627\u0631 \u0645\u0647\u0645 \u0627\u0633\u062a.<\/p>\n

audioQueueRef \u06cc\u06a9 \u0628\u0627\u0641\u0631 \u0628\u0631\u0627\u06cc \u062a\u06a9\u0647\u200c\u0647\u0627\u06cc \u0635\u0648\u062a\u06cc \u0627\u0633\u062a \u06a9\u0647 \u067e\u062e\u0634 \u06cc\u06a9\u067e\u0627\u0631\u0686\u0647 \u0635\u062f\u0627 \u0631\u0627 \u0628\u0627 \u0642\u0631\u0627\u0631 \u062f\u0627\u062f\u0646 \u0642\u0637\u0639\u0627\u062a \u062f\u0631 \u0635\u0641 \u062a\u0627 \u0632\u0645\u0627\u0646\u06cc \u06a9\u0647 \u0622\u0645\u0627\u062f\u0647 \u0627\u0631\u0633\u0627\u0644 \u0634\u0648\u0646\u062f \u062a\u0636\u0645\u06cc\u0646 \u0645\u06cc\u200c\u06a9\u0646\u062f. \u0631\u0627 SimliClient \u0646\u06cc\u0627\u0632 \u0628\u0647 \u0627\u0631\u0633\u0627\u0644 \u0635\u0648\u062a \u0628\u0647 \u0635\u0648\u0631\u062a \u062a\u06a9\u0647\u200c\u0627\u06cc \u062f\u0631 \u0642\u0627\u0644\u0628 PCM16 \u0628\u0627 \u0646\u0631\u062e \u0646\u0645\u0648\u0646\u0647 16 \u06a9\u06cc\u0644\u0648\u0647\u0631\u062a\u0632 \u062f\u0627\u0631\u062f.<\/p>\n

Simli Client Initialization<\/p>\n

\u062d\u0627\u0644\u060c \u0628\u06cc\u0627\u06cc\u06cc\u062f \u0645\u0634\u062a\u0631\u06cc Simli \u0631\u0627 \u0645\u0642\u062f\u0627\u0631\u062f\u0647\u06cc \u0627\u0648\u0644\u06cc\u0647 \u06a9\u0646\u06cc\u0645. \u0642\u0637\u0639\u0647 \u06a9\u062f \u0632\u06cc\u0631 \u0631\u0627 \u062f\u0631 \u062f\u0627\u062e\u0644 \u0642\u0631\u0627\u0631 \u062f\u0647\u06cc\u062f Interview.js \u0641\u0627\u06cc\u0644:<\/p>\n

\/\/ src\/app\/components\/Interview.js
\n…
\n\/\/ Initializes the Simli client with the provided configuration
\n…
\nconst initializeSimliClient = useCallback(() => {
\n if (videoRef.current && audioRef.current) {
\n const SimliConfig = {
\n apiKey: process.env.NEXT_PUBLIC_SIMLI_API_KEY,
\n faceID: simli_faceid,
\n handleSilence: true,
\n maxSessionLength: 60, \/\/ in seconds
\n maxIdleTime: 60, \/\/ in seconds
\n videoRef: videoRef,
\n audioRef: audioRef,
\n };
\n simliClient.Initialize(SimliConfig);
\n console.log(“Simli Client initialized”);
\n }
\n }, [simli_faceid]);
\n\/\/…<\/p>\n

\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/p>\n

\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/p>\n

\u0627\u06cc\u0646 \u0628\u0644\u0648\u06a9 \u06a9\u062f \u0628\u0627\u0644\u0627 \u06cc\u06a9 \u0646\u0645\u0648\u0646\u0647 \u062c\u062f\u06cc\u062f \u0627\u0632 \u0631\u0627 \u0645\u0642\u062f\u0627\u0631\u062f\u0647\u06cc \u0627\u0648\u0644\u06cc\u0647 \u0648 \u067e\u06cc\u06a9\u0631\u0628\u0646\u062f\u06cc \u0645\u06cc \u06a9\u0646\u062f SimliClient. \u0628\u06cc\u0627\u06cc\u06cc\u062f \u0647\u0631 \u0642\u0633\u0645\u062a \u0627\u0632 \u0622\u0646 \u0631\u0627 \u062a\u062c\u0632\u06cc\u0647 \u06a9\u0646\u06cc\u0645 SimliConfig \u062a\u0627\u0628\u0639:<\/p>\n

apiKey: \u0627\u06cc\u0646 \u06a9\u0644\u06cc\u062f Simli API \u0627\u0633\u062a.<\/p>\n

faceID: \u0646\u0634\u0627\u0646 \u062f\u0647\u0646\u062f\u0647 \u0634\u0646\u0627\u0633\u0647 \u0686\u0647\u0631\u0647 \u0622\u0648\u0627\u062a\u0627\u0631 \u0627\u0633\u062a \u06a9\u0647 \u062f\u0631 \u062c\u0631\u06cc\u0627\u0646 \u0648\u06cc\u062f\u06cc\u0648 \u0627\u0631\u0627\u0626\u0647 \u0645\u06cc \u0634\u0648\u062f. <\/p>\n

handleSilence: \u0627\u06cc\u0646 \u0628\u0648\u0644\u06cc \u0646\u0634\u0627\u0646 \u0645\u06cc\u200c\u062f\u0647\u062f \u06a9\u0647 \u0622\u06cc\u0627 \u0645\u0634\u062a\u0631\u06cc \u0628\u0627\u06cc\u062f \u0644\u062d\u0638\u0627\u062a \u0628\u06cc\u200c\u0635\u062f\u0627 \u0631\u0627 \u062f\u0631 \u062c\u0631\u06cc\u0627\u0646 \u0635\u0648\u062a\u06cc \u0645\u062f\u06cc\u0631\u06cc\u062a \u06a9\u0646\u062f (\u0628\u0647 \u0639\u0646\u0648\u0627\u0646 \u0645\u062b\u0627\u0644\u060c \u062f\u0631 \u0635\u0648\u0631\u062a \u0639\u062f\u0645 \u0634\u0646\u0627\u0633\u0627\u06cc\u06cc \u0635\u062f\u0627\u060c \u0648\u06cc\u062f\u06cc\u0648 \u0631\u0627 \u0642\u0637\u0639 \u06cc\u0627 \u0645\u062a\u0648\u0642\u0641 \u0645\u06cc\u200c\u06a9\u0646\u062f).<\/p>\n

maxSessionLength: \u062d\u062f\u0627\u06a9\u062b\u0631 \u0637\u0648\u0644 \u062c\u0644\u0633\u0647 (\u0628\u0631 \u062d\u0633\u0628 \u062b\u0627\u0646\u06cc\u0647) \u0631\u0627 \u062a\u0646\u0638\u06cc\u0645 \u0645\u06cc \u06a9\u0646\u062f.<\/p>\n

maxIdleTime: \u062d\u062f\u0627\u06a9\u062b\u0631 \u0632\u0645\u0627\u0646 \u0628\u06cc\u06a9\u0627\u0631\u06cc (\u0628\u0631 \u062d\u0633\u0628 \u062b\u0627\u0646\u06cc\u0647) \u0631\u0627 \u062a\u0646\u0638\u06cc\u0645 \u0645\u06cc \u06a9\u0646\u062f. \u062c\u0644\u0633\u0647 \u0628\u0639\u062f \u0627\u0632 600 \u062b\u0627\u0646\u06cc\u0647 (10 \u062f\u0642\u06cc\u0642\u0647) \u0628\u062f\u0648\u0646 \u0641\u0639\u0627\u0644\u06cc\u062a \u0642\u0637\u0639 \u0645\u06cc \u0634\u0648\u062f.<\/p>\n

videoRef and audioRef: \u0627\u06cc\u0646\u0647\u0627 \u0627\u0631\u062c\u0627\u0639\u0627\u062a\u06cc \u0628\u0647 \u0639\u0646\u0627\u0635\u0631 \u0648\u06cc\u062f\u06cc\u0648\u06cc\u06cc \u0648 \u0635\u0648\u062a\u06cc \u0647\u0633\u062a\u0646\u062f \u06a9\u0647 \u062f\u0631 \u0622\u0646 \u062c\u0631\u06cc\u0627\u0646 \u0647\u0627\u06cc \u0631\u0633\u0627\u0646\u0647 \u062f\u0631 \u0645\u0631\u0648\u0631\u06af\u0631 \u0646\u0645\u0627\u06cc\u0634 \u062f\u0627\u062f\u0647 \u0645\u06cc \u0634\u0648\u0646\u062f. <\/p>\n

OpenAI Client Initialization<\/p>\n

\u06af\u0627\u0645 \u0628\u0639\u062f\u06cc\u060c \u0631\u0627\u0647 \u0627\u0646\u062f\u0627\u0632\u06cc \u0627\u0648\u0644\u06cc\u0647 \u06a9\u0644\u0627\u06cc\u0646\u062a OpenAI \u0627\u0633\u062a. \u0628\u0631\u0627\u06cc \u0627\u0646\u062c\u0627\u0645 \u0627\u06cc\u0646 \u06a9\u0627\u0631\u060c \u06a9\u062f \u0632\u06cc\u0631 \u0631\u0627 \u062f\u0631 \u062f\u0627\u062e\u0644 \u0622\u0646 \u0642\u0631\u0627\u0631 \u062f\u0647\u06cc\u062f Interview.js \u0641\u0627\u06cc\u0644:<\/p>\n

\/\/ src\/app\/components\/Interview.js
\n…
\n\/\/ Initializes the OpenAI client, sets up event listeners, and connects to the API
\n…
\nconst initializeOpenAIClient = useCallback(async () => {
\n try {
\n console.log(“Initializing OpenAI client…”);
\n openAIClientRef.current = new RealtimeClient({
\n apiKey: process.env.NEXT_PUBLIC_OPENAI_API_KEY,
\n dangerouslyAllowAPIKeyInBrowser: true,
\n });
\n await openAIClientRef.current.updateSession({
\n instructions: initialPrompt,
\n voice: openai_voice,
\n turn_detection: { type: “server_vad” },
\n input_audio_transcription: { model: “whisper-1” },
\n });
\n \/\/ Set up event listeners
\n openAIClientRef.current.on(
\n “conversation.updated”,
\n handleConversationUpdate
\n );
\n openAIClientRef.current.on(“conversation.interrupted”, () => {
\n interruptConversation();
\n });
\n openAIClientRef.current.on(
\n “input_audio_buffer.speech_stopped”,
\n handleSpeechStopped
\n );
\n \/\/ openAIClientRef.current.on(‘response.canceled’, handleResponseCanceled);
\n await openAIClientRef.current.connect();
\n console.log(“OpenAI Client connected successfully”);
\n setIsAvatarVisible(true);
\n } catch (error) {
\n console.error(“Error initializing OpenAI client:”, error);
\n setError(`Failed to initialize OpenAI client: ${error.message}`);
\n }
\n}, [initialPrompt]);
\n\/\/…<\/p>\n

\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/p>\n

\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/p>\n

\u062a\u0627\u0628\u0639 initializeOpenAIClient \u06a9\u0644\u0627\u06cc\u0646\u062a OpenAI \u0631\u0627 \u0631\u0627\u0647 \u0627\u0646\u062f\u0627\u0632\u06cc \u0645\u06cc \u06a9\u0646\u062f\u060c \u06a9\u0647 \u0645\u06a9\u0627\u0644\u0645\u0627\u062a \u0628\u0644\u0627\u062f\u0631\u0646\u06af \u0628\u0627 \u0645\u062a\u0642\u0627\u0636\u06cc \u0631\u0627 \u0645\u062f\u06cc\u0631\u06cc\u062a \u0645\u06cc \u06a9\u0646\u062f. \u06a9\u0644\u0627\u06cc\u0646\u062a \u0628\u0627 \u06cc\u06a9 \u06a9\u0644\u06cc\u062f API \u0648 \u06cc\u06a9 \u067e\u06cc\u0627\u0645 \u0627\u0648\u0644\u06cc\u0647 \u062a\u0646\u0638\u06cc\u0645 \u0645\u06cc \u0634\u0648\u062f \u06a9\u0647 \u06a9\u0627\u0631\u0628\u0631 \u0631\u0627 \u0628\u0647 \u0645\u0635\u0627\u062d\u0628\u0647 \u062e\u0648\u0634 \u0622\u0645\u062f \u0645\u06cc \u06af\u0648\u06cc\u062f. \u067e\u0633 \u0627\u0632 \u0622\u0646\u060c \u0634\u0646\u0648\u0646\u062f\u06af\u0627\u0646 \u0631\u0648\u06cc\u062f\u0627\u062f \u0627\u0636\u0627\u0641\u0647 \u0645\u06cc \u0634\u0648\u0646\u062f \u062a\u0627 \u0627\u0634\u062a\u0628\u0627\u0647\u0627\u062a \u0648 \u0628\u0647 \u0631\u0648\u0632 \u0631\u0633\u0627\u0646\u06cc \u0647\u0627 \u0631\u0627 \u062f\u0631 \u0645\u06a9\u0627\u0644\u0645\u0647 \u0645\u062f\u06cc\u0631\u06cc\u062a \u06a9\u0646\u0646\u062f. \u0647\u0646\u06af\u0627\u0645\u06cc \u06a9\u0647 \u0645\u0634\u062a\u0631\u06cc \u067e\u06cc\u06a9\u0631\u0628\u0646\u062f\u06cc \u0634\u062f\u060c isAvatarVisible \u0631\u0648\u06cc true \u062a\u0646\u0638\u06cc\u0645 \u0634\u062f\u0647 \u0627\u0633\u062a \u06a9\u0647 \u0628\u0627\u0639\u062b \u0645\u06cc \u0634\u0648\u062f \u0622\u0648\u0627\u062a\u0627\u0631 \u062f\u0631 \u0631\u0627\u0628\u0637 \u06a9\u0627\u0631\u0628\u0631\u06cc \u0638\u0627\u0647\u0631 \u0634\u0648\u062f.<\/p>\n

\u062a\u0648\u062c\u0647: \u062a\u0646\u0638\u06cc\u0645 dangerouslyAllowAPIKeyInBrowser \u0628\u0647 true \u0628\u0647 \u0637\u0648\u0631 \u06a9\u0644\u06cc \u0628\u0631\u0627\u06cc \u062a\u0648\u0633\u0639\u0647 \u06cc\u0627 \u0646\u0645\u0648\u0646\u0647 \u0633\u0627\u0632\u06cc \u0627\u0633\u062a\u060c \u0632\u06cc\u0631\u0627 \u06a9\u0644\u06cc\u062f OpenAI API \u0634\u0645\u0627 \u0645\u0645\u06a9\u0646 \u0627\u0633\u062a \u062f\u0631 \u0645\u0639\u0631\u0636 \u0633\u0645\u062a \u06a9\u0644\u0627\u06cc\u0646\u062a \u0642\u0631\u0627\u0631 \u06af\u06cc\u0631\u062f \u06a9\u0647 \u0622\u0633\u06cc\u0628 \u067e\u0630\u06cc\u0631 \u0627\u0633\u062a. \u062f\u0631 \u06cc\u06a9 \u0645\u062d\u06cc\u0637 \u062a\u0648\u0644\u06cc\u062f\u060c \u0628\u0627 \u0627\u06cc\u062c\u0627\u062f \u06cc\u06a9 \u0645\u0633\u06cc\u0631 \u0627\u0645\u0646 Next.js API\u060c \u06a9\u0647 \u06a9\u0644\u06cc\u062f \u0634\u0645\u0627 \u0631\u0627 \u0645\u062e\u0641\u06cc \u0646\u06af\u0647 \u0645\u06cc\u200c\u062f\u0627\u0631\u062f\u060c \u062a\u0645\u0627\u0633\u200c\u0647\u0627\u06cc API \u062f\u0631 \u0633\u0645\u062a \u0633\u0631\u0648\u0631 \u0628\u0647\u062a\u0631 \u0627\u0646\u062c\u0627\u0645 \u0645\u06cc\u200c\u0634\u0648\u062f.<\/p>\n

\u067e\u0631\u062f\u0627\u0632\u0634 \u0648 \u0627\u0631\u0633\u0627\u0644 \u0635\u062f\u0627<\/p>\n

\u0628\u0627\u06cc\u062f \u0639\u0645\u0644\u06a9\u0631\u062f\u06cc \u0627\u06cc\u062c\u0627\u062f \u06a9\u0646\u06cc\u062f \u062a\u0627 \u0635\u062f\u0627 \u0631\u0627 \u0628\u0647 16 \u06a9\u06cc\u0644\u0648\u0647\u0631\u062a\u0632 \u06a9\u0627\u0647\u0634 \u062f\u0647\u06cc\u062f \u0648 \u0622\u0646 \u0631\u0627 \u0628\u0647 \u0642\u0637\u0639\u0627\u062a \u06a9\u0648\u0686\u06a9\u062a\u0631 PCM \u062a\u0642\u0633\u06cc\u0645 \u06a9\u0646\u06cc\u062f. \u0628\u0631\u0627\u06cc \u0627\u06cc\u0646 \u06a9\u0627\u0631 \u06a9\u062f \u0632\u06cc\u0631 \u0631\u0627 \u062f\u0627\u062e\u0644 \u0622\u0646 \u0642\u0631\u0627\u0631 \u062f\u0647\u06cc\u062f Interview.js \u0641\u0627\u06cc\u0644:<\/p>\n

\/\/ src\/app\/components\/Interview.js
\n…
\n\/\/ Downsamples audio data from one sample rate to another
\n…
\nconst downsampleAudio = (
\n audioData,
\n inputSampleRate,
\n outputSampleRate
\n) => {
\n if (inputSampleRate === outputSampleRate) {
\n return audioData;
\n }
\n const ratio = inputSampleRate \/ outputSampleRate;
\n const newLength = Math.round(audioData.length \/ ratio);
\n const result = new Int16Array(newLength);
\n for (let i = 0; i < newLength; i++) {
\n const index = Math.round(i * ratio);
\n result[i] = audioData[index];
\n }
\n return result;
\n };
\n \/\/…<\/p>\n

\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/p>\n

\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/p>\n

\u0627\u0631\u0633\u0627\u0644 \u062f\u0627\u062f\u0647 \u0647\u0627\u06cc \u0635\u0648\u062a\u06cc \u0628\u0647 Simli<\/p>\n

\u0628\u0631\u0627\u06cc \u0627\u0631\u0633\u0627\u0644 \u062f\u0627\u062f\u0647 \u0647\u0627\u06cc \u0635\u0648\u062a\u06cc \u0628\u0647 SimliClient \u0628\u0631\u0627\u06cc \u067e\u062e\u0634\u060c \u06cc\u06a9 \u062a\u0627\u0628\u0639 \u0627\u06cc\u062c\u0627\u062f \u062e\u0648\u0627\u0647\u06cc\u062f \u06a9\u0631\u062f. \u0628\u0631\u0627\u06cc \u0627\u0646\u062c\u0627\u0645 \u0627\u06cc\u0646 \u06a9\u0627\u0631\u060c \u0642\u0637\u0639\u0647 \u06a9\u062f \u0632\u06cc\u0631 \u0631\u0627 \u062c\u0627\u06cc\u06af\u0630\u0627\u0631\u06cc \u06a9\u0646\u06cc\u062f:<\/p>\n

\/\/ src\/app\/components\/Interview.js
\n…
\n\/\/ Processes the next audio chunk in the queue.
\n…<\/p>\n

const processNextAudioChunk = useCallback(() => {
\n if (
\n audioChunkQueueRef.current.length > 0 &&
\n !isProcessingChunkRef.current
\n ) {
\n isProcessingChunkRef.current = true;
\n const audioChunk = audioChunkQueueRef.current.shift();
\n if (audioChunk) {
\n const chunkDurationMs = (audioChunk.length \/ 16000) * 1000; \/\/ Calculate chunk duration in milliseconds
\n \/\/ Send audio chunks to Simli immediately
\n simliClient?.sendAudioData(audioChunk);
\n console.log(
\n “Sent audio chunk to Simli:”,
\n chunkDurationMs,
\n “Duration:”,
\n chunkDurationMs.toFixed(2),
\n “ms”
\n );
\n isProcessingChunkRef.current = false;
\n processNextAudioChunk();
\n }
\n }
\n }, []);
\n\/\/…<\/p>\n

\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/p>\n

\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/p>\n

\u0631\u0627 processNextAudioChunk \u0639\u0645\u0644\u06a9\u0631\u062f \u0628\u0631\u0631\u0633\u06cc \u0645\u06cc \u06a9\u0646\u062f \u06a9\u0647 \u0622\u06cc\u0627 \u062a\u06a9\u0647 \u0647\u0627\u06cc\u06cc \u062f\u0631 \u0622\u0646 \u0648\u062c\u0648\u062f \u062f\u0627\u0631\u062f \u06cc\u0627 \u062e\u06cc\u0631 audioQueueRef. \u0627\u06af\u0631 \u0686\u0646\u06cc\u0646 \u0627\u0633\u062a\u060c \u0642\u0637\u0639\u0647 \u0628\u0639\u062f\u06cc \u0631\u0627 \u0645\u06cc \u06af\u06cc\u0631\u062f\u060c \u0622\u0646 \u0631\u0627 \u0628\u0631\u0627\u06cc \u067e\u062e\u0634 \u0628\u0647 Simli \u0645\u06cc \u0641\u0631\u0633\u062a\u062f \u0648 \u0622\u0646 \u0631\u0627 \u0627\u0632 \u0635\u0641 \u062d\u0630\u0641 \u0645\u06cc \u06a9\u0646\u062f. \u0627\u06cc\u0646 \u062a\u0636\u0645\u06cc\u0646 \u0645\u06cc\u200c\u06a9\u0646\u062f \u06a9\u0647 \u062a\u0646\u0647\u0627 \u06cc\u06a9 \u0642\u0637\u0639\u0647 \u062f\u0631 \u06cc\u06a9 \u0632\u0645\u0627\u0646 \u0627\u0631\u0633\u0627\u0644 \u0645\u06cc\u200c\u0634\u0648\u062f \u0648 \u062a\u062c\u0631\u0628\u0647 \u067e\u062e\u0634 \u0631\u0648\u0627\u0646\u06cc \u0631\u0627 \u0628\u062f\u0648\u0646 \u0647\u0645\u067e\u0648\u0634\u0627\u0646\u06cc \u0635\u062f\u0627 \u0628\u0631\u0627\u06cc \u06a9\u0627\u0631\u0628\u0631 \u0641\u0631\u0627\u0647\u0645 \u0645\u06cc\u200c\u06a9\u0646\u062f. \u0633\u067e\u0633 \u0628\u0647 \u0635\u0648\u0631\u062a \u0628\u0627\u0632\u06af\u0634\u062a\u06cc \u062a\u0627\u0628\u0639 \u0631\u0627 \u0641\u0631\u0627\u062e\u0648\u0627\u0646\u06cc \u06a9\u0646\u06cc\u062f \u062a\u0627 \u0642\u0637\u0639\u0647 \u0628\u0639\u062f\u06cc \u062f\u0631 \u0635\u0641 \u067e\u0631\u062f\u0627\u0632\u0634 \u0634\u0648\u062f.<\/p>\n

\u067e\u0627\u0633\u062e \u0647\u0627\u06cc OpenAI \u0631\u0627 \u0645\u062f\u06cc\u0631\u06cc\u062a \u06a9\u0646\u06cc\u062f<\/p>\n

\u062f\u0631 \u0645\u0631\u062d\u0644\u0647 \u0628\u0639\u062f\u060c \u06cc\u06a9 \u062a\u0627\u0628\u0639 \u0628\u0631\u0627\u06cc \u0645\u062f\u06cc\u0631\u06cc\u062a \u067e\u0627\u0633\u062e \u0647\u0627 \u0627\u0632 OpenAI API \u0627\u06cc\u062c\u0627\u062f \u0645\u06cc \u0634\u0648\u062f.<\/p>\n

\/\/ src\/app\/components\/Interview.js
\n…
\n\/\/ Handles conversation updates, including user and assistant messages
\n…
\nconst handleConversationUpdate = useCallback((event) => {
\n console.log(“Conversation updated:”, event);
\n const { item, delta } = event;
\n if (item.type === “message” && item.role === “assistant”) {
\n console.log(“Assistant message detected”);
\n if (delta && delta.audio) {
\n const downsampledAudio = downsampleAudio(delta.audio, 24000, 16000);
\n audioChunkQueueRef.current.push(downsampledAudio);
\n if (!isProcessingChunkRef.current) {
\n processNextAudioChunk();
\n }
\n }
\n } else if (item.type === “message” && item.role === “user”) {
\n setUserMessage(item.content[0].transcript);
\n }
\n }, []);
\n\/\/Handles interruptions in the conversation flow.
\nconst interruptConversation = () => {
\n console.warn(“User interrupted the conversation”);
\n simliClient?.ClearBuffer();
\n openAIClientRef.current?.cancelResponse(“”);
\n};
\n\/\/…<\/p>\n

\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/p>\n

\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/p>\n

\u06a9\u062f \u0628\u0627\u0644\u0627 \u062f\u0648 \u062a\u0627\u0628\u0639 \u0631\u0627 \u062a\u0639\u0631\u06cc\u0641 \u0645\u06cc \u06a9\u0646\u062f: handleConversationUpdate \u0648 interruptConversation. \u0631\u0627 handleConversationUpdate \u062a\u0627\u0628\u0639 \u0627\u0628\u062a\u062f\u0627 \u0628\u0631\u0631\u0633\u06cc \u0645\u06cc \u06a9\u0646\u062f \u06a9\u0647 \u0622\u06cc\u0627 \u067e\u06cc\u0627\u0645 \u0627\u0632 \u062f\u0633\u062a\u06cc\u0627\u0631 \u0627\u0633\u062a \u06cc\u0627 \u062e\u06cc\u0631. \u0633\u067e\u0633\u060c \u0628\u0631\u0631\u0633\u06cc \u0645\u06cc\u200c\u06a9\u0646\u062f \u06a9\u0647 \u0622\u06cc\u0627 \u067e\u06cc\u0627\u0645 \u062f\u0633\u062a\u06cc\u0627\u0631 \u0634\u0627\u0645\u0644 \u062f\u0627\u062f\u0647\u200c\u0647\u0627\u06cc \u0635\u0648\u062a\u06cc \u0627\u0633\u062a \u06cc\u0627 \u062e\u06cc\u0631. \u0627\u06af\u0631 \u062f\u0631\u0633\u062a \u0628\u0627\u0634\u062f\u060c \u0627\u0632 \u0622\u0646 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc \u06a9\u0646\u062f downsampleAudio \u0642\u0627\u0628\u0644\u06cc\u062a \u062a\u0628\u062f\u06cc\u0644 \u0635\u062f\u0627 \u0628\u0647 \u0646\u0631\u062e \u0646\u0645\u0648\u0646\u0647 \u067e\u0627\u06cc\u06cc\u0646 \u062a\u0631 (24000 \u0647\u0631\u062a\u0632 \u062a\u0627 16000 \u0647\u0631\u062a\u0632).<\/p>\n

\u0627\u06cc\u0646 \u0635\u062f\u0627\u06cc \u0646\u0645\u0648\u0646\u0647 \u0628\u0631\u062f\u0627\u0631\u06cc \u0634\u062f\u0647 \u0628\u0647 \u0622\u0646 \u0627\u0636\u0627\u0641\u0647 \u0634\u062f\u0647 \u0627\u0633\u062a audioChunkQueueRef.current\u060c \u0645\u0631\u062c\u0639\u06cc \u0628\u0631\u0627\u06cc \u0630\u062e\u06cc\u0631\u0647 \u062a\u06a9\u0647 \u0647\u0627\u06cc \u0635\u0648\u062a\u06cc. \u0627\u06af\u0631 \u0647\u06cc\u0686 \u062a\u06a9\u0647 \u0627\u06cc \u062f\u0631 \u062d\u0627\u0644 \u067e\u0631\u062f\u0627\u0632\u0634 \u0646\u0628\u0627\u0634\u062f\u060c processNextAudioChunk() \u062a\u0627\u0628\u0639 (\u06a9\u0647 \u0642\u0628\u0644\u0627\u064b \u0627\u0639\u0644\u0627\u0645 \u06a9\u0631\u062f\u06cc\u0645) \u0628\u0631\u0627\u06cc \u0634\u0631\u0648\u0639 \u067e\u0631\u062f\u0627\u0632\u0634 \u0642\u0637\u0639\u0627\u062a \u0635\u0648\u062a\u06cc \u0641\u0631\u0627\u062e\u0648\u0627\u0646\u06cc \u0645\u06cc \u0634\u0648\u062f.<\/p>\n

\u0631\u0627 interruptConversation \u0639\u0645\u0644\u06a9\u0631\u062f \u0648\u0642\u0641\u0647 \u0645\u06a9\u0627\u0644\u0645\u0647 \u0631\u0627 \u0645\u062f\u06cc\u0631\u06cc\u062a \u0645\u06cc \u06a9\u0646\u062f. \u0627\u06af\u0631 \u06a9\u0627\u0631\u0628\u0631 \u0645\u0635\u0627\u062d\u0628\u0647 \u06a9\u0646\u0646\u062f\u0647 \u0631\u0627 \u0642\u0637\u0639 \u06a9\u0646\u062f\u060c \u0627\u06cc\u0646 \u062a\u0627\u0628\u0639 \u0628\u0627\u0641\u0631 SimliClient \u0631\u0627 \u067e\u0627\u06a9 \u0645\u06cc \u06a9\u0646\u062f \u0648 \u067e\u0627\u0633\u062e \u0645\u062f\u0627\u0648\u0645 \u0627\u0632 OpenAI API \u0631\u0627 \u0644\u063a\u0648 \u0645\u06cc \u06a9\u0646\u062f. <\/p>\n

\u0636\u0628\u0637 \u0635\u062f\u0627<\/p>\n

\u062f\u0631 \u0645\u0631\u062d\u0644\u0647 \u0628\u0639\u062f\u060c \u0628\u06cc\u0627\u06cc\u06cc\u062f \u062a\u0648\u0627\u0628\u0639\u06cc \u0631\u0627 \u0627\u06cc\u062c\u0627\u062f \u06a9\u0646\u06cc\u0645 \u062a\u0627 \u0632\u0645\u0627\u0646\u06cc \u06a9\u0647 \u0646\u0627\u0645\u0632\u062f \u0627\u062d\u062a\u0645\u0627\u0644\u06cc \u062f\u0631 \u062d\u0627\u0644 \u0635\u062d\u0628\u062a \u06a9\u0631\u062f\u0646 \u0627\u0633\u062a\u060c \u0636\u0628\u0637 \u0635\u062f\u0627 \u0631\u0627 \u06a9\u0646\u062a\u0631\u0644 \u06a9\u0646\u062f. \u06a9\u062f \u0632\u06cc\u0631 \u0631\u0627 \u0642\u0631\u0627\u0631 \u062f\u0647\u06cc\u062f:<\/p>\n

\/\/ src\/app\/components\/Interview.js
\n…
\n\/\/ Starts audio recording from the user’s microphone
\n…<\/p>\n

const startRecording = useCallback(async () => {
\n if (!audioContextRef.current) {
\n audioContextRef.current = new AudioContext({ sampleRate: 24000 });
\n }
\n try {
\n console.log(“Starting audio recording…”);
\n streamRef.current = await navigator.mediaDevices.getUserMedia({
\n audio: true,
\n });
\n const source = audioContextRef.current.createMediaStreamSource(
\n streamRef.current
\n );
\n processorRef.current = audioContextRef.current.createScriptProcessor(
\n 2048,
\n 1,
\n 1
\n );
\n processorRef.current.onaudioprocess = (e) => {
\n const inputData = e.inputBuffer.getChannelData(0);
\n const audioData = new Int16Array(inputData.length);
\n let sum = 0;
\n for (let i = 0; i < inputData.length; i++) {
\n const sample = Math.max(-1, Math.min(1, inputData[i]));
\n audioData[i] = Math.floor(sample * 32767);
\n sum += Math.abs(sample);
\n }
\n openAIClientRef.current?.appendInputAudio(audioData);
\n };
\n source.connect(processorRef.current);
\n processorRef.current.connect(audioContextRef.current.destination);
\n setIsRecording(true);
\n console.log(“Audio recording started”);
\n } catch (err) {
\n console.error(“Error accessing microphone:”, err);
\n setError(“Error accessing microphone. Please check your permissions.”);
\n }
\n }, []);<\/p>\n

\/\/ Stops audio recording from the user’s microphone<\/p>\n

const stopRecording = () => { const stopRecording = useCallback(() => {
\n if (processorRef.current) {
\n processorRef.current.disconnect();
\n processorRef.current = null;
\n }
\n if (streamRef.current) {
\n streamRef.current.getTracks().forEach((track) => track.stop());
\n streamRef.current = null;
\n }
\n setIsRecording(false);
\n console.log(“Audio recording stopped”);
\n }, []);
\n\/\/…<\/p>\n

\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/p>\n

\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/p>\n

\u062f\u0631 \u0627\u06cc\u0646\u062c\u0627 \u0686\u06cc\u0632\u06cc \u0627\u0633\u062a \u06a9\u0647 \u0647\u0631 \u062a\u0627\u0628\u0639 \u0627\u0646\u062c\u0627\u0645 \u0645\u06cc \u062f\u0647\u062f:<\/p>\n

startRecording:<\/p>\n

\u062f\u0631\u062e\u0648\u0627\u0633\u062a \u062f\u0633\u062a\u0631\u0633\u06cc \u0628\u0647 \u0645\u06cc\u06a9\u0631\u0648\u0641\u0648\u0646\u060c \u0627\u06cc\u062c\u0627\u062f \u06cc\u06a9 \u0632\u0645\u06cc\u0646\u0647 \u0635\u0648\u062a\u06cc \u0648 \u067e\u062e\u0634 \u062c\u0631\u06cc\u0627\u0646\u06cc \u062f\u0627\u062f\u0647 \u0647\u0627\u06cc \u0635\u0648\u062a\u06cc.
\n\u062f\u0627\u062f\u0647 \u0647\u0627\u06cc \u0635\u0648\u062a\u06cc \u0636\u0628\u0637 \u0645\u06cc \u0634\u0648\u062f\u060c \u0628\u0631\u0627\u06cc \u0633\u0627\u0632\u06af\u0627\u0631\u06cc \u0628\u0647 \u0641\u0631\u0645\u062a PCM \u062a\u0628\u062f\u06cc\u0644 \u0645\u06cc \u0634\u0648\u062f \u0648 \u0628\u0631\u0627\u06cc \u067e\u0631\u062f\u0627\u0632\u0634 \u0628\u0647 \u0645\u0634\u062a\u0631\u06cc OpenAI \u0627\u0631\u0633\u0627\u0644 \u0645\u06cc \u0634\u0648\u062f.<\/p>\n

stopRecording: \u0632\u0645\u06cc\u0646\u0647 \u0635\u0648\u062a\u06cc \u0631\u0627 \u0645\u06cc \u0628\u0646\u062f\u062f \u0648 \u067e\u0631\u062f\u0627\u0632\u0646\u062f\u0647 \u0631\u0627 \u0642\u0637\u0639 \u0645\u06cc \u06a9\u0646\u062f.<\/p>\n

\u0634\u0631\u0648\u0639 \u0648 \u062a\u0648\u0642\u0641 \u062a\u0639\u0627\u0645\u0644<\/p>\n

\/\/ src\/app\/components\/Interview.js
\n…
\n\/\/ Handles starting the interaction
\n…
\nconst handleStart = useCallback(async () => {
\n setIsLoading(true);
\n setError(“”);
\n try {
\n await simliClient?.start();
\n await initializeOpenAIClient();
\n } catch (error) {
\n console.error(“Error starting interaction:”, error);
\n setError(`Error starting interaction: ${error.message}`);
\n } finally {
\n setIsAvatarVisible(true);
\n setIsLoading(false);
\n }
\n }, [initializeOpenAIClient]);<\/p>\n

\/\/ Handles stopping the interaction, cleaning up resources and resetting states.<\/p>\n

const handleStop = useCallback(() => {
\n console.log(“Stopping interaction…”);
\n setIsLoading(false);
\n setError(“”);
\n stopRecording();
\n setIsAvatarVisible(false);
\n simliClient?.close();
\n openAIClientRef.current?.disconnect();
\n if (audioContextRef.current) {
\n audioContextRef.current.close();
\n }
\n stopRecording();
\n onClose();
\n console.log(“Interaction stopped”);
\n }, [stopRecording]);<\/p>\n

\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/p>\n

\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/p>\n

\u062f\u0631 \u06a9\u062f \u0628\u0627\u0644\u0627\u060c handleStart \u062a\u0627\u0628\u0639 \u0628\u0627 \u0631\u0627\u0647\u200c\u0627\u0646\u062f\u0627\u0632\u06cc \u06a9\u0644\u0627\u06cc\u0646\u062a\u200c\u0647\u0627\u06cc \u0644\u0627\u0632\u0645 \u0648 \u0622\u0645\u0627\u062f\u0647\u200c\u0633\u0627\u0632\u06cc \u0631\u0627\u0628\u0637 \u0628\u0631\u0627\u06cc \u0636\u0628\u0637\u060c \u062a\u0639\u0627\u0645\u0644 \u0631\u0627 \u0631\u0627\u0647\u200c\u0627\u0646\u062f\u0627\u0632\u06cc \u0645\u06cc\u200c\u06a9\u0646\u062f. \u0628\u0627 \u062a\u0645\u0627\u0633 \u0628\u0627 simliClient?.start() \u0631\u0648\u0634\u060c SimliClient \u06cc\u06a9 \u062f\u0633\u062a \u062f\u0627\u062f\u0646 WebRTC \u0631\u0627 \u0628\u0631\u0627\u06cc \u0645\u0630\u0627\u06a9\u0631\u0647 \u062f\u0631 \u0645\u0648\u0631\u062f \u0627\u0631\u062a\u0628\u0627\u0637 \u0628\u06cc\u0646 \u0645\u0634\u062a\u0631\u06cc \u0648 \u0633\u0631\u0648\u0631 Simli \u0622\u063a\u0627\u0632 \u0645\u06cc \u06a9\u0646\u062f.<\/p>\n

\u0631\u0627 handleStop \u062a\u0627\u0628\u0639 \u0628\u0627 \u0641\u0631\u0627\u062e\u0648\u0627\u0646\u06cc \u0627\u06cc\u0646 \u062a\u0639\u0627\u0645\u0644 \u0631\u0627 \u0645\u062a\u0648\u0642\u0641 \u0645\u06cc \u06a9\u0646\u062f simliClient?.close() \u0631\u0648\u0634\u060c \u067e\u0627\u06a9\u0633\u0627\u0632\u06cc \u0645\u0646\u0627\u0628\u0639 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0634\u062f\u0647\u060c \u0645\u0627\u0646\u0646\u062f \u0627\u062a\u0635\u0627\u0644\u0627\u062a \u06a9\u0644\u0627\u06cc\u0646\u062a\u060c \u0648 \u0628\u0647 \u0631\u0648\u0632 \u0631\u0633\u0627\u0646\u06cc \u062d\u0627\u0644\u062a \u0647\u0627\u06cc \u0628\u0627\u0631\u06af\u0630\u0627\u0631\u06cc \u0648 \u0645\u0634\u0627\u0647\u062f\u0647 \u0622\u0648\u0627\u062a\u0627\u0631.<\/p>\n

\u0646\u0635\u0628 \u0648 \u067e\u0627\u06a9\u0633\u0627\u0632\u06cc \u06a9\u0627\u0645\u067e\u0648\u0646\u0646\u062a<\/p>\n

\u062f\u0631 \u0646\u0647\u0627\u06cc\u062a\u060c \u0628\u0631\u0627\u06cc \u0627\u06cc\u0646 \u0645\u0624\u0644\u0641\u0647\u060c \u0628\u0627\u06cc\u062f \u0645\u0642\u062f\u0627\u0631 \u0631\u0627 \u0645\u0642\u062f\u0627\u0631\u062f\u0647\u06cc \u0627\u0648\u0644\u06cc\u0647 \u06a9\u0646\u06cc\u0645 simliClient \u0647\u0646\u06af\u0627\u0645\u06cc \u06a9\u0647 \u062c\u0632\u0621 \u0633\u0648\u0627\u0631 \u0645\u06cc \u0634\u0648\u062f. \u06a9\u062f \u0632\u06cc\u0631 \u0631\u0627 \u0642\u0631\u0627\u0631 \u062f\u0647\u06cc\u062f:<\/p>\n

\/\/ src\/app\/components\/Interview.js
\n…
\n\/\/ Effect to initialize Simli client once the component mounts and clean up resources on unmount
\n… <\/p>\n

useEffect(() => {
\n initializeSimliClient();
\n if (simliClient) {
\n simliClient?.on(“connected”, () => {
\n console.log(“SimliClient connected”);
\n const audioData = new Uint8Array(6000).fill(0);
\n simliClient?.sendAudioData(audioData);
\n console.log(“Sent initial audio data”);
\n startRecording();
\n });
\n simliClient?.on(“disconnected”, () => {
\n console.log(“SimliClient disconnected”);
\n });
\n }
\n return () => {
\n try {
\n simliClient?.close();
\n openAIClientRef.current?.disconnect();
\n if (audioContextRef.current) {
\n audioContextRef.current.close();
\n }
\n } catch {}
\n };
\n}, [initializeSimliClient]);<\/p>\n

\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/p>\n

\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/p>\n

\u0627\u06cc\u0646 useEffect \u0642\u0644\u0627\u0628 \u0631\u0627 \u0645\u0642\u062f\u0627\u0631\u062f\u0647\u06cc \u0627\u0648\u0644\u06cc\u0647 \u0645\u06cc \u06a9\u0646\u062f simliClient \u0647\u0646\u06af\u0627\u0645\u06cc \u06a9\u0647 \u06a9\u0627\u0645\u067e\u0648\u0646\u0646\u062a \u0646\u0635\u0628 \u0645\u06cc \u0634\u0648\u062f\u060c \u0634\u0646\u0648\u0646\u062f\u06af\u0627\u0646 \u0631\u0648\u06cc\u062f\u0627\u062f \u0631\u0627 \u0628\u0631\u0627\u06cc \u0632\u0645\u0627\u0646\u06cc \u06a9\u0647 \u0645\u062a\u0635\u0644 \u06cc\u0627 \u0642\u0637\u0639 \u0645\u06cc \u0634\u0648\u062f \u062a\u0646\u0638\u06cc\u0645 \u06a9\u0646\u06cc\u062f. \u0647\u0646\u06af\u0627\u0645 \u0627\u062a\u0635\u0627\u0644\u060c \u06cc\u06a9 \u0633\u06cc\u06af\u0646\u0627\u0644 \u0635\u0648\u062a\u06cc \u0628\u06cc \u0635\u062f\u0627 \u0628\u0631\u0627\u06cc \u0632\u0646\u062f\u0647 \u0646\u06af\u0647 \u062f\u0627\u0634\u062a\u0646 \u0627\u062a\u0635\u0627\u0644 \u0627\u0631\u0633\u0627\u0644 \u0645\u06cc \u06a9\u0646\u062f \u0648 \u0634\u0631\u0648\u0639 \u0628\u0647 \u0636\u0628\u0637 \u0635\u062f\u0627 \u0645\u06cc \u06a9\u0646\u062f. \u0639\u0645\u0644\u06a9\u0631\u062f \u067e\u0627\u06a9\u0633\u0627\u0632\u06cc\u060c \u06a9\u0647 \u0628\u0627 \u062c\u062f\u0627 \u06a9\u0631\u062f\u0646 \u06a9\u0627\u0645\u067e\u0648\u0646\u0646\u062a \u0641\u0639\u0627\u0644 \u0645\u06cc \u0634\u0648\u062f\u060c \u0628\u0633\u062a\u0647 \u0645\u06cc \u0634\u0648\u062f simliClient\u060c \u0648 \u06a9\u0644\u0627\u06cc\u0646\u062a OpenAI \u0631\u0627 \u0642\u0637\u0639 \u0645\u06cc \u06a9\u0646\u062f.<\/p>\n

\u0628\u0639\u062f\u060c \u0628\u0647 \u0645\u0633\u06cc\u0631 \u0628\u0631\u0648\u06cc\u062f src\/app\/pages.js \u0641\u0627\u06cc\u0644 \u0648 \u06a9\u062f \u0632\u06cc\u0631 \u0631\u0627 \u0642\u0631\u0627\u0631 \u062f\u0647\u06cc\u062f:<\/p>\n

\/\/ src\/app\/components\/Interview.js
\n…
\n\/\/ configure the avatar and display the home page
\n…
\n“use client”;
\nimport React, { useState, useEffect } from “react”;
\nimport Interview from “.\/components\/Interview”;<\/p>\n

const Demo = () => {
\n const [jobDescription, setJobDescription] = useState(“”);
\n const avatar = {
\n name: “Frank”,
\n openai_voice: “alloy”,
\n simli_faceid: “5514e24d-6086-46a3-ace4-6a7264e5cb7c”,
\n initialPrompt: `Your name is Frank, an interviewer hiring for a specific role. You are looking for a candidate whose expertise aligns closely with the following job description: ${jobDescription}. Please generate three interview questions that assess key qualifications and relevant experience. Begin by introducing yourself and asking the interviewee to share a bit about their background.`,
\n };
\n return (
\n <div className=”bg-black min-h-screen flex flex-col items-center font-abc-repro font-normal text-sm text-white p-8″>
\n <div className=”flex flex-col items-center mt-4″>
\n <label htmlFor=”job-description” className=”font-bold mb-2″>
\n Add Job Description
\n <\/label>
\n <textarea
\n id=”job-description”
\n placeholder=”Enter job description, e.g., Responsibilities, Requirements”
\n value={jobDescription}
\n onChange={(e) => setJobDescription(e.target.value)}
\n className=”p-2 border border-gray-300 rounded-md w-80 h-24 resize-none mb-4 text-black”
\n \/>
\n <\/div>
\n <div className=”flex flex-col items-center gap-6 bg-effect15White p-6 pb-[40px] rounded-xl w-full”>
\n <div>
\n <Interview
\n openai_voice={avatar.openai_voice}
\n simli_faceid={avatar.simli_faceid}
\n initialPrompt={avatar.initialPrompt}
\n \/>
\n <\/div>
\n <\/div>
\n <\/div>
\n );
\n};
\nexport default Demo;<\/p>\n

\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/p>\n

\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/p>\n

\u0627\u06cc\u0646 \u06a9\u062f \u0648\u0631\u0648\u062f\u06cc \u0634\u0631\u062d \u0634\u063a\u0644 \u0631\u0627 \u0627\u0632 \u0627\u0633\u062a\u062e\u062f\u0627\u0645\u200c\u06a9\u0646\u0646\u062f\u0647 \u06a9\u0646\u062a\u0631\u0644 \u0645\u06cc\u200c\u06a9\u0646\u062f \u0648 \u0622\u0646 \u0631\u0627 \u0628\u0647 \u062f\u0631\u062e\u0648\u0627\u0633\u062a \u0627\u0648\u0644\u06cc\u0647\u060c \u0634\u0646\u0627\u0633\u0647 \u0686\u0647\u0631\u0647 \u0648 \u0635\u062f\u0627\u06cc OpenAI \u06a9\u0647 \u0628\u0627\u06cc\u062f \u0628\u0647 OpenAI API \u0627\u0631\u0633\u0627\u0644 \u0634\u0648\u062f\u060c \u0627\u0631\u0633\u0627\u0644 \u0645\u06cc\u200c\u06a9\u0646\u062f. \u0633\u067e\u0633\u060c \u0622\u0646 \u0631\u0627 \u0628\u0647 \u0639\u0646\u0648\u0627\u0646 \u062a\u06a9\u06cc\u0647 \u06af\u0627\u0647 \u0628\u0647 \u0645\u0646\u062a\u0642\u0644 \u0645\u06cc \u0634\u0648\u062f Interview.js. \u062c\u0632\u0621<\/p>\n

\u0646\u062a\u06cc\u062c\u0647 \u0646\u0647\u0627\u06cc\u06cc<\/p>\n

\u0628\u0631\u0627\u06cc \u0622\u0632\u0645\u0627\u06cc\u0634 \u0628\u0631\u0646\u0627\u0645\u0647\u060c \u06a9\u0627\u0631\u0628\u0631 \u0634\u0631\u062d \u0634\u063a\u0644 \u0631\u0627 \u062f\u0631 \u06cc\u06a9 \u0646\u0627\u062d\u06cc\u0647 \u0645\u062a\u0646\u06cc \u0648\u0627\u0631\u062f \u0645\u06cc \u06a9\u0646\u062f \u06a9\u0647 OpenAI API \u0622\u0646 \u0631\u0627 \u067e\u0631\u062f\u0627\u0632\u0634 \u0645\u06cc \u06a9\u0646\u062f. OpenAI API \u0627\u0632 \u0627\u06cc\u0646 \u0627\u0639\u0644\u0627\u0646 \u0628\u0631\u0627\u06cc \u0627\u06cc\u062c\u0627\u062f \u0633\u0647 \u0633\u0648\u0627\u0644 \u0628\u0631\u0627\u06cc \u0622\u0648\u0627\u062a\u0627\u0631 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc \u06a9\u0646\u062f \u062a\u0627 \u0627\u0632 \u0645\u062a\u0642\u0627\u0636\u06cc \u0628\u067e\u0631\u0633\u062f. \u062f\u0631 \u0627\u06cc\u0646\u062c\u0627 \u0644\u06cc\u0646\u06a9 \u0648\u06cc\u062f\u06cc\u0648 \u0628\u0631\u0627\u06cc \u0645\u0634\u0627\u0647\u062f\u0647 \u0646\u062d\u0648\u0647 \u0639\u0645\u0644\u06a9\u0631\u062f \u0628\u0631\u0646\u0627\u0645\u0647 \u0622\u0645\u062f\u0647 \u0627\u0633\u062a: <\/p>\n

\u0646\u062a\u06cc\u062c\u0647 \u06af\u06cc\u0631\u06cc<\/p>\n

\u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 SimliClient \u0648 OpenAI\u060c \u0627\u06cc\u0646 \u0631\u0627\u0647\u0646\u0645\u0627 \u0628\u0627 \u0633\u0627\u062e\u062a\u0646 \u0628\u0631\u0646\u0627\u0645\u0647\u200c\u0627\u06cc \u06a9\u0647 \u0634\u0631\u062d \u0634\u063a\u0644 \u062b\u0627\u0628\u062a \u0631\u0627 \u0628\u0647 \u0648\u06cc\u062f\u0626\u0648\u0647\u0627\u06cc \u0645\u0635\u0627\u062d\u0628\u0647 \u062a\u0639\u0627\u0645\u0644\u06cc \u0648 \u067e\u0648\u06cc\u0627 \u062a\u0628\u062f\u06cc\u0644 \u0645\u06cc\u200c\u06a9\u0646\u062f\u060c \u0631\u0627\u0647\u200c\u062d\u0644\u06cc \u062c\u0627\u0645\u0639 \u0628\u0631\u0627\u06cc \u0645\u0634\u06a9\u0644 \u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0648\u0642\u062a\u200c\u06af\u06cc\u0631 \u0627\u0631\u0627\u0626\u0647 \u0645\u06cc\u200c\u062f\u0647\u062f. \u062a\u0631\u06a9\u06cc\u0628 \u0627\u06cc\u0646 \u0627\u0628\u0632\u0627\u0631\u0647\u0627 \u06cc\u06a9 \u062a\u063a\u06cc\u06cc\u0631 \u0628\u0627\u0632\u06cc \u0627\u0633\u062a \u0632\u06cc\u0631\u0627 \u0628\u0627 \u0647\u0645 \u0645\u06cc \u062a\u0648\u0627\u0646 \u0627\u0632 \u0622\u0646\u0647\u0627 \u0628\u0631\u0627\u06cc \u062e\u0648\u062f\u06a9\u0627\u0631\u0633\u0627\u0632\u06cc \u0641\u0631\u0622\u06cc\u0646\u062f \u063a\u0631\u0628\u0627\u0644\u06af\u0631\u06cc \u0627\u0648\u0644\u06cc\u0647 \u0646\u0627\u0645\u0632\u062f\u0647\u0627 \u0648 \u06a9\u0627\u0647\u0634 \u0627\u0633\u062a\u0631\u0633 \u0646\u0627\u0634\u06cc \u0627\u0632 \u06af\u0630\u0631\u0627\u0646\u062f\u0646 \u0641\u0631\u0622\u06cc\u0646\u062f \u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0633\u0646\u062a\u06cc \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0631\u062f.<\/p>\n

API Simli \u0628\u0627 \u06cc\u06a9 \u0637\u0631\u062d \u0631\u0627\u06cc\u06af\u0627\u0646 \u0627\u0631\u0627\u0626\u0647 \u0645\u06cc \u0634\u0648\u062f. \u0628\u0631\u0627\u06cc \u0634\u0631\u0648\u0639 \u0627\u0645\u0631\u0648\u0632 \u062f\u0631 Simli \u062b\u0628\u062a \u0646\u0627\u0645 \u06a9\u0646\u06cc\u062f.<\/p>\n

\n

\u0628\u0627 \u062a\u0648\u062c\u0647 \u0628\u0647 \u0622\u0645\u0627\u0631 \u062a\u0648\u0633\u0637 Genius\u060c 60 \u062f\u0631\u0635\u062f \u0627\u0632 \u062c\u0648\u06cc\u0646\u062f\u06af\u0627\u0646 \u06a9\u0627\u0631 \u0628\u0647 \u062f\u0644\u06cc\u0644 \u0637\u0648\u0644\u0627\u0646\u06cc \u0628\u0648\u062f\u0646 \u06cc\u0627 \u067e\u06cc\u0686\u06cc\u062f\u0647 \u0628\u0648\u062f\u0646 \u0641\u0631\u0622\u06cc\u0646\u062f \u0645\u0635\u0627\u062d\u0628\u0647\u060c \u06a9\u0627\u0631 \u0631\u0627 \u062a\u0631\u06a9 \u0645\u06cc \u06a9\u0646\u0646\u062f \u0648 \u0645\u06cc\u0627\u0646\u06af\u06cc\u0646 \u0641\u0631\u0622\u06cc\u0646\u062f \u0622\u0646 \u062d\u062f\u0648\u062f 23 \u0631\u0648\u0632 \u0637\u0648\u0644 \u0645\u06cc \u06a9\u0634\u062f. <\/p>\n

\u0641\u0631\u0622\u06cc\u0646\u062f \u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0633\u0646\u062a\u06cc \u0648\u0642\u062a \u06af\u06cc\u0631 \u0648 \u0645\u0633\u062a\u0639\u062f \u0633\u0648\u06af\u06cc\u0631\u06cc \u0627\u0633\u062a. \u0628\u0647 \u062c\u0627\u06cc \u0645\u0635\u0627\u062d\u0628\u0647 \u0628\u0627 \u0647\u0631 \u062f\u0627\u0648\u0637\u0644\u0628 \u0628\u0647 \u0635\u0648\u0631\u062a \u062c\u062f\u0627\u06af\u0627\u0646\u0647\u060c \u0645\u06cc \u062a\u0648\u0627\u0646\u06cc\u062f \u0627\u0632 \u06cc\u06a9 \u0622\u0648\u0627\u062a\u0627\u0631 \u0647\u0648\u0634 \u0645\u0635\u0646\u0648\u0639\u06cc \u0628\u0631\u0627\u06cc \u0627\u0646\u062c\u0627\u0645 \u0647\u0645\u0632\u0645\u0627\u0646 \u0645\u0635\u0627\u062d\u0628\u0647 \u0628\u0627 \u0647\u0645\u0647 \u0646\u0627\u0645\u0632\u062f\u0647\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f. \u0628\u0647 \u0627\u06cc\u0646 \u062a\u0631\u062a\u06cc\u0628\u060c \u062f\u06cc\u06af\u0631 \u0646\u06cc\u0627\u0632\u06cc \u0646\u06cc\u0633\u062a \u062a\u0627 23 \u0631\u0648\u0632 \u0645\u0646\u062a\u0638\u0631 \u0628\u0645\u0627\u0646\u06cc\u062f \u0632\u06cc\u0631\u0627 \u0641\u0631\u0622\u06cc\u0646\u062f \u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u062f\u0631 \u062f\u0648 \u062a\u0627 \u0633\u0647 \u0631\u0648\u0632 \u062a\u06a9\u0645\u06cc\u0644 \u0645\u06cc \u0634\u0648\u062f.<\/p>\n

\u0627\u06cc\u0646 \u0645\u0642\u0627\u0644\u0647 \u0634\u0645\u0627 \u0631\u0627 \u062f\u0631 \u0633\u0627\u062e\u062a \u06cc\u06a9 \u0622\u0648\u0627\u062a\u0627\u0631 \u0648\u06cc\u062f\u0626\u0648\u06cc\u06cc \u0647\u0648\u0634 \u0645\u0635\u0646\u0648\u0639\u06cc \u0627\u0633\u062a\u062e\u062f\u0627\u0645\u06cc \u0631\u0627\u0647\u0646\u0645\u0627\u06cc\u06cc \u0645\u06cc \u06a9\u0646\u062f \u06a9\u0647 \u0628\u0627 \u0646\u0627\u0645\u0632\u062f\u0647\u0627\u06cc \u0627\u062d\u062a\u0645\u0627\u0644\u06cc \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 API Simli \u0645\u0635\u0627\u062d\u0628\u0647 \u0645\u06cc \u06a9\u0646\u062f. \u0627\u06cc\u0646 \u0646\u0634\u0627\u0646 \u0645\u06cc \u062f\u0647\u062f \u06a9\u0647 \u0686\u06af\u0648\u0646\u0647 \u0628\u0631\u0646\u0627\u0645\u0647 \u0627\u06cc \u0628\u0633\u0627\u0632\u06cc\u062f \u06a9\u0647 \u0645\u06cc \u062a\u0648\u0627\u0646\u062f \u0634\u0631\u062d \u0634\u063a\u0644 \u0631\u0627 \u0628\u0647 \u0645\u0635\u0627\u062d\u0628\u0647 \u0647\u0627\u06cc \u062a\u0639\u0627\u0645\u0644\u06cc \u062a\u0628\u062f\u06cc\u0644 \u06a9\u0646\u062f\u060c \u0631\u0648\u0646\u062f \u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0634\u0645\u0627 \u0631\u0627 \u0633\u0627\u062f\u0647 \u06a9\u0646\u062f \u0648 \u062a\u062c\u0631\u0628\u0647 \u0646\u0627\u0645\u0632\u062f \u0631\u0627 \u0628\u0647\u0628\u0648\u062f \u0628\u062e\u0634\u062f. <\/p>\n

\n
\n

\u0641\u0647\u0631\u0633\u062a \u0645\u0637\u0627\u0644\u0628<\/p>\nToggle<\/span><\/path><\/svg><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n