WebRTC と React を組み合わせるなら Flux 設計が有効

2023/06/12 100 users Flux OGP React 反響 答え

この前ポジショントークしたらそれなりに反響があったので書いてみる。 これまでの人生を振り返ると毎年ラジオや電話や配信サービスを作っている気がするし、なんかそういう仕事が回ってくることが多い気がする。 最近自分なりに答えが出たかなと思ったことがあるので言語化してみようと思う。 OGP は Flux ぽい画像だ。... 続きを読む

WebRTC 入門

2023/05/25 333 users 時雨堂 入門 資料 時代 オンラインイベント

learning-webrtc.md WebRTC 入門 これは時雨堂が開催しているオンラインイベントである WebRTC 入門の 講師用 の資料です。 時雨堂 WebRTC 入門 オンラインイベント 概要 ChatGPT がある今、学ぼうと思えば好きなだけ学べる時代がきています。 ただ「正しい情報」をなんとなく知っている事はとても重要だと考えています... 続きを読む

WebRTC配信技術 "WHIP" で遊ぶ - NTT Communications Engineers' Blog

2023/05/19 18 users WHIP 低遅延配信 当ポスト Blog 配信映像

はじめに 当ポストは、低遅延配信の技術であるWHIP(WebRTC-HTTP Ingestion Protocol)を自分で動かしてみたい方へ向けた記事となります。 WebRTCを利用した配信映像の集信プロトコルであるWHIPは現在Internet-Draftではありますが、配信技術者やWebRTC技術者の注目を得て、実際に動かせる環境が整ってきました。 当ポスト... 続きを読む

WebRTC を理解するためにカメラ映像を送るだけの最小実装を探る

2023/05/06 135 users カメラ映像

GW なんも予定がなくてブログ書くかソシャゲやるか昼から酒飲むしかやることがないです。だから予定があったら使っていたであろうお金でソシャゲに課金したらめちゃくちゃ強くなりました。やったー。友達にはドン引きされましたが、GW に予定がある人よりかは節約できていると思います。そんなソシャゲもやることなくな... 続きを読む

Chrome・Edge・BraveなどWebRTCが有効になっているブラウザがユーザーのローカルIPアドレスを漏らしてしまう脆弱性のテストサイト

2022/10/26 17 users webr タイムラグ 漏えい ローカルIPアドレス 脆弱性

ユーザーのウェブブラウザ間でビデオやオーディオ通話をする際のタイムラグを軽減するために使用される「WebRTC」の機能により、ユーザーのローカルIPアドレスが悪意のあるサイトに取得される危険性があることがかねてから報告されています。新たに、IPアドレスの漏えいを体験できるテストサイトが公開されました。 WebR... 続きを読む

DMMはAWS“から”オンプレミス“に”切り替える　サーバーとネットワークのコストから見直す適切な環境選び

2021/10/28 441 users AWS ＤＭＭ サーバー オンプレミス ネットワーク

DMM. comのITインフラ本部が今期に注力している取り組みについて、事例を紹介しつつ話す「DMM meetup #31 ～DMMのインフラを支えるITインフラ本部の取り組み紹介～」。ここでSRE部の松浦氏が登壇。WebRTCの配信システムについてと、配信サーバーをAWSからオンプレミスに切り替える理由を紹介します。 AWS“から”オンプレ... 続きを読む

WebRTC配信システムをAWSからオンプレミスに切り替えている話 - Speaker Deck

2021/07/27 253 users AWS Speaker Deck オンプレミス SRE

Transcript © DMM.com WebRTC഑৴γεςϜΛ AWS͔ΒΦϯϓϨϛεʹ ੾Γସ͍͑ͯΔ࿩ DMM meetup #31 DMM.com ITΠϯϑϥຊ෦SRE෦ দӜ༱հ 2021೥7݄27೔ © DMM.com ࣗݾ঺հ দӜ ༱հ 2020೥5݄ೖࣾ ITΠϯϑϥຊ෦ SRE෦ॴଐ WebRTCϦΞϧλΠϜ഑৴γεςϜͷ։ൃӡ༻Λ୲౰ © DMM.com WebRTC഑৴γεςϜΛ AWS͔ΒΦϯϓϨϛεʹ ੾Γସ͍͑ͯΔ࿩ DMM meetup #31 © DMM.com WebRTC഑৴γεςϜΛ AWS͔ΒΦϯϓϨϛεʹ ੾Γସ͍͑ͯΔ࿩ DMM meetup #31 © DMM.co... 続きを読む

WebRTC を今から学ぶ人に向けて

2021/01/30 486 users 資料 趣味 W3C 対象外 内容

