Download free for 30 days
Sign in
Upload
Language (EN)
Support
Business
Mobile
Social Media
Marketing
Technology
Art & Photos
Career
Design
Education
Presentations & Public Speaking
Government & Nonprofit
Healthcare
Internet
Law
Leadership & Management
Automotive
Engineering
Software
Recruiting & HR
Retail
Sales
Services
Science
Small Business & Entrepreneurship
Food
Environment
Economy & Finance
Data & Analytics
Investor Relations
Sports
Spiritual
News & Politics
Travel
Self Improvement
Real Estate
Entertainment & Humor
Health & Medicine
Devices & Hardware
Lifestyle
Change Language
Language
English
Español
Português
Français
Deutsche
Cancel
Save
EN
Uploaded by
Nobo Okada
1,151 views
Real time Media streaming Web technologies
Web技術での録画や録音, リアルタイム通信としてのWebRTC, MediaRecodingAPI に関して
Technology
◦
Read more
1
Save
Share
Embed
Embed presentation
Download
Download to read offline
1
/ 30
2
/ 30
3
/ 30
4
/ 30
5
/ 30
6
/ 30
7
/ 30
8
/ 30
9
/ 30
10
/ 30
11
/ 30
12
/ 30
13
/ 30
14
/ 30
15
/ 30
16
/ 30
17
/ 30
18
/ 30
19
/ 30
20
/ 30
21
/ 30
22
/ 30
23
/ 30
24
/ 30
25
/ 30
26
/ 30
27
/ 30
28
/ 30
29
/ 30
30
/ 30
More Related Content
PDF
Peer js + clmtrackrでつくるモテるアプリ
by
ひろかず 永井
PDF
入門書を読み終わったらなにしよう? 〜Python と WebAPI の使い方から学ぶ次の一歩〜 / next-step-python-programing
by
Kei IWASAKI
PDF
WebRTC/ORTCの最新動向まるわかり!
by
Yusuke Naka
PDF
2013 WebRTC 概説 & ワークショップ
by
mganeko
PDF
ビデオ通話・P2Pがコモディティ化する世界 WebRTCによるこれからを探る
by
Kensaku Komatsu
PDF
Let's begin WebRTC
by
yoshikawa_t
PPTX
レポート
by
xin song
PPTX
レポート
by
xin song
Peer js + clmtrackrでつくるモテるアプリ
by
ひろかず 永井
入門書を読み終わったらなにしよう? 〜Python と WebAPI の使い方から学ぶ次の一歩〜 / next-step-python-programing
by
Kei IWASAKI
WebRTC/ORTCの最新動向まるわかり!
by
Yusuke Naka
2013 WebRTC 概説 & ワークショップ
by
mganeko
ビデオ通話・P2Pがコモディティ化する世界 WebRTCによるこれからを探る
by
Kensaku Komatsu
Let's begin WebRTC
by
yoshikawa_t
レポート
by
xin song
レポート
by
xin song
Similar to Real time Media streaming Web technologies
PDF
注目の最新技術「WebRTC」とは? -技術概要と事例紹介-
by
Yusuke Naka
PDF
About WebRTC
by
Seiya Konno
PPTX
WebRTC の紹介
by
Kensaku Komatsu
PDF
WebRTCについて
by
BeMarble
PDF
WebRTC概説(P2P)
by
goforbroke
PDF
20130216
by
komarineko
PPTX
Web rtcの使い方
by
Kensaku Komatsu
PDF
はじめてのWebRTC/ORTC
by
Yusuke Naka
PPTX
Webrtc最新動向
by
Yusuke Naka
PDF
20171005 webrtc
by
Yuki Matsukura
PDF
WebRTCの話
by
You_Kinjoh
PDF
実践 WebRTC 〜最新事例と開発ノウハウの紹介〜
by
Yusuke Naka
PDF
WebRTC入門+最新動向
by
Ryosuke Otsuya
PPTX
エフサミ2014 web rtcの傾向と対策
by
Kensaku Komatsu
PDF
WebRTCの技術解説 第二版 公開版 本編
by
Contest Ntt-west
PDF
WebRTC Boot Camp (WebRTC Conference Japan 2016) 事前公開版
by
You_Kinjoh
PDF
HTML5開発最前線
by
yoshikawa_t
PPTX
2013 WebRTC node
by
mganeko
PPTX
WebRTCを始めよう! HTML5fun 第一回勉強会
by
Yusuke Naka
PPTX
HTML5 Japan Cup (5jCup) WebRTC賞
by
Ryosuke Otsuya
注目の最新技術「WebRTC」とは? -技術概要と事例紹介-
by
Yusuke Naka
About WebRTC
by
Seiya Konno
WebRTC の紹介
by
Kensaku Komatsu
WebRTCについて
by
BeMarble
WebRTC概説(P2P)
by
goforbroke
20130216
by
komarineko
Web rtcの使い方
by
Kensaku Komatsu
はじめてのWebRTC/ORTC
by
Yusuke Naka
Webrtc最新動向
by
Yusuke Naka
20171005 webrtc
by
Yuki Matsukura
WebRTCの話
by
You_Kinjoh
実践 WebRTC 〜最新事例と開発ノウハウの紹介〜
by
Yusuke Naka
WebRTC入門+最新動向
by
Ryosuke Otsuya
エフサミ2014 web rtcの傾向と対策
by
Kensaku Komatsu
WebRTCの技術解説 第二版 公開版 本編
by
Contest Ntt-west
WebRTC Boot Camp (WebRTC Conference Japan 2016) 事前公開版
by
You_Kinjoh
HTML5開発最前線
by
yoshikawa_t
2013 WebRTC node
by
mganeko
WebRTCを始めよう! HTML5fun 第一回勉強会
by
Yusuke Naka
HTML5 Japan Cup (5jCup) WebRTC賞
by
Ryosuke Otsuya
Real time Media streaming Web technologies
1.
Real-time Media streaming Web technologies @bulbulpaul
2.
About me • おかだ
のぶお ( @bulbulpaul ) • Software Engineer • Python, Scala, JavaScript, MongoDB とかいろいろ好きです • 仕事はPython, Java
3.
Agenda • Web技術で実現するリアルタイム通信 • メディア録音/録画に関するAPI
(おまけレベル)
4.
Web技術で実現する リアルタイム通信
5.
Web技術でメディア通信 • 今までは専用機器に専用ソフトウェアが主 • 従来の一対多,
多対多での やり取りの実装は無理ゲー • でも,2年前くらいから可能になってきた
6.
WebRTC • Web Real-Time
Communication の略 • HTML5 の1つとしてW3Cで策定 • P2P通信でのリアルタイム通信 • プラグイン無しで ビデオチャットやファイル共有等を 実現することができる
7.
WebRTC のいいトコロ • 映像/音声/データのリアルタイム通信における オープン標準 (Sk⃝pe,
Web⃝xとか独自仕様すぎてク ry) • Webと名前付いてるけど 実はネイティブで使える
8.
WebRTC の対応状況 対応 種別
その他 ⃝ Chrome ⃝ Firefox ⃝ IE プラグイン要 × Edge ORTC実装予定,getUserMediaは実装済み. ⃝ Safari プラグイン ⃝ Android (ネイティブ) 要コンパイル ⃝ Android (標準ブラウザ) Android5.0移行∼ ⃝ Android" (Chrome, Firefox) ⃝ iOS (ネイティブ) 要コンパイル × iOS (Safar,Chrome) ⃝ Windows (ネイティブ) 要コンパイル ⃝ Mac (ネイティブ) 要コンパイル
9.
WebRTCの中身
10.
なぜ知るべきか • 知らなくても作れる • でも,
基本的にトラブった時に仕組みが 分かってないと死ぬ • ブラウザによって動きが違う所もあるので そのあたりも知ってる必要あり
11.
ICE • WebRTCクライアント同士がP2Pネットワー クを介して接続する仕組み • STUN
/ TURN 等 • いい感じに繋げる為の仕組み
12.
STUN • 受信に使う自身のグローバルのIPや ポートを知る為の仕組み • UDPホールパンチングで NATへ穴をあける
13.
STUN
14.
STUN
15.
STUN
16.
TURN • NATに穴を開けれない場合にデータ通信を 中継する仕組み • 正直セキュリティがしっかりしてる所で 使おうとするなら必須 •
ただ,万能じゃない
17.
TURN
18.
シグナリング • 自身の環境がどういったコーデックに対応し ていている等の情報のやりとり • 中身は難解なので気にせず そっとしておく心の広さも必要
19.
通信のプロトコル • DTLS -
SRTP なので セキュアな リアルタイム通信 • UDPだけどDTLS 使ってるので程々に データ整合性も保証
20.
正直, めんどくさい。。。
21.
便利な物を使いましょう
22.
SkyWay • NTT-Communications の提供するプラットフォーム (http://nttcom.github.io/skyway/) •
STUN/TURN/シグナリング API, Android/iOSライブラリ等々 • 画面共有や録音API等有り • 今のところ無料
23.
Sora • 時雨堂が開発中のWebRTC SFUスタック 開発ログ
-> (https://gist.github.com/voluntas/ e914aa245fc26f3133c2) • 一対多のメディアストリームに対応 • 将来的に録画機能等を予定 • 圧倒的技術力感
24.
現状 • SkyWayとかだと単にビデオチャットだと 15分程あれば作れる • それだけ簡単な分それだけだと あまり価値もない •
Sora等で実現予定の録画等の 配信機能が今後はキーな予感
25.
メディア録音/録画に 関してのAPI (おまけレベル)
26.
MediaRecoding API • ブラウザを使って録画/
録音が可能 • 現状はFirefox だけ • 録画しながら配信は現状できない
27.
Demo
28.
ま と め
29.
まとめ • WebRTCでメディア通信は結構簡単になった • ただ,通信に関する知識は必須 •
SkyWay, Sora 等のサービスを使って 開発することが現実的 • 今後はサーバー等での録画はアツい
30.
お わ り
Download