virtual meet

가상 회의

웹 사이트 -https://meet.piyushg.com을 사용해보십시오

@React-Three-Fiber 및 ThreeJ를 사용하는 가상 회의 환경. 목표는 참가자들에게 현실적이고 몰입 형 경험을 제공하는 것입니다.

특징

• 3D 환경 : 회의는 완전히 대화식 3D 환경에서 진행되므로 참가자는 가상 공간을 탐색하고 탐색 할 수 있습니다.
• 실시간 커뮤니케이션 : 참가자는 음성 채팅, 비디오 또는 텍스트 채팅을 사용하여 서로 통신하여 원활한 협업을 가능하게합니다.
• 스크린 공유 : 참가자는 화면을 다른 사람과 공유하여 공동 프레젠테이션 및 시연을 허용 할 수 있습니다.

이 프로젝트는 여전히 개발 중이므로 현재 일부 기능이 누락되어 현재 모바일과 호환되지 않습니다.

기술 스택

• 반응
• 반응 3 개 섬유, ThreeJ
• Peerjs
• socket.io
• 테일 윈드 스

통제 수단

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로 가십시오.

기여

기부금을 환영합니다! 아이디어 나 개선 사항이 있으면 풀 요청을 제출하십시오.

특허

이 프로젝트는 MIT 라이센스에 따라 라이센스가 부여됩니다. 자세한 내용은 라이센스 파일을 참조하십시오.