ここが嫌だよ！WebRTC
from Webエンジニア

自己紹介

• @kyo_ago
• ChatWorkの中の人です
• 趣味でChrome向けSeleniumIDEを作ってます
• JavaScriptの人です
• 作ったアプリの話じゃないです

ここが嫌だよ！WebRTC
from Webエンジニア

その1

用語わかりにくい

用語わかりにくい

• ICEとか
• SDPとか
• SRTCPとか
• DTLSとか

用語わかりにくい

• SRTPとか
• SCTPとか
• TURNとか
• STUNとか

用語わかりにくい

• SRTPとか
• SCTPとか
• TURNとか
• STUNとか←とくにこれ

STU'R'Nじゃないのかよ!

STU'R'Nじゃないのかよ!

TURN(Traversal Using Relay NAT)
STUN(Simple Traversal of UDP through NATs)

その2

通信内容がわかりにくい

S D P !

v=0	
o=mhandley 2890844526 2890842807 IN IP4 126.16.64.4
s=SDP Seminar
i=A Seminar on the session description protocol
u=http://www.cs.ucl.ac.uk/staff/M.Handley/sdp.03.ps
e=mjh@isi.edu (Mark Handley)
c=IN IP4 224.2.17.12/127
t=2873397496 2873404696
a=recvonly
m=audio 49170 RTP/AVP 0
m=video 51372 RTP/AVP 31
m=application 32416 udp wb
a=orient:portrait

わかるか！

SDP

• Session Description Protocol: セッション記述プロトコル
• 基本的には内部通信なので普通はそこまでいじらない
• とは言え細かい制御をしようとすると必要
• 普通の改行区切りのstringをJSで組み立てるはめに。。。
• しかもパラメータ名1文字だからこれだけ見てもさっぱり

パラメータ名省略するな！

パラメータ名省略するな！
JSON使え！

ORTCに期待

ご清聴ありがとうございました

ChatWorkではフロントエンドエンジニアを募集しています！