发布于 2026-01-06 8 阅读
0

使用 React、WebRTC Cuckoo 进行视频通话和屏幕共享 - 匿名、免费视频通话

使用 React 和 WebRTC 进行视频通话和屏幕共享

Cuckoo - 匿名免费视频通话

随着新冠疫情推动视频通话技术的巨大发展,我对它的运作原理产生了浓厚的兴趣。随着研究的深入,我发现了很多东西,学到了很多东西,并萌生了自己开发一款应用程序的想法!

隆重介绍Cuckoo:免费匿名视频通话,请容我
隆重介绍😂

使用的技术:

  • WebRTC——促进两个对等方之间的实时数据通信。
  • simple-peer - simple-peer 库充当 WebRTC 的封装器,使其更简单。
  • socket-io作为 WebSocket 的封装。

特征

  • 语音通话
  • 视频电话
  • 屏幕共享

在线体验:在线演示

该项目已在 GitHub 上开源 -

GitHub 标志 somikdatta /布谷鸟

🎥 Cuckoo - 一款使用 WebRTC 和 React 构建的免费匿名视频通话 Web 应用程序,可在 Web 浏览器中提供点对点视频和音频通信,无需任何插件或扩展程序。

布谷鸟

Cuckoo - 匿名免费视频通话

使用匿名视频通话功能,在全球范围内免费进行屏幕共享!

布谷鸟叉 杜鹃星 杜鹃鸟问题 布谷鸟拉取请求

查看 Cuckoo ·报告错误·请求功能

喜欢这个项目吗?给这个项目点个星以示支持吧!


Cuckoo 是一个小型项目,旨在通过促进跨网络的视频通话来演示 WebRTC 和 WebSocket 的概念!

🧐 功能列表

  • 视频电话
  • 屏幕共享
  • 选择相机
  • 选择音频设备

🚀 开始

该项目部署在https://cuckooapp.herokuapp.com

本地部署指南 -

  1. 克隆存储库
git clone https://github.com/somikdatta/cuckoo.git
Enter fullscreen mode Exit fullscreen mode
  1. 更改工作目录
cd cuckoo
Enter fullscreen mode Exit fullscreen mode
  1. 安装依赖项
npm install
Enter fullscreen mode Exit fullscreen mode
  1. 更改工作目录
cd client
Enter fullscreen mode Exit fullscreen mode
  1. 安装依赖项
yarn install
Enter fullscreen mode Exit fullscreen mode
  1. 运行该应用程序
npm start in parent directory /cuckoo
Enter fullscreen mode Exit fullscreen mode
yarn start in directory /cuckoo/client
Enter fullscreen mode Exit fullscreen mode
  1. 打开项目,地址:http://localhost:3000

🌟一切就绪!

🙇 特别鸣谢

如果你觉得有趣,就试试吧!

如果您喜欢我的作品,请考虑在GitHub 代码库上给我点个星 ⭐ ,以激励我创作更好的项目。

文章来源:https://dev.to/somikdatta/video-calling-and-screen-sharing-with-react-webrtc-146a