WebRTC と iOS Safariのゲートウェイをブラウザで作ってみました。WebRTC Meetup Tokyo 14 ( https://atnd.org/events/86309 ) 向けの資料です
WebRTC と iOS Safariのゲートウェイをブラウザで作ってみました。WebRTC Meetup Tokyo 14 ( https://atnd.org/events/86309 ) 向けの資料です
WebRTCは変化が速いのできちんとキャッチアップしているPeerJSとEasyRTCがよさそうです。 ただし、EasyRTCはなぜかサンプルのビデオチャットが真っ黒になってうまく動きませんでした。原因は調べていません。 ICEサーバー 上記のOSSにはICEサーバーは含まれておらず、だいたいstun.l.google.com:19302というGoogleのSTUNサーバーをデフォルトで指定しています。 本番で動かすにはICEサーバーも自前で立てるのが望ましいです。 ICEサーバーは元々いろいろなOSSがあります。 表にまとめるのは力尽きたので、リストで。一番上のがいいんじゃないかなってなんとなく思っています。 rfc5766-turn-server - High-performance free open source TURN and STUN Server implementatio
「WebRTC Conference and Expo 2013 Atlanta」のレポート。日本ではまだまだ様子見の雰囲気が強いWebRTCですが、特にアメリカでは様々なサービスや取り組みが始まっています。日本からもどんどんWebRTCを活用したアクティビティを発信して行きたいですね!海外動向が気になる人は要チェック! 世界中で注目されるWebRTC HTML5 Experts.jp編集部による執筆記事第一弾とりなす。2013年6月25日から27日の3日間、アメリカのアトランタにて「WebRTC Conference and Expo 2013 Atlanta」が開催されました。カンファレンスでは、Developer、Business、Enterprise、Telecom、Mobileそれぞれの分野についてのパネルセッションやワークショップなど計39セッションに加え、参加企業50社以上の
webRTC iOS example app. Forked from newOcean. Updated to the latest webrtc iOS example code from google. Not sure the trunk directory is needed. To Run example: Build this code for a device (iPad or iPhone). Open a Google Chrome browser (not IE, Firefox or Safari - spent a day debugging why Firefox was not working - CHROME!!) Open this URL: https://apprtc.appspot.com Ensure the camera on your lapt
コロナウイルスが流行する前の2020年1月上旬、中国の杭州に行ってきたのでその記録を書いておく。 はじめに 自分はこれが中国へ行くの5回目。それなりに慣れている方だと思うけど、中国人と一緒に行ったほうが圧倒的に楽です。 数年前にキャッシュレスが普及して、その後も規制が変わったりして行くたびに状況が変わっています。なので、ここで書いてあることは半年後には参考にならないかも。 事前にやっておくこと WeChatPayのアカウントを作る、可能なら本人確認とチャージをやっておく Alipayのアカウントを作って、可能なら本人確認とチャージをやっておく 中国で使える香港SIMを買う WeChatPayとAlipayのアカウントは、外国人でも作れるときと作れないときがある。またお金もチャージできるときとできないときがある。 事前にググってできるかどうか試しておくのが重要。 また、中国はいわゆるGrea
ブラウザ間で動画や音声のリアルタイム通信を実現するWebRTCのバックエンドサービス「SkyWay」、開発者に無償提供。NTTコミュニケーションズ Webブラウザからマイクやビデオカメラにアクセスし、相手のブラウザとピア・ツー・ピアで通信を行うことにより、プラグイン不要で容易にビデオチャットや音声チャットなどを実装できる「WebRTC」の仕様策定と実装が進んでいます。 NTTコミュニケーションズは、このWebRTCのコネクションの仲介をするバックエンドサーバ「SkyWay」、およびWebRTCを利用するためのJavaScriptライブラリのソースコードなどの提供開始を発表しました。 SkyWayを利用することで、開発者は複雑な通信制御をまかせることができます。プレスリリースから引用します。 WebRTCでブラウザ間の直接通信を開始する前には、仲介サーバーを介して通信制御を行う必要があり、そ
WebTorrent is a streaming torrent client for node.js and the browser. YEP, THAT'S RIGHT. THE BROWSER. It's written completely in JavaScript – the language of the web – so the same code works in both runtimes. In node.js, this module is a simple torrent client, using TCP and UDP to talk to other torrent clients. In the browser, WebTorrent uses WebRTC (data channels) for peer-to-peer transport. It c
http://googletesting.blogspot.jp/2013/11/webrtc-audio-quality-testing.html 「WebRTC: サーバのない世界でwebをつくり直す [Realtime Conf. 2013Real]」でFeross Aboukhadijehが話題にだしていたように、WebRTCではテストまわりがまだ充実していないようですが、今回Googleはブログで音質テストの自動化の取組みを紹介しています。 1) Quality Metrics 例えば、GTAC 2013 Automated Video Quality Measurement(講演ビデオ / コード)では、ビデオをのインプットとアウトプットの違いを、peak signal-to-noise ratioとstructural similarityで計測した。ビデオのユーザエクスペリ
[Video] http://2013.realtimeconf.com/video/ [Slide] https://speakerdeck.com/feross/webrtc-data-black-magic しかし、23歳にして既にこのレジュメにあるようなアウトプットを連発しているFeross Aboukhadijehはすごいですね。その彼が、Realtime Conf. 2013で、WebRTCの現状と自らの新しいプロジェクトについて語っています。 1) 概要 Video/音声/データをブラウザ間のpeer-to-peerで直接やりとりできる プラグインのインストールは不要 WebSocketスタイルのシンプルなAPI 2) 利用事例 リアルタイムチャット、ファイルシェア、遅延のないマルチプレーヤー対戦型ゲーム、分散DB、ダークweb?(p-to-pコミュニティ)、CDN Mozi
2. はじめに • 本資料は以下の情報を参考に、作成しています。 – WebRTC 本家のサイト • http://www.webrtc.org/ – HTML5 ROCKS • http://www.html5rocks.com/en/tutorials/webrtc/basics/ – WebRTC for Beginners Muaz Khan • https://www.webrtc-experiment.com/docs/webrtc-for-beginners.html • https://github.com/muaz-khan/WebRTC-Experiment – WebRTC Conference 2013 Atlanta • http://www.webrtcworld.com/conference/west/default.aspx • http://images.
WebRTCはブラウザ上でリアルタイムコミュニケーションをするためのフレームワーク。HTML5 Conference 2012 HTML5のコミュニティ「html5.org」主催のイベント「HTML5 Conference 2012」が9月8日、慶應大学日吉キャンパスで開催されました。ボランティア主催のイベントでありながら、約1000人の来場者と4トラック20セッション以上という規模は、現在のHTML5への大きな注目度を示しているようです。 Publickeyでは、セッションの中からWebの最新動向に関連した「WebIntents」と「WebRTC」に関する記事を2本公開します。 WebIntentsとSocket APIでブラウザから家電が操作できる。HTML5 Conference 2012 WebRTCはブラウザ上でリアルタイムコミュニケーションをするためのフレームワーク。HTML5
http://mohayonao.herokuapp.com/theremin WebRTCを使えばJavaScriptからWebカメラとか使えるらしいので、自然の成り行きとしてテルミンを作ってみた。Google Chrome Canary buildで使える。 Google Chrome Canary buildじゃない人(普通のChrome, FireFoxを使っている人)にはFlash経由で動くやつを用意した。これは jQueryのプラグイン を使っている。ただし激重。 カメラを起動して右手で音程、左手で音量を操作できる。手の位置の検出はWebWorkerを使って行っている。RGBをHSVに変換してから各ピクセルごとに肌色判定して肌色の集まっているあたりが手だろうという超手抜き処理。 楽器としては致命的に反応が鈍い。悲しい。 Flashのカメラは事前にカメラを使って良いか許可が必要だ
ChromeのDevチャンネル版でWebRTCが使えるようになったそうなので早速試してみた。 DevChannelからChromeを落として、「chrome://flags」から有効にできます。 WebRTC(Web Real-Time Communications)は、ブラウザからカメラやマイクを利用できるようにしたり、P2Pで通信できるようにしたりといったこれまでと違ったユーザー体験をJavaScriptから簡単に使えるようにするための仕様です。 SWFやFlash Media Serverとかで出来ることがJSで出来るようになるイメージ? 詳しい仕様は、https://sites.google.com/site/webrtc/homeとかhttp://dev.w3.org/2011/webrtc/editor/webrtc.htmlを見るとよいです。 試しに、Webカメラから顔認識し
DEMO As part of the MediaStream Integration with WebRTC, the Web Audio API recently landed an undercover gem known as createMediaElementSource(). Basically, it allows you to hook up an HTML5 <audio> element as the input source to the API. In layman's terms...you can visualize HTML5 audio, do realtime sound mutations, filtering, etc! Normally, the Web Audio API works by loading a song via XHR2, fil
Google Chrome runs web pages and applications with lightning speed. Google Chromeの開発版にWebRTC実装が追加された。最新の仕様に比べると多少古い仕様が実装されているが、手軽に利用できるブラウザが登場したことは注目に値する。ChromeへのWebRTC実装の取り込みは、2011年6月に開始されていたが、半年の期間を経て最初のマイルストーンに到達したことになる。 WebRTCは、音声データや動画データのリアルタイム通信を可能にする機能。JavaScript APIとして提供されるほか、audio/videoなどのHTML5要素と絡めての使用が可能になる。WebRTCの機能を使うことで、JavaScript/HTML5からデバイスに接続されたマイクやビデオカメラにアクセスしてデータの取得が可能になるほか、特定の
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く