All Projects → nashaofu → Webrtc Demo

nashaofu / Webrtc Demo

Licence: mit
webrtc 演示示例

Programming Languages

javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to Webrtc Demo

Mediastreamrecorder
Cross browser audio/video/screen recording. It supports Chrome, Firefox, Opera and Microsoft Edge. It even works on Android browsers. It follows latest MediaRecorder API standards and provides similar APIs.
Stars: ✭ 2,381 (+3117.57%)
Mutual labels:  webrtc, webrtc-demos
singo
Simple WebRTC Signaling Server written in Go
Stars: ✭ 57 (-22.97%)
Mutual labels:  webrtc, webrtc-demos
Webrtcchat
🔏 Pure Browser To Browser Chat (STUN & ICE Servers optional)
Stars: ✭ 230 (+210.81%)
Mutual labels:  webrtc, webrtc-demos
React Webrtc
Video chat using webRTC and react
Stars: ✭ 168 (+127.03%)
Mutual labels:  webrtc, webrtc-demos
Webrtc
A reference gradle project that let you explore WebRTC Android in Android Studio.
Stars: ✭ 562 (+659.46%)
Mutual labels:  webrtc, webrtc-demos
Rtcmulticonnection
RTCMultiConnection is a WebRTC JavaScript library for peer-to-peer applications (screen sharing, audio/video conferencing, file sharing, media streaming etc.)
Stars: ✭ 2,187 (+2855.41%)
Mutual labels:  webrtc, webrtc-demos
foxrtc
media sdk based on webrtc
Stars: ✭ 36 (-51.35%)
Mutual labels:  webrtc, webrtc-demos
Webrtc Experiment
WebRTC, WebRTC and WebRTC. Everything here is all about WebRTC!!
Stars: ✭ 10,335 (+13866.22%)
Mutual labels:  webrtc, webrtc-demos
Detectrtc
DetectRTC is a tiny JavaScript library that can be used to detect WebRTC features e.g. system having speakers, microphone or webcam, screen capturing is supported, number of audio/video devices etc. https://www.webrtc-experiment.com/DetectRTC/
Stars: ✭ 509 (+587.84%)
Mutual labels:  webrtc, webrtc-demos
Starrtc Web Demo
一对一voip视频聊天,直播连麦,多人视频会议,在线会议web演示:
Stars: ✭ 281 (+279.73%)
Mutual labels:  webrtc, webrtc-demos
Workerman Webrtc
php webrtc demo based on workerman
Stars: ✭ 161 (+117.57%)
Mutual labels:  webrtc, webrtc-demos
Webrtc Text Chat Tutorial
WebRTC Chat Tutorial for Scaledrone Realtime Messaging Service
Stars: ✭ 24 (-67.57%)
Mutual labels:  webrtc, webrtc-demos
Samples
WebRTC Web demos and samples
Stars: ✭ 11,318 (+15194.59%)
Mutual labels:  webrtc, webrtc-demos
Cuckoo
🎥 Cuckoo - A free anonymous video-calling web application built with WebRTC and React that provides peer-to-peer video and audio communication in a web browser with no plugins or extensions required.
Stars: ✭ 195 (+163.51%)
Mutual labels:  webrtc, webrtc-demos
Webrtc Data Channel Demo
WebRTC Data Channel demo
Stars: ✭ 116 (+56.76%)
Mutual labels:  webrtc, webrtc-demos
WebRTC-Python-Open-Source-Application-for-1-to-1-video-chat
This Sample Python Application demonstrates the use of EnableX Platform Server APIs and JavaScript Toolkit to develop basic one to one video chat application. It allows developers to ramp up on app development by hosting on their own devices.
Stars: ✭ 12 (-83.78%)
Mutual labels:  webrtc, webrtc-demos
Learning Webrtc
Codes and notes while learning webrtc
Stars: ✭ 98 (+32.43%)
Mutual labels:  webrtc, webrtc-demos
Translator
Translator.js is a JavaScript library built top on Google Speech-Recognition & Translation API to transcript and translate voice and text. It supports many locales and brings globalization in WebRTC! https://www.webrtc-experiment.com/Translator/
Stars: ✭ 103 (+39.19%)
Mutual labels:  webrtc, webrtc-demos
webrtc-hotwire-rails
A video chat app demonstration using Hotwire and Ruby on Rails
Stars: ✭ 38 (-48.65%)
Mutual labels:  webrtc, webrtc-demos
Webrtc android
webrtc VideoCall VideoConference 视频通话 视频会议
Stars: ✭ 764 (+932.43%)
Mutual labels:  webrtc, webrtc-demos

webrtc-demo

webrtc 演示示例,在线预览地址,项目更多介绍可在公众号nashaofu在路上中查看

使用说明

  1. 生成tls证书
mkdir tls

cd tls

openssl genrsa -des3 -passout pass:x -out server.pass.key 2048

# writing RSA key
openssl rsa -passin pass:x -in server.pass.key -out server.key

rm server.pass.key

openssl req -new -key server.key -out server.csr

openssl x509 -req -sha256 -days 365 -in server.csr -signkey server.key -out server.crt
  1. 安装依赖启动服务
yarn

yarn start
  1. 在浏览器中打开终端输出的地址,如遇到证书安全问题可参考https://blog.caojun.xyz/posts/macos_trust_ssl/
  2. index.html是使用复制文本握手的示例,http.html是使用http建立连接的示例,socket.html是用来演示socket建立连接的示例

webRTC 连接建立流程

webrtc.svg

交换offer和iceCandidata通常通过socket来交换,目的是方便对方网络情况变化后能够推送到参与会话的人,其实这个交换过程也可以用其他任何方式,只要能相互交换信息就可以。例如,A创建会话后,把自己的offer和iceCandidata通过邮件发送给B,B把这些信息设置到自己的会话中,然后把自己的offer和iceCandidata发送给A,只要在这期间网络状况没发生变化,就能够正常通话。关于webRTC,这篇文章讲得比较不错。

MDN webRTC 连接流程介绍

webRTC-mdn.png

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].