WebRTC / Jitsi / 架构

主要模块

模块名称开发语言功能
Jitsi Video-BridgeJava

Jitsi Videobridge is an XMPP server component designed to run thousands of video streams from a single server — and it’s fully open source and WebRTC compatible.

 

Jitsi Video-Bridge 是一个XMPP服务器组件,用来在单一的服务器下运行数千个视频流,并且该组件是完全开源的并兼容WebRTC。

 

Jitsi-Videobridge 用于处理视频传输,也就是视频流在各参与者之间的转发。如果没有这个组件,各参与者能文字聊天,但无法互相看见。

Jitsi MeetJavaScript

Jitsi Meet is an Open Source WebRTC JavaScript application that uses Jitsi Videobridge to provide high quality, scalable video conferences.

 

Jitsi Meet  是一个开源的 WebRTC JavaScript 应用,通过Jitsi Video-Bridge从而可以提供高质量、可伸缩的视频会议。

Jibri 

Jibri provides services for recording or streaming a Jitsi Meet conference.

 

全称:Jitsi BRoadcasting Infrastructure ,提供一个记录和流式传输一个 Jitsi Meet 会议的服务。

 

Jitsi JicofoJava

JItsi COnference FOcus is a server side focus component used in Jitsi Meet conferences.

 

全称:Jitsi Conference Focus ,是Jitsi Meet中使用的服务器端焦点组件。

Jigasi 

Jitsi Gateway to SIP : a server-side application that links allows regular SIP clients to join Jitsi Meet conferences hosted by Jitsi Videobridge.

 

全称:Jitsi Gateway to SIP ,一个链接的服务器端应用程序,允许常规 SIP 客户端加入 Jitsi Videobridge 主持的 Jitsi Meet 会议。

ProsodyLua

XMPP Server。


XMPP 全称是 Extensible Messaging and Presence Protocol,即可扩展通信和表示协议。它是一种即时通信协议,主要是实现文字聊天。

XMPP 的前身是 Jabber,一个开源的即时通信协议。Jabber被IETF标准化为 XMPP。

 

Google Talk用的就是它。

NginxCWeb Server

支持的协议

  • SIP
  • XMPP

开发API

  • Jitsi Meet API:JavaScript 接口 SDK,将 Jitsi Meet 模块嵌入到自己的应用程序中,用于 web 客户端的开发。
  • Libjitsi先进的 Java 媒体库。用于安全地实时地音视频交流,用于服务器端开发。

 

参考:https://blog.csdn.net/xiaoluer/article/details/79088416

 

(SAW:Game Over!)

  • 2
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
这个页面主要是用来检测用户设备是否支持WebRTC功能,同时展示了一个视频预览的效果。以下是该页面的CSS样式分析: 1. 整体布局: ```css body { margin: 0; padding: 0; } #main { display: flex; justify-content: center; align-items: center; height: 100vh; } ``` 这段CSS代码主要用于设置整个页面的布局。其中,`body`元素的`margin`和`padding`都被设置为`0`,以去除浏览器默认的外边距和内边距。`#main`元素被设置为`display: flex;`,以便使用Flex布局,展示居中的视频预览区域。 2. 视频预览区域: ```css #preview { width: 640px; height: 480px; border: 2px solid #ccc; border-radius: 4px; background-color: #000; } ``` 这段CSS代码用于设置视频预览区域的大小、边框、圆角和背景颜色。其中`width`和`height`属性分别设置为`640px`和`480px`,以展示一个标准的视频预览画面。`border`属性被设置为`2px`的实线边框,`border-radius`属性被设置为`4px`,以使视频预览区域看起来更加圆润。`background-color`属性被设置为黑色,以便在视频预览区域没有内容时显示一个黑色背景。 3. 检测结果区域: ```css #info { margin-top: 20px; font-size: 18px; color: #333; } ``` 这段CSS代码用于设置检测结果区域的样式。其中`margin-top`属性被设置为`20px`,以使检测结果区域与视频预览区域之间留出一定的空隙。`font-size`属性被设置为`18px`,以使文字显示的大小适中。`color`属性被设置为`#333`,以使文字颜色更加清晰易读。 4. 按钮样式: ```css .button { display: inline-block; padding: 10px 20px; margin-top: 20px; font-size: 16px; font-weight: bold; color: #fff; background-color: #1e90ff; border: none; border-radius: 4px; cursor: pointer; transition: all 0.2s ease; } .button:hover { background-color: #187bcd; } ``` 这段CSS代码用于设置按钮的样式。其中`display`属性被设置为`inline-block`,以便让按钮水平排列,同时具有块级元素的特性。`padding`属性被设置为`10px 20px`,以使按钮的内边距适中。`margin-top`属性被设置为`20px`,以使按钮与检测结果区域之间留出一定的空隙。`font-size`属性被设置为`16px`,以使按钮文字显示的大小适中。`font-weight`属性被设置为`bold`,以使按钮文字显示的粗细适中。`color`属性被设置为白色,以使按钮文字颜色与背景色形成对比。`background-color`属性被设置为蓝色,以使按钮颜色鲜明。`border`属性被设置为无边框,以使按钮看起来更加简洁。`border-radius`属性被设置为`4px`,以使按钮的边角更加圆润。`cursor`属性被设置为`pointer`,以使鼠标在按钮上悬停时显示手型光标。`transition`属性被设置为`all 0.2s ease`,以使按钮在鼠标悬停时有一个平滑的过渡效果。`button:hover`选择器用于设置鼠标悬停时按钮的样式,其中`background-color`属性被设置为更深的蓝色,以使按钮看起来更加醒目。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值