内容 これから WebRTC を学ぶ人が何を学ぶべきで、何は学ばないべきなのかを書く。定期的に更新していく。 まとめ W3C の資料を理解できるまで読み込む。 Media Capture and Streams WebRTC 1.0: Real-Time Communication Between Browsers Identifiers for WebRTC's Statistics API Twitter 版 趣味で学ぶは対象外 趣味... 続きを読む

全世界300万人が使うCacooのビデオ通話機能を支える技術 #ヌーラボのアドベントカレンダー | 株式会社ヌーラボ(Nulab inc.)

2020/12/13 11 users Cacoo アドベントカレンダー 川端 ヌーラバー ヌーラボ

※ このブログはヌーラバー Advent Calendar 2020 12日目の記事です。明日は Yuh Kim さんの記事です。 こんにちは。本日32歳になりました。Cacoo課の川端です。 Cacooは先日、図の編集画面上でビデオ会議ができる「ビデオ通話」機能をリリースしました！ 本記事では、ビデオ通話を実現するために必要なWebRTCという技術... 続きを読む

ReactとWebRTCでZoomのようなビデオチャットアプリを作ってデータフローを図解してみた | Zenn

2020/10/01 12 users React Zenn Zoom SDK ビデオチャットアプリ

はじめに こんにちは。 都内在住のフロントンドエンジニアです。 僕はとある会社にて約1年半ほどReactとWebRTCを用いて映像配信のアプリケーション開発を行ってきました。 そこでは開発をスムーズに進める為にWebRTCのSDKを利用していて、 本来学習コストが高いとされているWebRTCをカジュアルに利用することができてい... 続きを読む

WebRTC ♥ .NET – WebRTCの.NETバインディング - pixiv inside

2019/10/30 35 users バインディング pixiv ピクシブ net フォーク

こんにちは、ねこまんまです。 先日、ピクシブはWebRTCプロジェクトのフォークを公開しました。このフォークにはオリジナルのプロジェクトには含まれていないいくつかの変更が施されていますが、その中でも大きな機能追加である、WebRTCの.NETバインディングを紹介します。 pixiv/webrtc on GitHub このバインディングを... 続きを読む

WebRTCの通信状況をプログラマブルに判別するライブラリを作ってみた

2019/09/02 31 users プログラマブル ライブラリ 通信状況

rtcstats-wrapperとは？ SkyWayが実験的に開発した、SkyWayを使っている開発者のために送る WebRTC統計情報のブラウザ標準化 WebRTC統計情報の瞬間値計測 WebRTC統計値の定期監視 を実現したRTCStatsのラッパーです。 リポジトリ: https://github.com/skyway-lab/rtcstats-wrapper ドキュメント: https://skyway-lab.git... 続きを読む

ラズパイとWebRTCで動物の死活監視ができるようにした話 - ( ꒪⌓꒪) ゆるよろ日記

2019/08/14 218 users しいたけ ラズパイ 死活監視 よろ日記 市販

こんにちわ、しいたけです。 今は夏休みで奥さんと子どもたちが帰省しているので、動物と2人で暮らしています。 で、外出すると動物だけを家に残していくことになります。 ペットモニターとか市販でもあるんですが、せっかくなので、 夏休みの自由研究として、ラズパイ+カメラモジュールとWebRTCを使って、外出先からで... 続きを読む

Erlang & Elixir Fest 2019 で発表してきました – V – Medium

2019/06/01 15 users erlang OTP quic medium 体制

資料は Erlang/OTP で WebRTC と QUIC です。Erlang/OTP 自体の話はほとんどせず、どんなミドルウェアパッケージを Erlang/OTP で開発しているのか、どんな体制で開発してるのかあたりをざっくりと話させていただきました。 今回の発表は初めて「自社製品」と「Erlang/OTP」と「WebRTC」を組み合わせた発表です。この全... 続きを読む

WebRTCやるのに最低限必要なJavaScriptのAPIについて - console.lealog();

2019/04/22 53 users console.lealog API エンジニア 最低限

JavaScriptでWebRTCやるための基礎知識 - console.lealog(); 春なので書きました。 言うなれば、これの2019年度版です。 はじめに 最低限のJavaScriptでWebRTCを扱うにあたり、どういうクラスがあって、どういうAPIを、どう使うのかについての記事です。 いわゆるフロントエンドのエンジニアがWebRTCを使ったサービスを... 続きを読む

リアルタイム映像配信サーバ開発者からみた STADIA – V – Medium

2019/03/21 231 users Stadia フルスクラッチ medium ミドル 実装

まず、この記事では、STADIA で快適にゲームができるかどうかという話はしません。技術的にどうなの？というのを想像込みで書いていきます。 誰だよお前、って言われそうなので … 自分は WebRTC の通信部分と QUIC スタックの実装をフルスクラッチでしており、日本で多くの会社に採用されている WebRTC を利用したミドル... 続きを読む

