React, WebRTC를 통한 화상 통화 및 화면 공유

Covid-19로 인해 화상 통화 기술이 크게 발전함에 따라 모든 것이 어떻게 작동하는지 궁금해지기 시작했습니다. 점점 더 많이 들여다보면서 많은 것을 발견하고 많은 것을 배웠으며 나 자신을 위한 애플리케이션을 만들고 싶었습니다!

Cuckoo: 무료 익명 화상 통화를 소개하겠습니다.
드럼롤 주세요 😂

사용된 기술:



  • WebRTC - 두 피어 간의 실시간 데이터 통신을 용이하게 합니다.

  • simple-peer - Simple-peer 라이브러리는 WebRTC에 대한 래퍼 역할을 하며 더 간단하게 만듭니다.

  • socket-io 웹 소켓의 래퍼로 사용됩니다.

  • 특징


  • 음성통화
  • 영상통화
  • 화면 공유

  • 실시간으로 사용해 보세요: live demo

    이 프로젝트는 GitHub에서 사용할 수 있습니다.


    소믹다따 / 뻐꾸기


    🎥 Cuckoo - WebRTC 및 React로 구축된 무료 익명 화상 통화 웹 애플리케이션으로 플러그인이나 확장이 필요 없이 웹 브라우저에서 피어 투 피어 비디오 및 오디오 통신을 제공합니다.







    Cuckoo - 익명의 무료 화상 통화


    화면 공유를 통해 전 세계에서 무료로 익명의 화상 통화를 즐기세요!





    View Cuckoo · Report Bug · Request Feature
    ✨ 프로젝트가 마음에 드셨나요? 이 프로젝트에 별표를 주면 지원을 받을 수 있습니다. ✨


    Cuckoo는 웹에서 화상 통화를 용이하게 하여 WebRTC, WebSockets의 개념을 보여주는 작은 프로젝트입니다!


    🧐 기능 목록



    영상통화
    화면 공유
    카메라 선택
    오디오 장치 선택

    🚀 시작하기


    이 프로젝트는 https://cuckooapp.herokuapp.com에 배포되었습니다.
    로컬 전개 가이드 -
  • 저장소 복제
  • git clone https://github.com/somikdatta/cuckoo.git
  • 작업 디렉토리 변경
  • cd cuckoo
  • 종속성 설치
  • npm install
  • 작업 디렉토리 변경
  • cd client
  • 종속성 설치
  • yarn install
  • 앱 실행
  • npm start in parent directory /cuckoo
    yarn start in directory /cuckoo/client
  • http://localhost:3000에서 프로젝트 열기

  • 🌟 준비가 완료되었습니다!

    🙇 특별한 감사



  • Coding with Chaim은 WebSockets 및 WebRTC의 개념을


  • View on GitHub

    재미있다면 시도해보세요!

    내가 만든 것이 마음에 든다면 GitHub repo에 별 ⭐을 남겨 더 나은 프로젝트에 대한 동기를 부여해 주세요.

    좋은 웹페이지 즐겨찾기