時雨堂 WebRTC 入門 (講師資料) v2023-05
learning-webrtc_2023-05.md 時雨堂 WebRTC 入門 (講師資料) v2023-05 これは時雨堂が開催しているオンラインイベントである WebRTC 入門の 講師用 の資料であり、 参加者用の資料ではありません。 時雨堂 WebRTC 入門 オンラインイベント 概要 ChatGPT がある今、学ぼうと思えば好きなだけ学べる時代がきています。 ただ「正しい情報」をなんとなく知っている事はとても重要だと考えています。 進め方 今回の WebRTC 入門はまず最後まで大まかに話をしていきます。 その後、残り時間を利用して、細かく話をしていきます。 資料表示用の画面と iPad を画面共有してホワイトボード的な使い方をしていきます。 お願い 是非 Discord にメモを残していってください。 後から振り返るとき、参加者の皆に有用だと思います。 ライセンス Creat
WebRTC配信システムをAWSからオンプレミスに切り替えている話
2021年7月27日 DMM meetup #31 での発表内容です
はじめに
好奇心旺盛な人のためのWebRTC #この本は、WebRTCの実装者が苦労して得た知識を世界に向けて発信するために作成されました。 好奇心旺盛な人のためのWebRTC は、常により多くのことを求めている人のために書かれたオープンソースの書籍です。 この本は抽象化されたものではありません。 この本はプロトコルとAPIに関するもので、特定のソフトウェアについて語るものではありません。 私たちはRFCを要約し、文書化されていないすべての知識を一箇所に集めることを試みます。本書はチュートリアルではないので、コードはあまり含まれません。 WebRTCは素晴らしい技術ですが、使いこなすのは難しいものです。この本はベンダーに依存せず、利益相反を排除するようにしています。 この本は誰のためのものか。 #WebRTC が何を解決するのかさえ知らず、もっと学びたいと思っている開発者。既に WebRTC を使っ
WebRTCの仕組みを活用したビデオ通話機能をVonageで試す (1/2)：CodeZine（コードジン）
最近はClubhouseが流行っていますが、実際に使われている方も増えてきているのではないでしょうか？ ご存知の方もいると思いますが、ClubhouseはWebRTCと互換性のある技術を使って、複数ユーザーへのリアルタイム音声配信を行っています。 このWebRTCの規格はかなり以前から策定されており、WebRTCの仕組みを解説した書籍やサイトもたくさんあります。したがって今回の記事ではWebRTC自体の説明は省き、実際にリアルタイム配信をiOSアプリですぐに試せる方法をご紹介します。 対象読者 iOSでWebRTCを使った開発をしてみたい方が対象となります。iOSアプリ開発に関する知識は必ずしも必要ありませんが、SwiftでiOSアプリ開発の経験がある方であればより理解しやすい内容となっています。 必要な環境 Xcode 11以降 CocoaPods Vonage Video APIについ
E2EE を開発していて思うこと
ここ数ヶ月は自社製品向けの End to End (Media) Encryption の設計と実装をしています。年内での提供を目標として開発を進めてい見ていますが、色々感じることがあったので雑に書いていこうと思います。 前提自分は暗号やセキュリティの専門家ではない自社製品向けの E2EE は Signal や Google Duo が利用している実績のある仕組みを採用しているE2EE や暗号の専門家を招聘し、相談しながら開発している自分の E2EE に対する考え悪意あるサービス管理者からユーザを守るために存在する機能と考えています。 Signal プロトコルはよく考えられすぎているSignal が考えた Curve25519 (x25519/ed25519) を利用した X3DH / Double Ratchet の仕組みは安全すぎると感じるくらいです。 相手からメッセージを受信するたび
サーバーレスでclubhouse みたいなボイスチャットサービス「mixroom」を開発しました - y-ohgi's blog
TL;DR clubhouse のような複数人でのボイスチャットサービス「mixroom」をつくりました 主にSkyWay・Firebase・Next.js を使いました。 https://mixroom.fun 「mixroom」 とは mixroom は"目的ベース"でボイスチャットをする場所を提供するサービスです。 昨今は人と話す機会が減り、友好関係も自分から能動的に獲得しにいかないと減るばかりで「孤独感を感じる」みたいなことが増えてきました。 そんなとき、ふらっと立ち寄れるなんの気構えしなくて良い場所があればなと思い、このサービスを作ってみました。 ボイスチャットをするモチベーションを"特定の人"ではなく、ゲーム・実況・もくもく会などの"目的"にすることで良い意味で言い訳ができ、人とのつながりを感じることができるんじゃないかなと考えています。 気構えしなくてよい・カジュアルに参加で
WebRTCサービスを個人で運営してみた話
PFN は、「現実世界を計算可能にする」を Vision として，膨大な計算量を必要とするシミュレーションや深層学習などの計算ワークロードを実行するためのオンプレ ML 基盤を持っています。 この発表では、「オンプレクラスタの概要」と最近のトピックとして「新しく構築した「MN-2b」」、「Pod のリソース要求量の最適化を助けるしくみ」、「Kubernetes クラスタのアップグレード」についてお話します。 本イベント「オンプレML基盤 on Kubernetes 〜PFN、ヤフー〜」では、オンプレミスの Kubernetes クラスタ上に構築された機械学習基盤を持つ PFN とヤフーのエンジニアが自社での取り組みについて語り尽くします！ イベントサイト: https://ml-kubernetes.connpass.com/event/255797/
ORTCについてそろそろ書いてみる
1. はじめに WebRTCの動向を追いかけている人であれば、ORTCについて耳にしたことがあると思う。 だが、ORTCの登場背景等について、記載した日本語記事があまりなかったので、 私の知る範囲で、以下にまとめておこうと思う。 (ORTCを当初から追いかけているわけではないので、間違っていたら@iwashi86までご指摘ください。非常に歓迎です！) 1.1. 本記事の対象者 WebRTCについてある程度知識がある人向け SDP何それ？な人は、HTML5Rocksあたりを読んでから、以降を読むと分かりやすいと思う 2. なぜORTCが登場したのか？ 2.1. WebRTC 1.0の世界 既存のWebRTC(まだ、仕様として固まっていないが、以降では分かりやすくWebRTC1.0と呼ぶ)において、 シグナリングプロトコルは規定されていない。これは次のJSEPのドラフトからも確認できる。
WebRTCによるビデオチャットサービスの開発 - Qiita
はじめに Webで使えるビデオチャットサービスを開発しましたので、システム構成や使用したフレームワークやサービス、開発のポイントなどまとめてみました。 (去年にはQiitaの投稿を作っていたのですが、下書き保存したまま忘れて今頃の投稿になってしました。。) 月々のランニングコストは1000円以内、開発工数は1人月以内で作成しています。 WebRTCが出てきたおかげで、かなり容易にビデオチャットサービスが開発できるようになっていますので、よければ参考にしてください。 開発のポイント、コードだけでなく、開発の動機から、システム構成を決める為、開発前後に行ったビデオチャット関連の技術調査なども載せています。必要最小限の事だけ把握したい方はその辺りは読み飛ばしてください。 開発ビデオチャットサービス: ビデオチャッターズ (http://videochatters.net/) 開発動機 5～6年ぐ
ブラウザ間をP2Pで接続する「reep.io」を利用すると知人間での大容量ファイル転送が簡単
ブラウザさえあれば使えるファイル転送サービス「reep.io」が便利そうだったので紹介です。 連絡を取り合える相手であれば手軽にファイルを送れるようになっているので、大きなサイズのファイルも送ることができます。 reep.ioとは reep.ioは、2つのブラウザ間をピアツーピアで接続し、ファイル転送を可能にするサービスです。 ピアツーピア（P2P：peer to peer）とは、コンピューター同士が対等に通信を行う通信方式のことです。「サーバーとクライアント」のようにコンピューター間に上下関係がなく、対等の者（Peer、ピア）どうしが繋がるという意味です。 WebRTCテクノロジー（ビデオや音声、データをブラウザ間でやり取り可能にする規格）を利用して、ブラウザ間をダイレクトでファイル転送を行います。 なので、WebRTCに対応したブラウザからしか使えません。けれどもブラウザさえあれば利用
WebRTC/ORTCの最新動向まるわかり！
HTML5 Conferenceでの講演資料です。 ルームB 13:20-14:00 2017/02/13 P24ページの対応表を修正しました。 【誤】制限付きフルコーン☓シンメトリック：TURN 【正】制限付きフルコーン☓シンメトリック：STUN 2015/1/26 P24ページの対応表を修正しました。 【誤】シンメトリック☓フルコーン：TURN 【正】シンメトリック☓フルコーン：STUNRead less
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 Advent Calendar 9日目のgetUserMedia使ってJSで動くチューナー作った。の記事と同様に、マイクの入力ノードをcreateMediaStreamSource()で取り出します。 その後、マイクと「ピー」のそれぞれの音量をコントロールするゲインノードを作って接続し、それらをcreateMediaStreamDestination()で生成した
WebRTCのデータチャネル解説 - Qiita
データチャネルによって従来では成し得なかったP2Pのブラウザアプリケーションの実現が可能となります。WebRTCといえば、多くの人がブラウザ上での音声映像チャットを思い浮かべるでしょう。しかし、WebRTCではP2Pでのデータ通信を提供するデータチャネルも含んでいます。 この記事では、データチャネルの特徴とAPIやプロトコルについて解説し、最後にその活用方法に触れたいと思います。 なおこの記事は、WebRTCについてある程度理解が進んでいる方に向けて書かれています。WebRTC Advent Calendar 2014の1日目の記事であるWebRTCコトハジメ - Qiitaが、この記事の理解の役に立つかもしれません。 なぜデータチャネルか？ データチャネルはWebRTC仕様のピアコネクションに含まれており、ブラウザ間でリアルタイムにデータをやりとりする能力を提供します。旧来より、ブラウザ
WebRTCでキャスしよう！片方向リアルタイム映像配信を作ろう
こんにちは！がねこまさしです。「WebRTCを使ってみよう」シリーズの最新話をお送りします。今回は、簡易的な放送局を作ってみましょう。 片方向配信の特徴 WebRTCを使った音声通話、ビデオチャットのサンプルには、双方向のものが多く見られます。ライブラリもそれを前提とした作りのモノが多いようです。なので今回は、片方向配信を実際に動かしてみましょう。 片方向配信には、双方向通信とは異なる特徴があります。 視聴側はカメラやマイクといった機器が不要なので、参加のハードルが下がる Peer-to-Peerでもフルメッシュ構造にはならないので、より多くの人が同時に利用できる 特に同時接続数はは双方向では4～5人が実用範囲なのに対し、片方向では10～30人程度に対して1つのPCから配信できます。ちょっとした仲間内のイベントや、社内イベントであれば、十分にカバーできるのではないでしょうか？（社内で動かせ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
2021 年に出た WebRTC 関連 RFC 一覧
仕事で WebRTC
リアルタイム動画配信コトハジメ
WebRTCの裏側
株式会社Trys
Amazon.co.jp: WebRTC ブラウザベースのP2P技術: Alan B. Johnston (著), Daniel C. Burnett (著), 内田直樹(監訳) (翻訳): 本
