Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
WebRTC
Search
David
September 25, 2022
Programming
0
120
WebRTC
David
September 25, 2022
Tweet
Share
More Decks by David
See All by David
Fast, Robust, Accurate Or how to love your tests again
xuaps
0
28
Testing beyond QualityAssurance
xuaps
0
75
Why Django sucks?
xuaps
0
71
Other Decks in Programming
See All in Programming
MDN Web Docs に日本語翻訳でコントリビュートしたくなる
ohmori_yusuke
1
130
A full stack side project webapp all in Kotlin (KotlinConf 2025)
dankim
0
130
The Niche of CDK Grant オブジェクトって何者?/the-niche-of-cdk-what-isgrant-object
hassaku63
1
500
なぜ適用するか、移行して理解するClean Architecture 〜構造を超えて設計を継承する〜 / Why Apply, Migrate and Understand Clean Architecture - Inherit Design Beyond Structure
seike460
PRO
3
790
Quand Symfony, ApiPlatform, OpenAI et LangChain s'allient pour exploiter vos PDF : de la théorie à la production…
ahmedbhs123
0
210
AI時代のソフトウェア開発を考える(2025/07版) / Agentic Software Engineering Findy 2025-07 Edition
twada
PRO
97
34k
おやつのお供はお決まりですか?@WWDC25 Recap -Japan-\(region).swift
shingangan
0
140
猫と暮らす Google Nest Cam生活🐈 / WebRTC with Google Nest Cam
yutailang0119
0
160
ペアプロ × 生成AI 現場での実践と課題について / generative-ai-in-pair-programming
codmoninc
2
20k
状態遷移図を書こう / Sequence Chart vs State Diagram
orgachem
PRO
2
170
はじめてのWeb API体験 ー 飲食店検索アプリを作ろうー
akinko_0915
0
130
Modern Angular with Signals and Signal Store:New Rules for Your Architecture @enterJS Advanced Angular Day 2025
manfredsteyer
PRO
0
240
Featured
See All Featured
The Cost Of JavaScript in 2023
addyosmani
51
8.5k
No one is an island. Learnings from fostering a developers community.
thoeni
21
3.4k
How GitHub (no longer) Works
holman
314
140k
The MySQL Ecosystem @ GitHub 2015
samlambert
251
13k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
229
22k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
667
120k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
18
980
StorybookのUI Testing Handbookを読んだ
zakiyama
30
5.9k
Site-Speed That Sticks
csswizardry
10
700
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
357
30k
Building a Scalable Design System with Sketch
lauravandoore
462
33k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
53k
Transcript
WEBRTC REAL TIME COMMUNICATION EN EL NAVEGADOR.
David Vílchez @dvilchez BIENVENIDOS Agile galicia
WEBRTC QUÉ ES?
WEBRTC
WEBRTC GETUSERMEDIA (MEDIASTREAM) var constraints = {audio: true, video: true};
navigator.getUserMedia(constraints, function(stream) { video.src = window.URL.createObjectURL(stream); }, errorCallback);
WEBRTC PEERCONNECTION alice = new RTCPeerConnection(null, null) alice.add(stream) alice.createOffer().then(offer =>
{ return alice.setLocalDescription(offer) .then( () => { sendOffer(“bob”, offer); }); }).catch(errorHandler);
WEBRTC PEERCONNECTION bob = new RTCPeerConnection(null, null) bob.setRemoteDescriptor(offer) .then(() =>
{ bob.createAnswer().then((answer) => { return bob.setLocalDescription(answer) .then(() => { sendAnswer(“alice”, answer); }); }).catch(errorHandler);
WEBRTC SENDOFFER(….. ) SENDANSWER(….. )
WEBRTC SIGNALING
WEBRTC P2P CON SERVIDORES
WEBRTC P2P CON SERVIDORES
None
WEBRTC NO USAR ▸ Video and audio streaming ▸ Comunicación
asincrona
None
GRACIAS