WebRTCによるビデオチャットサービスの開発 - Qiita

2015/07/30 314 users WebRTC Qiita ビデオチャットサービス 下書き 月々

はじめに Webで使えるビデオチャットサービスを開発しましたので、システム構成や使用したフレームワークやサービス、開発のポイントなどまとめてみました。 (去年にはQiitaの投稿を作っていたのですが、下書き保存したまま忘れて今頃の投稿になってしました。。) 月々のランニングコストは1000円以内、開発工数は1人月以内で作成しています。 WebRTCが出てきたおかげで、かなり容易にビデオチャットサー... 続きを読む

ネイティブでもWebRTCを使おう！―Android／iOSでWebRTC | HTML5Experts.jp

2015/06/19 84 users WebRTC ネイティブ インフォコム株式会社 web

ネイティブでもWebRTCを使おう！―Android／iOSでWebRTCNEW がねこまさし（インフォコム株式会社） Google I/O,WebRTC2015年6月19日 こんにちは！今回はGoogle I/O 2015の小セッションから、Justin UbertiさんとSam Duttonさんによる、”Video chat for Web, Android and iOS”のお話をお届けしま... 続きを読む

WebRTCのICEについて知る

2015/06/05 72 users WebRTC Photos ice Transcript 1

Transcript 1. WebRTCのICEについて知る WebRTC Meetup Tokyo #8 @iwashi86 1 https://www.flickr.com/photos/aigle_dore/9997830314/in/photolist-getuCJ-rg9FSw-6uBXPM-qwVxdJ-9tAAku-qHWCTA-bxJrqC-dS3syZ-9RJHEB-9Tat6g... 続きを読む

WebRTC サーバを開発する理由 — Medium

2015/06/03 149 users WebRTC unlisted medium Yes サーバ

The author chose to make this story unlisted, which means only people with a link can see it. Are you sure you want to share it?Yes, show me sharing options WebRTC サーバを開発する理由 ブラウザ同士がやりとりする WebRTC だが、当... 続きを読む

WebRTCで録画する！MediaRecoderを使ってみよう | HTML5Experts.jp

2015/02/16 48 users WebRTC Firefox 実装 録画機能 ブラウザ

こんにちは！がねこまさしです。今回はWebRTCの録画機能を使って、ブラウザ(Firefox)で録画してみましょう。 Media Recorder API WebRTCでの録画機能はについては、MediaRecorder APIとしてこちらで検討が行われています。 MediaStream Recording Firefoxではすでに実装が始まっていますので、実際に使ってみることができます。 早速録... 続きを読む

A jQuery for WebRTC

2015/02/11 17 users Transcript 1 WebRTC

Transcript 1. A jQuery for WebRTC Thomas Gorissen 2. Thomas is a web dev for 16 years loves great UX organizes JSConf.Asia mentors at SEA’s startup accelerator JFDI lives in Singapore helps developers... 続きを読む

WebRTCにおけるサーバーソリューションの決め手とは？─WebRTC Conference Japan基調講演 | HTML5Experts.jp

2015/02/09 34 users プレゼンター カンファレンス 主宰 基調講演 WebRTC

連載： WebRTC Conference Japan 特集 (2)2月5日、6日にかけて「WebRTC」をテーマとした、日本初のカンファレンスであるWebRTC Conference Japanで開催された。本記事では、その中の基調講演の1つである、WebRTCに於けるサーバーソリューションの決め手とは？の内容について紹介する。プレゼンターはDialogic社およびwebrtcH4cKSの主宰で... 続きを読む

ニュース 2015年1月27日：WebRTCプラットフォーム「SkyWay」にTURN機能を追加し国内初のトライアル提供を開始 | NTT Com 企業情報

2015/01/27 18 users SkyWay WebRTC NAT NTT Com 略称

NTTコミュニケーションズ(略称：NTT Com)は、WebRTC*1技術を活用できる無償のプラットフォーム「SkyWay*3」に、通信プロトコルTURN*4を利用可能な「TURN機能」を追加し、2015年1月27日より、WebRTCを活用したサービスを開発・提供する方(以下、開発者)を対象に無償トライアル提供を開始します。TURN機能の利用により、NATなどネットワーク機器の設定のためPeer ... 続きを読む

JavaScript - WebRTCにおけるNAT越えの課題へのアプローチ - Qiita

