【WebRTC】自己做一个简单的sfu视频通讯demo

由于p2p视频通讯不支持定向ip流量,

所以,做了一个基于mediasoup框架的sfu转发服务器和简单的web客户端(给安卓端和ios端提前踩坑)

涉及到的技术:

  1. mediasoup(官网)

  2. Nodejs

  3. React

  4. WebPack

系统:

  1. ubuntu 16.04(mediasoup 框架需求,使用虚拟机调试)

说明:

本次尝试的demo不深入源码,仅演示sfu视频通讯基本搭建和mediasoup框架基本用法。

 

首先,想要知道从何入手,并不是急着去看官网文档,先看看官方demo源代码

  1. demo(demo)

  2. demo源代码(源代码)

 

 官方demo效果(还是很不错的)

看看自己实践的结果,通了!

先看源代码

 

  1. server部分(代码大体无需大改)

 【WebRTC】自己做一个简单的sfu视频通讯demo_第1张图片

简单的nodejs代码,引入到Ubuntu下cnpm install , node server.js即可运行

 

未完待续。。。有人看再更

 

-------------------------------------------------------------------------------------------------------------------------------------------------------------------------

 

第二更

前面已经讲过mediasoupserver部分,server部分不需要修改代码,运行后先放着。

 

  client部分

【WebRTC】自己做一个简单的sfu视频通讯demo_第2张图片

看看node用到哪些的模块

【WebRTC】自己做一个简单的sfu视频通讯demo_第3张图片

可以看到,这里重点要用到的是react(目前主流的前端页面开发组件),mediasoup-client(mediasoup客户端组件),protoo-client(主要是配合本demo的websoket客户端工具,也是mediasoup框架作者写的组件)等等。

 

 

你可能感兴趣的:(webRTC)