virtual meet

Bertemu virtual

Coba di situs web kami - https://meet.piyushg.com

Lingkungan pertemuan virtual menggunakan @react-three-fiber dan tiga. Tujuannya adalah untuk memberikan pengalaman yang realistis dan mendalam bagi para peserta.

Fitur

• Lingkungan 3D: Pertemuan berlangsung di lingkungan 3D yang sepenuhnya interaktif, memungkinkan peserta untuk menavigasi dan menjelajahi ruang virtual.
• Komunikasi real-time: Peserta dapat berkomunikasi satu sama lain menggunakan obrolan suara, video atau obrolan teks, memungkinkan kolaborasi yang mulus.
• Berbagi Layar: Peserta dapat berbagi layar mereka dengan orang lain, memungkinkan untuk presentasi dan demonstrasi kolaboratif.

Proyek ini masih dalam pengembangan, jadi saat ini ia kehilangan beberapa fitur dan tidak kompatibel dengan seluler sampai sekarang.

Tumpukan teknologi

• Reaksi
• Reaksi-tiga serat, tiga
• Peerjs
• Socket.io
• Tailwindcss

Kontrol

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

Memulai

Untuk membuat contoh pertemuan virtual Anda sendiri, ikuti langkah -langkah ini:

1. Klon The Repository: git clone https://github.com/fampiyush/virtual-meet.git

2. Instal Ketergantungan: npm install

3. Buat file .env dan tambahkan variabel Env yang diperlukan. Silakan merujuk ke bagian Env.

4. Mulailah server pengembangan: npm run dev

5. Buka browser web Anda dan navigasikan ke http://localhost:5173

Backend

Kode backend ada di repositori yang berbeda. Pergilah ke repositori backend

Menyiapkan file .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

Untuk membuat server rekan Anda sendiri, pergilah ke peerjs-server

Berkontribusi

Kontribusi dipersilakan! Jika Anda memiliki ide atau perbaikan, silakan kirim permintaan tarik.

Lisensi

Proyek ini dilisensikan di bawah lisensi MIT. Lihat file lisensi untuk informasi lebih lanjut.