LoginSignup
80
80

More than 5 years have passed since last update.

WebRTC関連の記事等へのリンクまとめ

Last updated at Posted at 2014-10-14

WebRTC関連の記事等へのリンクまとめ

customLogo.png

工事中★

WebRTC サーバサイド技術確認事項一覧
twilio Real-time video infrastructure and SDKs

FirefoxがWebRTCとgetUserMediaのPromise化に対応したので早速試してみる
WebRTCで絵チャットを作った話し

IETF RFC ICE/TURN/STUN ことはじめ

Live Assist WebRTCコールセンター
インテル社のファンドが、Live Assistの開発元CafeXに投資を決定

WebRTCはGoogle独自の技術ではない!「WebRTC Meetup Tokyo #7」イベントレポート

Remote control over mobile networks – the making of a 5G use case demo

WebRTC を活用した
食卓コネクトサイトの開発

食卓コネクト

RecordRTCの実装方法
RecordRTCで録画した動画をサーバーにアップロード -RecordRTC to PHP-

HLSについて知っていることを話します

webrtcsupport

SDP for WebRTC - From Basics to Maniacs -

getUserMedia

Chromebook 「だけ」で WebRTCを動かそう

Big Buck Bunny

Big Buck Bunny 4k,Quad-Full-HD,他

video-js

WebRTC Monitoring and Management by Varun Singh

React Canvas - 要注目!ReactでCanvasに描画

Firefox の WebRTC で H264 を使う

streamroot

licode

Janus

Building a Raspberry Pi 2 WebRTC camera

WebRTC スタックコトハジメ

percevio.com ビデオチャット、ファイルシェア付き

Excuse me Sir, Your WebRTC is Leaking

IPアドレス出ますねDEMO

Respoke

HTML5で音を扱う3つの方法面白法人カヤック HTMLファイ部 藤澤伸

High Performance Browser Networking

1meetingの裏側

Google JavaScript Style Guide 和訳

WebRTCカレンダー1日目でTukimikage氏に記事の紹介を頂けたので、
これを改修して載せさせて頂く事にしました!

AdventCalendar登録に伴い追記、削除、編集、更新しました。
まだ編集が雑で、すみません。
有益情報を頂ければ追記します!

///////////////////////////////////////////////////////////////////////////////////

1知識編

1.1基礎知識編

1.1.1#JSでの処理
WebAPI
getUserMedia
RTCPeerConnection
DataChannel
ライブラリ
その他
WebブラウザでP2Pを実現する、WebRTCのAPIと周辺技術
WeRTCのAPIと周辺技術
WebRTCにおけるメディアの取り扱い
WebRTCでブラウザーが防犯カメラに!

1.1.2ブラウザでの処理

ブラウザ

##Chrome
Chrome
Chrome canary
Chrome for Work
GoogleChrome/webrtc
WebRTCとかする時に、色々情報が出るやつ
GoogleChrome/WebRTC

FireFox

always accept webRTC webcam request

Codec

1.1.3#サーバーでの処理

サーバー

STUNサーバ AWS-EC2上に自分用のSTUNサーバを立てる話
CentOS/node -Socket.io-
PeerJS用Signalingサーバー オープンソースのWebRTCサーバー「PeerServer」インストール手順
WebRTCサーバー「PeerServer」をHerokuで動かす
Node.js で WebRTC を試せる Docker イメージを公開しました
時雨堂 TURN/STUN サーバー開発ログ

1.1.4#通信に関する処理

シグナリング

WebRTCをさわってみる&手動シグナリングしてみる
WebRTCの簡易シグナリング
WebRTCシグナリング over milkcocoa
WebRTC シグナリング over MQTT (over WebSocket)

TURN-TCP (TCP to UDP) について

NAT越え

Mac版Chromeで、Firewallが越えられない話
WebRTCにおけるNAT越えの課題へのアプローチ

1.1.5#OSごとに変わる処理

1.1.6#WebRTC関連プロトコル

プロトコル

