virtual meet

لقاء افتراضي

جرب على موقعنا - https://meet.piyushg.com

بيئة اجتماع افتراضية باستخدام @React-ثلاثة ألياف وثلاثة ج. الهدف هو توفير تجربة واقعية وغامرة للمشاركين.

سمات

• البيئة ثلاثية الأبعاد: يجري الاجتماع في بيئة ثلاثية الأبعاد تفاعلية بالكامل ، مما يسمح للمشاركين بالتنقل واستكشاف المساحة الافتراضية.
• الاتصال في الوقت الفعلي: يمكن للمشاركين التواصل مع بعضهم البعض باستخدام الدردشة الصوتية أو الفيديو أو الدردشة النصية ، مما يتيح التعاون السلس.
• مشاركة الشاشة: يمكن للمشاركين مشاركة شاشاتهم مع الآخرين ، مما يتيح العروض التقديمية والعروض التوضيحية التعاونية.

لا يزال هذا المشروع قيد التطوير ، لذلك يفتقد حاليًا بعض الميزات وهو غير متوافق مع الهاتف المحمول حتى الآن.

مكدس التكنولوجيا

• ReactJs
• رد فعل ثلاثة ألياف ، ثلاثة ج
• Peerjs
• Socket.io
• Tailwindcss

الضوابط

W: Forward
A: Left
S: Backward
D: Right
Ctrl+Shift+Z: Mic
Ctrl+Shift+X: Video

ابدء

لإنشاء مثيلك الخاص للاجتماع الافتراضي ، اتبع هذه الخطوات:

1. استنساخ المستودع: git clone https://github.com/fampiyush/virtual-meet.git

2. تثبيت التبعيات: npm install

3. إنشاء ملف .env وأضف متغيرات ENV المطلوبة. يرجى الرجوع إلى قسم ENV.

4. ابدأ خادم التطوير: npm run dev

5. افتح متصفح الويب الخاص بك وانتقل إلى http://localhost:5173

الخلفية

رمز الخلفية على مستودع مختلف. توجه إلى مستودع الواجهة الخلفية

إعداد ملف .env

 # Url of backend

VITE_BACKEND_URL=http://localhost:3000


# Note - Don't include the protocol in the VITE_PEER_HOST (http:// or https://)
# 0.peerjs.com is default peerjs server

VITE_PEER_HOST=0.peerjs.com


# Url of where it is hosted

VITE_BASE_URL=http://localhost:5173

لإنشاء خادم الأقران الخاص بك ، توجه إلى Peerjs-Server

المساهمة

المساهمات مرحب بها! إذا كان لديك أي أفكار أو تحسينات ، فيرجى إرسال طلب سحب.

رخصة

هذا المشروع مرخص بموجب ترخيص معهد ماساتشوستس للتكنولوجيا. انظر ملف الترخيص لمزيد من المعلومات.