Firebaseで楽々シグナリング──WebRTC入門2016番外編
こんにちは！ 2014年に連載した「WebRTCを使ってみよう！」シリーズのアップデートとしてお送りしているこの連載ですが、今回はもとの連載にはなかった内容を番外編としてお届けします。 httpsのハードル 前回は複数人、複数会議室で利用できるようにして、実用的なアプリを作る準備ができました。ところが実際に使おうとすると、Chromeのセキュリティポリシーと向き合わなくてはなりません。 「getUserMedia()やService Workerなどの強力なAPIは、セキュアな環境でなくては利用できない」というポリシーは今のWebの状況に合わせたものだと思います。では、その環境をどうやって用意すればよいのでしょうか？ もちろん証明書を取得して、きちんとサーバーを立てるのがまっとうなやり方です。最近はLet’s Encryptなど無料で証明書を発行するサービスもあります（参考：“Let’s
WebRTC Update 2016 Summer - Qiita
IE: プラグイン利用が必須 Edge: 現在対応中（詳しくは後述） Safari: Ericssonが WebRTC in WebKitプロジェクトを立ち上げ、開発を支援。WebKitへの実装が進められている WebRTC概要（詳細編） WebRTCが繋がる仕組み、要素技術の解説は今回の発表では行いません ご興味がある方は次の資料をお読みください 注目の最新技術「WebRTC」とは？ -技術概要と事例紹介- WebRTCの技術的習熟度 WebRTCの技術的習熟度 有名なガートナーレポートによれば 2016年版では流行期（Peak of Inflated Expectations）の終盤 流行期とは？ 世間の注目が大きくなり、過度の興奮と非現実的な期待が生じることが多い。成功事例が出ることも多いが、多くは失敗に終わる。 wikipediaより WebRTCの技術的習熟度 安定期までは2年〜
WebRTCを試すときにオッサンが映り続ける問題に対処する - Qiita
はじめに WebRTCを使ったアプリを作る際に、切っても切れないのがカメラ映像の取得です。ノート型のPCで作業したりすると、延々と自分の顔を見続けなければなりません。そこで、自分の顔の替わりに好きな動画をメディアストリームとして流すサンプルを作って見ました。 仕組み 動画ファイルの変換 ユーザにローカルの動画ファイルを指定してもらう（ファイル選択 or ドラッグ＆ドロップ） FileオブジェクトからURLを生成 (window.URL.createObjectURLを利用） それをVideoタグで再生 継続的にCanvasタグに転写 (window.requestAnimationFrameを利用） CanvasタグからMediaStreamを取り出す (Canvas.captureStreamを利用） 音声ファイルの変換 ユーザにローカルの音声ファイルを指定してもらう（ファイル選択 or
シグナリングサーバーを動かそう ーWebRTC入門2016
こんにちは！ 2014年に連載した「WebRTCを使ってみよう！」シリーズのアップデート記事も3回目となりました。今回は、前回の「手動」で行ったP2P通信の準備を、自動で行えるようにしてみましょう。 シグナリングサーバーを立てよう 前回は手動でコピー＆ペーストを行い、WebRTCのP2P通信を始めるために次の情報を交換しました。 SDP ICE candidate 今回はこれを仲介するサーバー（シグナリングサーバー）を動かしてみましょう。方法として次の2つをご用意しました。 Node.jsを使ったシグナリングサーバー Chromeアプリ Node.jsを準備しよう まず、WebSocketを使ってシグナリングを行う方法をご紹介します。WebSocketの扱いやすさから、ここではNode.jsを使います。（もちろん他の言語を使っても同様にシグナリングサーバーを作ることができます）こちらの公式
Slackにおける音声通話機能のWebRTC観点からの解析
はじめに 2016/3/3より、Slackに音声通話機能が搭載された。 試しに使ってみたSlackユーザもそれなりにいると思う。 Slack音声通話機能の対応クライアントは、現時点では限定的だ。Slackの設定画面の一文を引用すると Currently on Mac and Windows desktop apps and in Chrome; coming soon to mobile! の通りで、Chromeまたはデスクトップのネイティブアプリとなる。 音声機能が実装されていてこの種類の対応状況なら、もちろん利用技術はWebRTCと考えるのが素直だ。(しかもWebRTCベースのスタートアップであるScreenHeroを買収していることもあり) ここで、最も気になるのは内部でWebRTCをどのように利用しているか、という点だ。 すでに、WebRTCエンジニア御用達のWebRTCHacks
WebRTCで録画する！MediaRecoderを使ってみよう
こんにちは！がねこまさしです。今回はWebRTCの録画機能を使って、ブラウザ(Firefox)で録画してみましょう。 Media Recorder API WebRTCでの録画機能はについては、MediaRecorder APIとしてこちらで検討が行われています。 MediaStream Recording Firefoxではすでに実装が始まっていますので、実際に使ってみることができます。 早速録画してみる まずはいつものようにgetUserMedia()で localStreamを取得します。それを使って録画するのは、このようになります。簡単ですね! var localStream; // getUserMedia()で取得したstreamをセットしておく var recorder = null; function startRecording() { recorder = new Me
WebRTC Data Channel Sample for Android を作ってみた | Kazuyuki Eguchi Factory
ここんところ、WebRTCのアプリを作ろうとして、四苦八苦していました。 やっと、データチャンネルで送受信するアプリができたので、ここに公開します。 開発環境ですが Android Studio 1.2.1.1 build 141.19032520 を使って開発しています。 普通にプロジェクトを作成します。 まず、WebRTCのライブラリをインポートする為の設定を行います。 app配下にあるbuild.gradleのdependenciesに下記の一行を入れるだけ compile 'io.pristine:libjingle:9357@aar' これでなんと、ネイティブのsoライブラリまで持ってきてくれます（なんと便利な！） 次に、AndroidManifest.xmlにパーミッションを追加します <uses-feature android:name="android.hardware.c
Googleが語る、WebRTCテクノロジーの最前線
こんにちは、編集長の白石です。 本日は、WebRTC Conference 2016に来ております。 WebRTCの「今」をお伝えするレポートを、HTML5 Experts.jp編集部一同よりお送りいたします。 まずは基調講演より。「Status Update on WebRTC from Google」と題した、GoogleプロダクトマネージャーWebRTC ニコラス・ブルーム氏によるセッションです。 ブルーム氏のセッションは非常に専門性が高く、情報量も凄まじかったため、ここではポイントを絞って簡潔にお伝えいたします。 セッションのスライドは以下のURLからからご覧いただけます（Google Slides）。 WebRTC Status Update WebRTCのエンドポイントは30億台！ まずセッションは、WebRTCの5年間についてのサマリーから始まりました。 WebRTCは、5年
Electron で desktopCapturer と WebRTC を使ってリアルタイム配信するアプリを書いた - Qiita
Electron v0.36.0 から使えるようになった desktopCapturer モジュールと WebRTC を使ってリアルタイムに配信するアプリを書いていたのですが、 最低限動くものができたので公開しました。 https://github.com/yuitowest/decap 追記(2016/1/20) パッケージングしたものを公開しました。 https://github.com/yuitowest/decap/releases/tag/1.0.0 右上の歯車アイコンからチャンネルIDと配信用トークンを設定できるようにしてあります。 チャンネルIDと配信用トークンを設定していない場合は配信開始できないようになっています。 使用した技術
SkyWay iOS/Android SDKを使って、WebRTCアプリを開発しよう
SkyWay iOS/Android SDKを使って、WebRTCアプリを開発しよう 山村 奨（NTTコミュニケーションズ） 連載5回目の今回は、12月にアップグレードされたSkyWayのiOS/Android用SDKのチュートリアルをお届けします。 iOS/Android用SDKを使うことで、SkyWayの特徴である「WebRTCを使ったP2P通信を簡単に実現」することができます。 また、APIもJavaScript版とほぼ同じで、JavaScript版をすでに利用されている方にも実装しやすく、JavaScript/iOS/Android間での通信もサポートしています。 この記事では、そんなiOS/AndroidのSDKの利用方法を、それぞれサンプルアプリのビルド方法や解説を交えながらご紹介していきます。 まずは、iOSのサンプルアプリのビルド方法からご紹介します。Androidのみ開発
時雨堂 WebRTC SFU Sora 開発ログ
概要 時雨堂 が 1 から開発し、販売している WebRTC SFU の開発ログです。 WebRTC SFU Sora 興味がある方は sora at shiguredo.jp までご連絡ください (このメールアドレスへの特定電子メールの送信を拒否いたします) 時雨堂ノハナシ Medium にて WebRTC SFU Sora についての技術的な記事を公開しています。是非覗いてみてください。 https://medium.com/shiguredo/tagged/sora Sora Labo WebRTC SFU Sora を検証目的であれば無料で試せる Sora Labo というサービスを公開しています。 GitHub のアカウントだけあればすぐに利用可能なので是非試してみて下さい。 Sora Labo Sora Cloud WebRTC SFU Sora のクラウド版です。同時接続数と
WebRTC SFU をフルスクラッチで作ってみた
2015 年 11 月 04 日に行われる WebRTC Meetup Japan 向けの発表資料です。 Presentation materials for WebRTC Meetup Japan on 2015/11/04. 自己紹介 / Self Introduction 時雨堂 という零細企業を経営しています。 twitter は @voluntas I run a small company named Shiguredo twitter account is @voluntas モチベーション / Motivation 日本だと誰も作ってなさそうだったし、面白そうだと思ったから。 テレビ会議システムにはあまり興味なく配信システムに興味があった。 音声や映像のリアルタイムな共有に興味があった Erlang による DTLS の実装のめどがついたから。 No one in Japa
WebRTCなAndroidネイティブアプリケーションについて - Qiita
※超軽いノリで行こうと思います。そのほうが筆進むし、ついうっかり要らないこと書けるし。 やぁ。(´・ω・`)ようこそ、バーボンハウスへ。 このページはサービスだから、まず落ちついて見て欲しい。 うん、「またディープなネタ※」なんだ。済まない 謝るつもりもないし、許してもらう謂れもないと思ってる。 そろそろ、WebRTCをテレビ電話以外で活用する話をしてもいいと思うのだけど、 私にとってWebRTCは手段であって目的じゃないんだ。そこのところをわかってほしい。 それではブラウザとJavascriptでお手軽！だったハズのものを、 ネイティブで使うという本末転倒ネタを始めようではないか。 ※筆者はWebRTCMeetUpTokyoというイベントでMCUネタを展開しネイティブに突っ込んでいっている はじめに 前置きが長くなりました。活用法やメリットの話は置いておくことにして、とりあえず表題につい
トレンド会議 -
2024年4月11日かわいい女性ハーフタレントまとめ！テレビから消えた人や意外なあの人も！ 芸人・タレント 2024年4月7日サッカー現役引退発表！松井大輔は妻・加藤ローサと仲良し？前妻は誰？ トレンド話題 2024年4月2日WBCにも選出！巨人ドラフト1位・大勢の苗字は？過去の病気や生い立ちも紹介 スポーツ 2024年3月28日シソンヌじろうの結婚相手（嫁）は誰？馴れ初めや噂を徹底調査 芸人・タレント 2024年3月21日出金が早いオンラインカジノはどこ？反映スピードや出金が早くなるコツも紹介 エンタメ 2024年3月14日新生活で電車を使う人必見！定期の買い方や注意点、混まない時間と車両を伝授 トレンド話題 2024年3月12日スタイル抜群！菜々緒は結婚願望がない？旦那候補や歴代彼氏も調査 俳優・女優 2024年2月29日韓国のサッカー選手にイケメンが多い？要チェック選手3人を紹介 ス
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
https://webrtc.googlecode.com/svn-history/r4995/trunk/talk/examples/android/src/org/appspot/apprtc/AppRTCDemoActivity.java
WebRTCサービスを個人で運営してみた話
appear.in – one click video conversations
WebRTC Boot Camp (WebRTC Conference Japan 2016) 事前公開版
スマホ(Android・iPhone)でWebRTC
WebRTC開発者向けプラットフォーム SkyWayの裏側