WebRTCにて(S)RTCPが必要な理由
Anatomy of a WebRTC SDP
WebRTCの裏側 シグナリングと TURN/STUN のプロトコル解説
WebSocket, WebRTC, Socket API 最新Webプロトコルの傾向と対策 - HTML5 Conference 2013
最新Webプロトコル傾向と対策

1.1.7#WebRTC関連知識
WebRTC is secure, or not secure? - WebRTC セキュリティ概説 -
WebRTC/ORTCの最新動向まるわかり!

1.1.8#WebRTC関連ツール

/////////////////////////////////////////////

1.2プログラミング知識編

1.2.1#getUserMedia系

getUserMedia()

getUserMedia()で、カメラと透過マスク
getUserMedia使ってJSで動くチューナー作った。
WebRTCで「ピー」をやってみる
レガシーなWebブラウザにもgetUserMediaを「getUserMedia.js
有線接続したAndroid端末をWebカメラ的に使う(ブラウザ上での映像表示)
WebRTCのgetUserMediaでビデオ出力
WebRTCのGUMの映像をサーバに保存する。
WebRTCのgetUserMediaでビデオ出力
ブラウザで端末のWebカメラを使ってみる : WebRTC のStreamAPIについて

1.2.1.1設定
constraintsの設定
video/audioの設定
解像度の設定
帯域の設定

1.2.1.2キャプチャ実装
静止画像キャプチャ
ビデオキャプチャ
WebRTCで録画(Firefox用)
WebRTCで録画する!MediaRecoderを使ってみよう
RecordRTC: WebRTC audio/video recording ® Muaz Khan
WebRTC Tab Sharing / Broadcasting

スクリーンキャプチャ系
Screen Capture W3C First Public Working Draft 10 February 2015
WebRTC でスクリーンキャプチャ(動画)をしてみた
WebRTC(PeerJS)とPolymer(全然凝ってないけど)を使ったデスクトップ画面共有アプリを作ってみた。

動画キャプチャ
静止画像キャプチャ

1.2.1.3Input実装
動画の再生
静止画像の再生

1.2.1.4データチャネル実装
Data channelの活用方法とその可能性 - WebRTC Conference Japan

DataChannel

WebRTC DataChannelの活用方法とその可能性─WebRTC Conference Japan
WebRTC data channels
WebRTC-DataChannel使ってみたよ
WebRTCのデータチャネル解説
WebRTC + dataChannel + VideoStream の接続フロー
WebRTCのRTCDataChannel APIを使って、複数人にデータを送信してみる
WebRTC data channels 高パフォーマンスなデータ交換のためのWebRTC data channels

1.2.2#接続
1.2.2.1基本的な接続
1.2.2.2ICE解説
Trickle ICE
1.2.2.3複数人接続.md

配信技術

WebRTCで複数人接続してみる
WebRTCを使ってクライアント間でストリーミング配信「Ztream」
WebRTCでキャスしよう!片方向リアルタイム映像配信を作ろう
WebRTC でカメラからの映像を多段中継して配信するサンプル

1.2.2.4MCU.md
Kurento
Nodeで操るKurentoメディアサーバー ( Kurento + WebRTC + Node.js )

1.2.3#OS別実装
1.2.3.1iOS.md

iOS組み込み

iOSでWebRTCアプリを作ってみる (組み込み編)
iOSでWebRTCクライアントをビルドする際の参考情報
gandg/webrtc-ios
XcodeでAppRTCDemoをビルドできるようにしてみる

1.2.3.2Android.md
WebRTCなAndroidネイティブアプリケーションについて

4#ライブラリ

サーバー

rfc5766-turn-server
coturn

GitHubアカウント

muaz-khan / github
Naoki Tsujio/github
Sam Dutton / github

webrtc-socketio-sample

PeerJS

PeerJS skyway対応版
PeerJSを用いたリモート監視システムのサンプル
PeerServer の分散構成
WebRTCでビデオ通話するためにpeerjs-serverをインストールした時のメモ
peerjs-serverでSignalingをSSL化する.

skyway