HTTP/3 や QUIC はまだ早すぎる – V – Medium

2019/02/09 122 users quic medium http 渋川 プロトコル

渋川の記事の補足というか、実装者目線からみた話を書きます。 立ち位置仕様策定には関わっていません。あくまで出てきた仕様を実装する実装者（Implementor) です。 また HTTP/3 や QUIC がメインというよりかは WebRTC がメインです。WebRTC が利用しているプロトコルが QUIC に置き換わる流れがきているため、QUIC を... 続きを読む

WebRTC QUICがChromeでOrigin Trialできるように - console.lealog();

2019/02/01 20 users Origin Trial console.lealog

RTCQuicTransport Coming to an Origin Trial Near You (Chrome 73)  |  Web  |  Google Developers 今回は翻訳ではなく、気になる点の抜粋です。 TL;DR WebRTCにQUICがくるよ まずは`RTCQuicTransport`がChromeに実装されます M73からOriginTrialできます WebRTCにQUICがくる まずは`RTCQuicTransport`というクラスから... 続きを読む

WebRTCにおけるオーディオとの付き合い方 - Speaker Deck

2018/09/27 38 users Speaker Deck オーディオ 付き合い方

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

社外評価者 – shiguredo – Medium

2018/09/17 34 users shiguredo medium OTP erlang 評価

VOYAGE GROUP の社外評価者をやってきました。技術評価会に「技術以外」を評価する人としては初だそうです。 そもそも自分は Erlang/OTP と WebRTC というかなり狭い分野で戦っていることもあり技術的な評価は難しいため、プロジェクトマネージメントやプロセスを評価するということであれば問題ないということでお手伝... 続きを読む

Amazon SumerianとWebRTC(SkyWay)で簡単な全天球カメラビデオチャット(1:1)を作ってみる

2018/08/22 24 users SkyWay ビデオチャット 球面 作成手順 Webカメラ

Amazon SumerianでWebRTC(SkyWay)を使って簡単な全天球カメラビデオチャットを作ってみたので作成手順をメモしておく。 実行すると自分のpeer idが表示されるので相手に知らせて入力欄に入れてもらいconnectボタンを押すとビデオチャットが行える。 お互い全天球カメラをWebカメラとして接続していれば相手に球面に貼り... 続きを読む

SNES.partyでスーパーファミコンのゲームを友だちとWebでプレイできる | TechCrunch Japan

2018/08/17 48 users WebSockets 友だち スーパーファミコン ベルリン

あのすばらしいNES.party（ファミコン・パーティー）に続いてHaukur Rosinkranzが、今度はスーパーファミコンのゲームを友だち全員とプレイできるサイトSNES.party（スーパーファミコン・パーティー）を立ち上げた。 Rosinkranzはアイスランド人だが、今はベルリンに住んでいる。彼は1年前に、WebRTCとWebSocketsの実験... 続きを読む

iOS 11のSafariがWebRTCに対応してたのでSkyWayのサンプル作成！ | Minory

2018/08/04 25 users iPhone iOS SkyWay Safari iPad

昔からiOSのSafariでWebRTCを実現するのが夢でした。 PCでは当たり前のように実現できるのですが、iOS 7くらいからiPhoneやiPadでもできるようになるのではと期待し、ずいぶん待ちました。 次にプッシュ通知ができるようになれば、もうネイティブアプリは必要なくなりますね。 そこまで行ってほしい！ SkyWayを利用したW... 続きを読む

SkyWay WebRTC GWとOpenCVなんかを組み合わせて顔検出とかやってみた

2018/07/17 18 users OpenCV Labs RTP SkyWay 顔検出

これは何？ SkyWay に WebRTC GW が labs リリースされ（わーい）、WebRTC 使ってほんと色んなことができるようになったので、OpenCVなんかと組み合わせて顔検出やってみたよという記事 SkyWay WebRTC GWって？ WebRTCのプロトコルゲートウェイ。例えば、WebRTC で暗号化送信されてきたメディアデータを RTP の生データ... 続きを読む

中身解説 -SkyWay WebRTC GWを利用してUnityでWebRTC Videoをレンダリングする-

2018/07/13 32 users Unity SkyWay WebRTC GW リファクタ

記事の概要 UnityでWebRTCの映像が出せたよーと無邪気に書いたところ、思ったより大きな反響を頂いたので急ぎ解説記事を書きました。 あんな内部動作の説明もほぼない記事をいっぱいLikeしていただいてすいません。 SkyWay WebRTC GW使ってブラウザからUnityに動画流し込み成功した。 リファクタしたらライブラリ化しよ... 続きを読む