در این آموزش، نحوه ایجاد یک چت هوش مصنوعی پاپ آپ ساده که می تواند به هر وب سایتی اضافه شود را ارائه می دهم. مشتری می تواند با تایپ کردن و صحبت کردن با ربات به چت پاسخ دهد.
ما از ابزارهای OpenAI برای عملکردهای هوش مصنوعی استفاده خواهیم کرد. برای چت، از ChatGPT، برای STT (گفتار به متن)، Whisper، و برای TTS (متن به گفتار)، TTS آنها استفاده خواهیم کرد.
من چندین روش را برای اجرای برنامه نشان خواهم داد، از یک روش ساده یا ساده تا یک روش بهتر اما همچنین پیچیده تر.
برنامه در جاوا اسکریپت (ECMAScript) پیاده سازی خواهد شد. با این حال، اگر به پیاده سازی به زبان های دیگر علاقه دارید، فصل آخر را بخوانید.
تمام کدها در مخزن GitHub من موجود است.
اصول اولیه
در این فصل، به اصول اولیه برنامه خواهیم پرداخت: ساختار پروژه و بسته هایی که استفاده کردیم.
این پروژه از بسته های زیر استفاده خواهد کرد:
نام بسته |
شرح |
---|---|
|
برای سرور HTTP و مسیریابی |
|
برای همه چیزهای OpenAI |
|
برای تبدیل فایل های سبک SASS به فایل های CSS |
|
برای WebSockets |
ساختار پروژه به شرح زیر است:
مسیر |
شرح |
---|---|
|
دایرکتوری در معرض اینترنت تحت |
|
دایرکتوری حاوی فایل های صوتی عمومی |
|
دایرکتوری حاوی تصاویر عمومی |
|
… |