skyway
「WebRTC Chat on SkyWay」のトライアル提供開始 ~サーバーに履歴を残さず、暗号化されたプライバシー性の高いコミュニケーションを実現~
SkyWay HandsOn
SkyWayを使ってWebRTCでDTMFトーンを送信する

OpenTokRTC

OpenTokRTC
OpenTok 2.0
SENSEI NOTEのWebRTC導入事例─Opentokで安定したビデオチャットを提供する

PhoneRTC

PhoneRTC
WebRTCをcordovaから使えるようにする PhoneRTCの紹介

Temasys

Temasys WebRTC Plugins
Temasys WebRTC Plugin Public Documentation WebRTC Plugins

bowser

EricssonResearch/bowser A WebRTC browser for iOS developed in the open. Bowser is built on top of OpenWebRTC.

その他
jumbotron
WebRTC による P2P 型分散匿名掲示板 webrtc-bbs を公開しました

easyRTC
opus
openh264
WebRTC
WebRTC Native Code Package

/////////////////////////////////////////////

応用知識編

1.3.1Canvasとの連携.md

CreateJSとNode.jsを使ってサーバーサイドでCanvasを扱おう

1.3.2Arduinoとの連携.md

1.3.3LeapMotionの連携.md

leapmotion/leapjs-network

Web Audio API 解説

画像処理

リアルタイムにライブ映像をマンガ化「マンガテレビ」アーキテクチャ編
JavaScriptで『漫画カメラ』的画像加工
SpeechRecognitionとWebRTCでつながる新感覚言葉遊び「コトバツナギ」の技術全て見せます!

顔認識

Face Tracking Effectorがあんまりカッコいいモンだからheadtrackrを触ってみた

可視化

超音波通信やろうとして音の可視化(可聴域の特定周波数の判別など)をやった話【前編】
電話テキスト化サービス – WebRTCで電話を実現しつつ音声をテキスト化
Caption Phone / 字幕付きボイスチャット

SIP間

クラウドにAsterisk立てて[SIPクライアント-(WebRTC)-WEBブラウザ]間でビデオ通話した時のメモ
WebRTCとSIPを結びつけるSDKをPlivoがローンチ…Webと固定電話の通話も可能に

/////////////////////////////////////////////

2実装編

2.1WebRTC関連PCブラウザ編

2.1.1接続機能の実装

2.1.1.1ビデオ会議機能の実装 / 1 to 1

入門

WebRTCコトハジメ
WebRTCを仕組みから実装までやってみる
WebRTC事始め
WebRTC(PeerJS)で遠隔作業支援システムを作る(基礎知識編/実装編/)
WebRTCメモ
WebRTCを使ってみよう!
ビデオチャットを劇的に身近にするブラウザ技術「WebRTC」を徹底解説
WebRTCでビデオチャットアプリ作成

2.1.1.2複数人ビデオ会議機能の実装 / 1 to n

2.1.1.3大規模複数人ビデオ会議機能の実装 /1 to n(MCU)

2.1.2データ共有機能の実装

2.1.2.1チャット機能の実装 / DataChannel

2.1.2.2スクリーンシェアリング機能の実装

Chrome Extensionでスクリーンシェアをやってみる

2.1.2.3アノテーション機能の実装 / Canvas

2.1.2.4データ共有機能の実装 /

ファイル共有

WebRTC を使った P2Pファイル共有ソフトは違法か
WebRTCを使ってファイルを送受信「webRTC Copy」
WebRTCを使ったP2Pファイル送受信「Sharefest」

2.1.2.5動画取込み再生機能の実装 /

2.1.3記録機能の実装

2.1.3.1映像記録の実装 /

2.1.3.2録音機能の実装 /

2.2関連機能の実装

2.2.1ログイン機能の実装 /

2.2.2コール機能の実装 /

3その他

3.1便利リンク
3.1.1#WebRTC関連の企業

関連インタビュー

WebRTC Interviews / BlogGeek.me
WebRTCエキスパート座談会

情報サイト

