نحوه ایجاد یک چت ربات پاپ آپ ساده با استفاده از OpenAI

در این آموزش، نحوه ایجاد یک چت هوش مصنوعی پاپ آپ ساده که می تواند به هر وب سایتی اضافه شود را ارائه می دهم. مشتری می تواند با تایپ کردن و صحبت کردن با ربات به چت پاسخ دهد.

نمایش چت بات ایجاد شده در این پست

ما از ابزارهای OpenAI برای عملکردهای هوش مصنوعی استفاده خواهیم کرد. برای چت، از ChatGPT، برای STT (گفتار به متن)، Whisper، و برای TTS (متن به گفتار)، TTS آنها استفاده خواهیم کرد.

من چندین روش را برای اجرای برنامه نشان خواهم داد، از یک روش ساده یا ساده تا یک روش بهتر اما همچنین پیچیده تر.

برنامه در جاوا اسکریپت (ECMAScript) پیاده سازی خواهد شد. با این حال، اگر به پیاده سازی به زبان های دیگر علاقه دارید، فصل آخر را بخوانید.

تمام کدها در مخزن GitHub من موجود است.

اصول اولیه

در این فصل، به اصول اولیه برنامه خواهیم پرداخت: ساختار پروژه و بسته هایی که استفاده کردیم.

این پروژه از بسته های زیر استفاده خواهد کرد:

نام بسته

شرح

express

برای سرور HTTP و مسیریابی

openai

برای همه چیزهای OpenAI

sass

برای تبدیل فایل های سبک SASS به فایل های CSS

ws

برای WebSockets

ساختار پروژه به شرح زیر است:

مسیر

شرح

public

دایرکتوری در معرض اینترنت تحت static نام

public/audio

دایرکتوری حاوی فایل های صوتی عمومی

public/img

دایرکتوری حاوی تصاویر عمومی

public/index.html

Source link