2014/12/15 50 users WebRTC Qiita NAT NAT越え 既存

WebRTCは、音声映像メディアやデータをP2Pで通信する能力をブラウザに提供します。しかし、既存のインターネットの世界ではNATが広く用いられており、容易にP2Pを利用することはできません。この記事では、NATに対してどのような課題がWebRTCに存在し、どのようなアプローチで解決を試みているかについて解説します。 インターネットの世界におけるNATの存在 今日のインターネットにおいて、エンドユ... 続きを読む

WebRTC - Mac版Chromeで、Firewallが越えられない話 - Qiita

2014/12/15 22 users Firewall TURN WebRTC Qiita NAT

はじめに WebRTCでFirewall/NATを越えて通信するために、TURNと呼ばれる仕組みを使います。80/TCPや443/TCPしか通さないFirewall越しでも、TURN over TCP を使えば、壁を越えて通信することができます。 これでめでたしめでたし、だと思っていたのですが、自社内でFirewallを越えられないケースがありました。その1つケースでどうやら原因が判明したので、こ... 続きを読む

WebRTCで「ピー」をやってみる - Qiita

2014/12/10 24 users WebRTC Qiita ピー 音階 マイク

var context = window.AudioContext || window.webkitAudioContext; var ctx = new context(); var osc = context.createOscillator(); osc.frequency.value = 880 * Math.pow(2,2/12); // シの音階(ラの音階より全音上) マイクと「ピー」... 続きを読む

WebRTCのデータチャネル解説 - Qiita

2014/12/06 68 users WebRTC Qiita プロトコル API 従来

データチャネルによって従来では成し得なかったP2Pのブラウザアプリケーションの実現が可能となります。WebRTCといえば、多くの人がブラウザ上での音声映像チャットを思い浮かべるでしょう。しかし、WebRTCではP2Pでのデータ通信を提供するデータチャネルも含んでいます。 この記事では、データチャネルの特徴とAPIやプロトコルについて解説し、最後にその活用方法に触れたいと思います。 なおこの記事は、... 続きを読む

WebRTCでキャスしよう！片方向リアルタイム映像配信を作ろう | HTML5Experts.jp

2014/11/20 79 users WebRTC ビデオチャット 双方向 ライブラリ 双方

連載： WebRTC (3)こんにちは！がねこまさしです。「WebRTCを使ってみよう」シリーズの最新話をお送りします。今回は、簡易的な放送局を作ってみましょう。 片方向配信の特徴 WebRTCを使った音声通話、ビデオチャットのサンプルには、双方向のものが多く見られます。ライブラリもそれを前提とした作りのモノが多いようです。なので今回は、片方向配信を実際に動かしてみましょう。 片方向配信には、双方... 続きを読む

VP8 and H.264 to both become mandatory for WebRTC | Andreas Gal

2014/11/17 17 users WebRTC Andreas Gal

WebRTC is one of the most exciting things to happen to the Web in years: it has the potential to bring instant voice and video calling to anyone with a browser, finally unshackling us from proprietary... 続きを読む

マイクロソフト、Internet ExplorerにリアルタイムコミュニケーションAPIを実装へ。プラグインなしでSkypeの実現を － Publickey

2014/10/28 58 users Publickey WebRTC Skype マイクロソフト

米マイクロソフトはInternet Explorerにテレビ電話のような機能を実現するAPI「ORTC API for WebRTC」を組み込むための開発を開始すると、Skypeのブログで発表しました。 Webブラウザ間でチャットやテレビ電話のようなリアルタイムコミュニケーションを実現するAPIには、以前からW3Cが標準化に取り組んでいるWebRTCがあります。WebRTCはすでにChromeやF... 続きを読む

WebRTCにおけるNAT越えの課題へのアプローチ - 鈴木うどんの横須賀おもしろ生活

2014/10/21 150 users WebRTC インターネットプロトコル NAT越え 横須賀

2014-10-21 WebRTCにおけるNAT越えの課題へのアプローチ 技術ネタ インターネットのエンドユーザが用いるホストのほとんどが何らかのNATデバイスの配下に設置されている。この事実はWebに携わる技術者の間では広く知られているだろう。全世界に広がった広大なインターネットの世界に対応するために、新たなインターネットプロトコルであるIPv6が発案されて少なからず時間が経過した。それにもかか... 続きを読む