webrtcHacks
webrtcworld.com
HTML5experts
id:Jxck ブックマーク / WebRTC (41)

カンファレンス

WebRTC Conference Japan

勉強会

WebRTCmeetup tokyo

イベント

HTML5 Japan Cup
WebRTCを使って復興支援アプリを作ろう〜WebRTC ハッカソン〜
2014/06/07(土)

mozaic.fm

#6 WebRTC

Google groups

discuss-webrtc
SkyWay Technical Forum

関連書籍

HTML5 Web標準API バイブル 単行本 – 2014/1/20 羽田野 太巳 (著)
ハイパフォーマンス ブラウザネットワーキング ―ネットワークアプリケーションのためのパフォーマンス最適化2014/5/16 Ilya Grigorik (著), 和田 祐一郎 (翻訳)
WebRTC: APIs and RTCWEB Protocols of the HTML5 Real-Time Web Kindle版
Real-Time Communication with WebRTC: Peer-to-Peer in the Browser
WebRTC ブラウザベースのP2P技術
[基礎からわかるTCP/IP ネットワークコンピューティング入門]

WebRTC関連企業

NTT Communications
tokbox
Temasys
KANDY

MCU

Dialogic

サービス

talkin
appear.in
1meeting
Awesometalk
LightCDN

デモ

AppRTC
WebRTC reference
Head Tracking sample
人狼裁判
コトバツナギ
みんなでらくがきRTC

関連ガジェット

ChromeCast
AIRTAME: Wireless HDMI for Everyone.

P2P技術

WebRTCに使われるP2Pの技術

スライド資料

Kensaku Komatsu 氏

API Meetup Tokyo #3 WebRTCにより可視化されるリアルタイムクラウド。求められるAPI
iPhoneでなんちゃってWebRTC
うしちゃん WebRTC Chat on SkyWayの開発コードw 簡単なビットレートの減らし方

がねこまさし 氏

2013 WebRTC 概説 & ワークショップ
東京Node学園祭2013 WebRTCを始めよう
WebRTC Summit 2014 NewYork 参加報告
Secret talk with WebRTC and WebAudio

Futomi Hatano 氏

ようこそ、HTML5裏APIの世界へ - HTML5 Conference 2013

Yusuke NAKA 氏

5分で分るWebRTCコーデックウォーズ
WebRT最新動向

iwashi86 氏

WebRTCを支えるマイナーなプロトコル SRTP/DTLS/SCTPを分かった気になる
WebRTC Meetup Tokyo #2 WebRTCの弱点議論

You_Kinjoh 氏

WebRTCの話
HTML5と WebSocket / WebRTC / Web Audio API / WebGL 技術解説
HTML5によるリアルタイムコミュニケーション WebRTCの概説
HTML5の基礎と応用 ~Open Web Platform~ WebSocket / WebRTC / Web Audio API / WebGL 第三版
WebRTC活用事例 WebRTCを使ってこんなものつくりました VCMap - Video Chat on The Map

satoru_tk 氏

WebRTC Meetup Tokyo #3 - WebRTC Conference参加報告
WebSocket / WebRTCの技術紹介
Practical Web Audio API Programming
WebRTCとか勉強会

文章

実はずっとWebRTCをウォッチしていたので大局的な話を書いた
WebRTCで変わるWebの未来
WebRTC: サーバのない世界でwebをつくり直す
Screenhero: WebRTCをペアプロのツールに応用するときの工夫
WebTorrent: サーバなしでPtoP接続を実現する

まとめ

WebRTCのオープンソースソフトウェアまとめ

ち〜ん

ち〜ん
モノとつないでWebを楽しくしよう
Romo欲しい
フィジカルWebアプリ「ち〜ん」をすべて公開 (WIP)

///////////////////////////////////////////////////////////////////////////////////

未整理

