10种基于 WebRTC 的js示例插件,包括文件共享、视频会议、共享画板等

10种基于 WebRTC 的js示例插件,包括文件共享、视频会议、共享画板等

1、RecordRTC 视频+音频+屏幕录像的js插件


支持浏览器: Chrome, Firefox, Opera, Android, and Microsoft Edge. 

支持平台: Linux, Mac and Windows.

在线体验地址: https://www.webrtc-experiment.com/RecordRTC/

Github 地址(open sourced): https://github.com/muaz-khan/RecordRTC

2、MultiStreamsMixer 

多个流(屏幕捕获或多个摄像头流)合并成单个流插件,他可以同时捕获多个摄像头,合成一个视频,也可以将某个网页和摄像头合成在一起,常用于视频教学,视频会议


在线 Demo: https://www.webrtc-experiment.com/MultiStreamsMixer/

Github地址: https://github.com/muaz-khan/MultiStreamsMixer

3、DetectRTC 

检测你的浏览器是否支持RTC插件


在线 Demo: https://www.webrtc-experiment.com/DetectRTC/

Github 地址(open sourced): https://github.com/muaz-khan/DetectRTC

4、RTCMultiConnection

基于webrtc的p2p 点对点通讯应用插件(用户屏幕共享、音视频会议、文件共享、流媒体等)

在线demo: https://rtcmulticonnection.herokuapp.com/demos/

Github地址: https://github.com/muaz-khan/RTCMultiConnection

Socket.io signaling server: https://github.com/muaz-khan/RTCMultiConnection-Server

5、WebRTC Scalable Broadcasting webrtc

可伸缩广播插件,该模块简单初始化socket.io,并且配置好让其通过广播重复给无限制的用户,不用消耗太多带宽与cpu,这个用在端对端通信

在线Demo: https://rtcmulticonnection.herokuapp.com/demos/Scalable-Broadcast.html

Github地址 (open sourced): https://github.com/muaz-khan/WebRTC-Scalable-Broadcast

6、WebRTC Dashboard | Canvas2D Drawing Tool


可协作、可扩展的一个canvas2d 绘画工具插件,支持很对工具,并且生成2D动画的js代码

在线Demo: https://www.webrtc-experiment.com/Canvas-Designer/

Github 地址(open-sourced): https://github.com/muaz-khan/Canvas-Designer

7、WebRTC Voice & Text Translator

基于webrtc的声音识别与翻译的工具插件

在线Demo: https://www.webrtc-experiment.com/Translator/

Github地址 (open-sourced): https://github.com/muaz-khan/Translator

8、getStats | Get WebRTC Peer Connection Stats

一款基于webrtc的数据统计工具插件,可以获得peer连接的带宽数据、报文丢失率、本地远程的地址与端口

在线 Demo: https://www.webrtc-experiment.com/getStats/

Github地址 (open-sourced): https://github.com/muaz-khan/getStats

9、FileBufferReader | File Sharing


10、基于webrtc的文件共享工具插件

在线 Demo: https://www.webrtc-experiment.com/FileBufferReader/
Github地址 (open-sourced): https://github.com/muaz-khan/FileBufferReader


WebRTC 视频会议的例子
Simple Demo: https://rtcmulticonnection.herokuapp.com/demos/Video-Conferencing.html
WebRTC 文件共享
Advance file sharing demo: https://rtcmulticonnection.herokuapp.com/demos/file-sharing.html
WebRTC 屏幕共享
P2P Screen Sharing: https://www.webrtc-experiment.com/Pluginfree-Screen-Sharing/
Simple getDisplayMedia: https://www.webrtc-experiment.com/getDisplayMedia/

Ffmpeg.js 支持浏览器与nodejs ,视频编码解码工具插件
github地址 :https://github.com/muaz-khan/Ffmpeg.js

XHR-Signaling 

XHR/XMLHttpRequest based WebRTC signaling implementation.

Github (open-sourced): https://github.com/muaz-khan/XHR-Signaling

ASP.NET MVC based WebRTC Demo
A simple WebRTC one-to-one demo written in September, 2012! It supports public rooms as well as password-protected private rooms! MS-SQL database is used as signaling gateway!

Github (open-sourced): https://github.com/muaz-khan/WebRTC-ASPNET-MVC

WebSync-Signaling
WebSync is used as signaling gateway with/for WebRTC-Experiments e.g. RTCMultiConnection.js, DataChannel.js, Plugin-free screen sharing, and video conferencing.

Github (open-sourced): https://github.com/muaz-khan/WebSync-Signaling

Server Sent Events (SSE) over PHP
Server Sent Events (SSE) are used to setup WebRTC peer-to-peer connections.

Github (open-sourced): https://github.com/muaz-khan/RTCMultiConnection/tree/master/demos/SSEConnection

SignalR
SignalR project for RTCMultiConnection: https://github.com/muaz-khan/RTCMultiConnection-SignalR

https://github.com/muaz-khan/WebRTC-Experiment/blob/master/Signaling.md#how-to-use-signalr-for-signaling
https://www.webrtc-experiment.com/disclaimer/

{{collectdata}}

网友评论0