WebRTC 学习资源,以及相关 Demo

汇总分享一些可供参考的 WebRTC Demo,以及学习资料。

欢迎回贴分享更多 Demo 与学习资料。

Demo

  • STUN服务器与客户端 :point_right:t2:sourceforge

  • 一个 Mac 的 实现 :point_right:t2: github

  • WebRtcRoom Server,使用Node js开发,信令服务器使用 Socket.IO,Android,iOS,Html,Server均做了实现 :point_right:t2: gitbhub

几个跨平台开发中可用的 WebRTC Demo

  1. Flutter + WebRTC :point_right:t2: github

    简介:Flutter WebRTC plugin ,支持 iOS、Android

  2. React Native + Webrtc :point_right:t2: github

    简介:一个 React Native 的 WebRTC module

    • Support iOS / Android.
    • Support Video / Audio / Data Channels.

    这个作者还写了不少 React Native 的 demo

  3. Xamarin + WebRTC

    :point_right:t2: github 1

    简介:一个基于 WebRTC 的 iOS 视频通话 App,通过 Xamarin 开发。

    这个作者本身是微软 Xamarin 团队的。

    :point_right:t2: github 2

    简介:这个例子实现的是WebRTC UWP(Universal Windows Platform) App

2019-02-28T16:00:00Z 更新补充:point_down:

RTCStartupDemo :point_right:t2: Github

一套超级简单的信令服务器,以及配套的完全基于 WebRTC 官方 API 的客户端 demo 示例代码(含:Web/Android/iOS/Windows 全平台)

2020-05-28T16:00:00Z 更新补充:point_down:

为基于 Web 的视频通话,通过机器学习生成虚拟形象 :point_right:Github

基于 WebRTC 的开源的云游戏服务 ,链接是博文的翻译:point_right:点击查看

2020-06-02T16:00:00Z 更新补充:point_down:

ShareDrop:一个基于 WebRTC 实现的 HTML5 版 Airdrop,可用于用户点对点传输文件。在这个项目中,用到了 WebRTC peer-to-peer 文件传输、WebRTC 信令,以及 Firebase 。项目地址:point_right:Github

2020-07-05T16:00:00Z 更新补充 :point_down:

HOMER 7.7,这是一个 100% 开源的 VoIP & RTC Capture, Troubleshooting & Monitoring 工具。项目地址在这里:point_right:Github


声网 Agora Web Demo 汇总

在参考以上 WebRTC demo 的同时,也欢迎大家体验 Agora Web SDK Demo。 Agora Web SDK 也采用了 WebRTC,欢迎大家可以参考。

更多Demo在线体验请戳 :point_right:t2: 官网底部 Web Demo


1.《WebRTC权威指南》第三版 中文版 本书适用于初学者,可以快速理解WebRTC相关的理论知识。

本书的作者是 艾伦 B.约翰斯顿 (Alan B.Johnston) 丹尼尔 C.伯内特 (Daniel C.Burnett) 。 第三版展示了如何实现浏览器之间直接发送实时文本的数据通道功能。此外,还涉及 浏览器媒体协商过程中的完整描述(Firefox和Chrome的SDP会话描述),如何使用 Wireshark来监控WebRTC协议的注意事项以及例子捕捉。另外,支持NAT和防火墙穿透 的TURN服务器也是第三版新加入的内容。

书籍信息:

2.《Learning WebRTC》 中文版

对于前端开发人员是一个很好的入门书籍。对相关传输层的开发介绍需要读者参考更多相关资料。

本书作者是丹·里斯蒂克 (Dan Ristic) (作者)。它更像是一份简单的教程,一步步带你开 发一个简单的应用。并且,在书本中还加入了如果做文件共享功能的示例。

书籍信息:

3.《Getting Started with webrtc》 英文版

这本书目前只找到了英文版,它是一份很好的入门文档。目前能找到关于该书籍第一章、第二章的中文资料,贴在这里方便大家快速入门:

第一章第二章

书籍信息:

4.《WebRTC 网页实时通信 开发教程》英文版

书原名《Realtime Communication with WebRTC: Peer-To-Peer in the Browser》。这本 书出版较早了。

书籍信息:

5.WebRTC cookbook

这本书中还包含了video filters、UX优化、部分框架集成的内容。

书籍信息:

一些文章

WebRTC STUN/TURN 服务器的部署:Deploying a WebRTC app and STUN/TURN Servers

WebRTC 入门:Browser APIs and Protocols: WebRTC - High Performance Browser Networking (O'Reilly)

11个回答
storm 回复于 2018-12-06 10:01

感谢!

回复·0
VeyCC 回复于 2018-12-07 02:42

感谢lz

回复·0
Wzwmzm 回复于 2019-09-19 12:31

太牛了!
这是个人做的, 还是官方做的?

回复·1

这些 demo 都是个人做的。如果你看到好的demo ,欢迎推荐过来

Wzwmzm 回复于 2019-09-19 12:33

这些都是P2P的,
有没有P2S的资源啊?

回复·1

P2S 还没有看到过:sweat_smile:

jimmyLi1981 回复于 2021-02-20 17:14 · IP属地北京

你没有浏览的权限,为什么呢

回复·1

哪个地址是没有浏览权限的?我看下

jackson 回复于 2021-03-19 17:10

上面的demo没有权限看不了哦,咋整:tired_face:

回复·0
p666 回复于 2021-03-23 06:10

学习了

回复·0
rocky 回复于 2021-04-20 06:23

声网 Agora Web Demo 汇总,中的demo说没有权限看不了,啥意思?

回复·0
杨刚 回复于 2021-06-07 09:14 · IP属地湖北

没有权限,想学习学习不了,:joy:

回复·0
MeetFuture 回复于 2021-07-07 02:56

感谢!!!

回复·0
冰雪天 回复于 2021-08-13 10:51

demo 没办法查看

回复·0