Intel® Collaboration Suite for WebRTC (Intel® CS for WebRTC)
公開鍵暗号と電子署名の基礎知識
複数のストリーム同時送信やストリームの切り替え
Web Audio APIを触り始めた人が最初にハマりそうなところ
ここが嫌だよ!WebRTC
WebRTC+オセロ
WebRTC関連技術の標準化動向
libsrtp
ging/licode
my Free ConfCall
Extensible web
Broadcasting of a Video Stream from an IP-camera Using WebRTC
WebRTC スタック実装する場合読んでおくべき RFC まとめ
HaxeでWebRTCを扱う
NAKAI Ryosuke voluntas
WebRTCにおけるサーバーソリューションの決め手とは?─WebRTC Conference Japan基調講演
Server-side WebRTC Infrastructure
WebRTCにやってくる「次の波」とは?─WebRTC Conference Japan基調講演
room
Web of Thingsの現状とWebRTC活用の可能性
Chrome - Firefox WebRTC Interop Test - Pt 1
WebRTCSOLUTIONS
WebRTC Conference Japan で話してきた
結婚式二次会用に Node.js x ブラウザでタイピング対決アプリを作ってみた
WebRTC Conference&expo Event Sponsors
Henrik Joreteg
twillio
openpeer/ortc-node
GoogleChrome/webrtc
coturn
chrome.desktopCapture
Browser Security Hole May Allow Real IP Leak
Mist Technologies
WebRTCによる負荷分散システム「MistCDN」のMist Technologiesが、グローバル・ブレインから資金調達
HTML5 での映像と音声の取得
EricssonがWebRTC対応のモバイル向けブラウザ「Bowser」をオープンソースで公開
Y-NAKA/webrtcmeetup-5
TrickleICEとは - WebRTCの要素技術 -
firefoxDEMO
ShareDrop
cowbell/sharedrop
WebRTCでリアルタイム画像処理してみた
PeerJSのObjectiveC版 PeerObjectiveC書いてみた
Google Chromeの詳細情報を見る方法 HTTPヘッダー、通信状態など開発者向け情報
Google/Webrtc
AppRTCDemo
Googleマップを手軽に利用する定番プラグイン「gmap3」
2015-01-30 超簡単に3DCGできるJavaScriptライブラリ作った
Global Network Traversal Service
Low-latency, cost-effective, reliable STUN and TURN capabilities distributed across five continents.

HTML5 Conference 2015 悩める組込機器向けウェブコンテンツのパフォーマンス
AT&T Enhanced WebRTC (Beta) API
PowerMedia XMS Trail版インストール手順
Google ハングアウトのログを取得する(Chrome ブラウザまたは Chromebook で WebRTC ログを取得する方法)
numb(Numb is a STUN/TURN server.)

有益

WebRTC (概要から中の仕組みまで) by Yosuke Furukawa
WebRTCの最新動向が満載!WebRTC Update(Google I/O 2014番外編)
webRTC/webRTC.io An abstraction layer for webRTC. Aim is to simplify the HTML5 web standard webRTC in a similar manner to socket.io w/ websockets. Highly experimental technology
node-webrtcWebRTC stack for node.js
ysugimoto/RTCPeerConnectionSample
Google: WebRTC音質テストの自動化
WebRTC で動く Chord DHT の実装 webrtc-chord を公開しました
WebRTCを利用した最初のサービス、Twelephone登場―Twitterフィードがビデオチャットになる
HTML5ギャラリーサイト

その他

OpenWebRTC A flexible cross-platform WebRTC client framework based on GStreamer
JavaScriptでファイルを即時ダウンロードさせる処理を作ってみた
kenarai7/video-chat-sample
auduno/headtrackr Javascript library for headtracking via webcam and WebRTC/getUserMedia
KensakuKOMATSU/webrtc_test
KensakuKOMATSU/rtc_datachannel
KensakuKOMATSU/rtcshare

ライセンス
CC 表示 http://creativecommons.org/licenses/by/2.1/jp/

WebRTC Advent Calendar 2014

昨日は@udonchan 氏の
WebRTCにおけるNAT越えの課題へのアプローチ でした!

明日は @gtk2k複数のストリーム同時送信やストリームの切り替えです!

80
80
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
80
80