実はずっとWebRTCをウォッチしている - 鈴木うどんの横須賀おもしろ生活

2014/10/10 92 users WebRTC Programing シグナリング 横須賀 解釈

2014-10-10 実はずっとWebRTCをウォッチしている Programing 技術ネタ WebRTCについての話を社内勉強会でしてきたを見て、 自分も何かを書いてみようかと思った。公知になっている情報を中心に書いていこうと思う。 する話 僕のWebRTCの解釈 既存の通信技術との違い WebRTCのシグナリングの特徴点 今のWebRTCの情報源 今のWebRTCの妥当な使い道 しない話 V... 続きを読む

WebRTC (概要から中の仕組みまで) // Speaker Deck

2014/10/09 33 users WebRTC Speaker Deck 概要

All slide content and descriptions are owned by their creators. 続きを読む

WebRTCについての話を社内勉強会でしてきた - from scratch

2014/10/09 187 users WebRTC ネットワークアプリケーション オラ 社内勉強会

2014-10-09 WebRTCについての話を社内勉強会でしてきた WebRTC ずっと興味はあったし、追っていたんですが手は出せていなかったWebRTCについてやっと学ぶことが出来ました。ハイパフォーマンス ブラウザネットワーキング ―ネットワークアプリケーションのためのパフォーマンス最適化作者: Ilya Grigorik,和田祐一郎,株式会社プログラミングシステム社出版社/メーカー: オラ... 続きを読む

SpeechRecognitionとWebRTCでつながる新感覚言葉遊び「コトバツナギ」の技術全て見せます！ | HTML5Experts.jp

2014/08/26 31 users WebRTC 連載 HTML5Experts.jp 概要 特集

連載： HTML5 Japan Cup 特集 (6)「コトバツナギ」というWebコンテンツを作成し、HTML5 Japan Cup 2014で最優秀賞を頂きました。コトバツナギは、SpeechRecognitionとWebRTCを軸にしたマルチユーザーコンテンツです。このコンテンツで使っている主な技術の解説をしたいと思います。 概要 コトバツナギは、声に出して声で遊ぶマルチユーザーコトバアソビゲー... 続きを読む

WebRTC技術を使ったP2Pゲーム「あっち向いてホイ」

2014/08/17 12 users ホイ WebRTC Robust アプリケーション

WebRTC技術を使ったP2Pゲーム「あっち向いてホイ」このアプリケーションは、ビデオ通信にWebRTCを使ってるので Google chrome を利用してください HTML5 Boilerplate HTML5 Boilerplate helps you build fast, robust, and adaptable web apps or sites. jQuery jQuery is ... 続きを読む

WebRTC（PeerJS）で遠隔作業支援システムを作る（3） - Tech-Sketch

2014/08/11 47 users WebRTC PeerJS サーバサイド Express 前回

WebRTCを用いた遠隔作業支援システムを作ります。 前回 はスマートグラス（Vuzix M100）とサーバサイド（node.js + express + peerjs-server）の環境構築について説明しました。今回はCoffeeScriptで記述されたモジュールの全体構成と、PeerJS & MediaStreamの初期化処理について解説します。 CoffeeScript WebRTCを用い... 続きを読む

WebRTCの技術解説 公開版

2014/08/07 448 users WebRTC 技術解説 公開版

Full Name Comment goes here. 12 hours ago Reply Edit Delete Spam Block 続きを読む

How does Hangouts use WebRTC? a chrome://webrtc-internals analysis (Philipp Hancke) | webrtcHacks

2014/08/06 10 users WebRTC

A review of how Chrome uses WebRTC to enable plug-in free Hangouts using Chrome's built-in webrtc-internals diagnostics tool by Philipp HanckeUpdate: Philipp continues to reverse engineer Hangouts usi... 続きを読む

WebRTCの最新動向が満載！WebRTC Update（Google I/O 2014番外編） | HTML5Experts.jp

2014/08/06 32 users サンフランシスコ WebRTC 連載 ハイライト Google

連載： Google I/O 2014 特集 (10)Google I/Oの後で Google I/Oの後に、技術者が集結したサンフランシスコで様々なイベントが開催されたようです。WebRTC関連として、Kranky Geek WebRTC Event というものがあり、そこでGoogleからWebRTC Updateと題した発表がありました。今回はその50分のセッション映像から、ハイライトをご紹... 続きを読む