vue+mediasoup实现在线会议demo

vue&＃43;mediasoup实现在线会议demo

• 官网https://mediasoup.org/
• 官网demo源码&＃61;&＃61;演示地址
  • 官网使用react实现的前端&＃xff0c;使用protoo.WebSocket实现websocket
• vue&＃43;mediasoup源码
  • 使用vue实现前端&＃xff0c;使用socket.io实现websocket

概述

• 官方服务端环境要求
  • 环境ok才能npm install mediasoup&＃64;3 --save 编译成功
  • windows上我没试过
• 编码基础
  • 需要会Javascript&＃xff0c;nodejs
  • 查看理解官方文档教程
    • 查服务端APIhttps://mediasoup.org/documentation/v3/mediasoup/api/
    • 查客户端APIhttps://mediasoup.org/documentation/v3/mediasoup-client/api/
    • 客户端与服务端连接过程https://mediasoup.org/documentation/v3/communication-between-client-and-server/
    • 设计图https://mediasoup.org/documentation/v3/mediasoup/design/
      

个人理解

• 服务端router和客户端device都相当于房间
• 房间中有多个transport通道&＃xff0c;每个通道都表示服务端和客户端连接
• 每个通道中有两类人生产者produce和消费者consumer
• 1.客户端生产者生产音频或视频流&＃xff0c;经过通道传输给服务端
• 2.服务端的消费者消费音频或视频流&＃xff0c;经过通道传输给客户端