webrtc

『コネクトさん』で実現する予約機能付きビデオチャットシステムの全貌 新型コロナウイルスの影響で、多くの事業者がオンライン化を進めています。テレビ電話やビデオチャットを用いたオンライン接客、オンライン見積もり、オンライン面接、オンラインカウンセリングなど、様々なサービスがオンラインプラットフォームへ移行しています。『コネクトさん』は、このようなオンラインサービスの需要に応える、予約機能付きのビデオチャットシステムです。この記事では、『コネクトさん』の特徴や利点、導入の容易さについて詳細に解説します。 『コネクトさん』の特徴 『コネクトさん』は、テレビ電話を中心とした多機能ビデオチャットシステムで…

piAId = '1009922'; piCId = '269854'; piHostname = 'pi.pardot.com'; (function() { function async_load(){ var s = document.createElement('script'); s.type = 'text/javascript'; s.src = ('https:' == document.location.protocol ? 'https://pi' : 'http://cdn') + '.pardot.com/pd.js'; var c = document.getElem…

piAId = '1009922'; piCId = '269848'; piHostname = 'pi.pardot.com'; (function() { function async_load(){ var s = document.createElement('script'); s.type = 'text/javascript'; s.src = ('https:' == document.location.protocol ? 'https://pi' : 'http://cdn') + '.pardot.com/pd.js'; var c = document.getElem…

はじめに OBSとaiortcを使ったWHIPサーバーの間で通信をさせていたところ、途中でエラーになってしまう問題が発生しました。 その過程で色々と知見が得られたので、ブログ記事として記録しておこうと思います。最終的に動いたコードはこちらです。github.com

WebRTCとは メリット デメリット 感想 ★ChatGPTに下書きをお願いしています★P2P接続に関する記事がありますので、こちら合わせてご確認いただきますといい感じに補完されるかと思います。 WebRTCとは WebRTC（Web Real-Time Communication）Webブラウザやモバイルアプリケーション間でお手軽にリアルタイム通信を実現可能にするAPIで、ビデオ通話や音声通話、データ共有などのリアルタイム通信を簡単に実現することができます。※マジ神 P2P接続を使用して通信するため、中継サーバーを介さずに直接通信することができます。このため、通信品質が高く、通信遅延が少な…

はじめに GWの成果物として、Reactのコンポーネントライブラリを作って公開しました。github.com私はWebRTCを使ったWebアプリケーションを時々作るのですが、デバイス選択機能を毎回自作しており、コンポーネントとしてまとめておけば、いつでも手軽に使えて嬉しいのでは?と思い、作ってみました。 音声の入力・出力、映像の入力のデバイス選択機能と、映像のプレビュー表示機能を実装しました。 vitest、Playwrightを使ったテストや、GitHub Actionsでのリリース作業の自動化などもやったので、得られた知見を記事としてまとめておこうと思います。

はじめに こんにちは、NTTコノキューの浅井です！ 昨年はドコモとしてアドベントカレンダーに投稿しましたが、現在今年10月に生まれたNTTコノキューに出向しており、コノキューからの投稿となります。 www.nttqonoq.com NTTコノキューはXR（VR/MR/ARの技術の総称）技術を扱った新サービスの企画開発を行うドコモの子会社で、私も例に漏れずXRを使った新しいサービス開発に取り組んでいます。（ドコモ時代から変わらずですが） XRと聞くと、Meta（元Facebook）のQuestなど、視界に映る物全てが仮想物体の「VR(VirtualReality)」のイメージが一般的に想起されそ…

バージョン 31.0は新しいNVIDIAぼかし/背景ぼかしフィルタ、ズーム時のプレビューのスクロールの簡易化、YouTubeチャットのサポート改善、ブラウザソースの更新 (カスタムドックとサービス統合を含む)、NVENCエンコーダの書き換え、および今後の機能のための多くのバックエンドの変更と最適化がされています。 以下の内容は OBS Studio 31.0.0 Beta 1 / Beta 2 / Beta 3 / Release Candidate 1リリースノートを日本語に訳したものです。 変更内容が気になる場合はご覧ください。 誤字脱字、誤訳などありましたら コメント までお知らせくださ…

www.itmedia.co.jp イタリアのボローニャ大学に所属する研究者らが発表した論文「Seals and signs: tracing the origins of writing in ancient South-west Asia」は、最初期の文字体系の一つである原楔形文字の起源について、それ以前から使用されていた円筒印章（メソポタミアで所有者などを示すために使われた印章）との関連性を示した研究報告である。 「最古の文字」の前段階を解明か 古代の“コロコロスタンプ”が手掛かり イタリアの研究者らが発表：Innovative Tech - ITmedia NEWS 原楔形文字は紀元前…

リアルタイムの音声通信サービスでnet.ipv4.tcp_tw_reuseを有効化するとどういうことが起き得るのかを考えてみる 前提として音声をやりとるする際にTCPを使うケースはほぼないはず。VoIPはIPだしWebRTCはUDP(とTCP)。リアルタイムでやり取りする上でTCPは非効率出しメタデータの送信とかでTCPが使われるケースはありそうだがメインデータの送受信で使うメリットはほぼない www.nic.ad.jp ja.tech.jar.jp それだと元も子もないのでもしもTCPでやり取りする音声サーバがあったらどうなるだろうか？TIME-WAIT状態のソケットに意図しないデータが届く…

はじめに こんにちは、インターンシップ生の木戸です。普段大学院では、ヒトの認知科学に関する研究をしています。 8/26-9/6までの2週間、『超低遅延ライブ配信技術を活用した、新規ライブ配信サービスを実現する技術の開発』というテーマの下、NTTコミュニケーションズの現場受け入れ型インターンシップに参加しました。 この記事では、私がお世話になったプロジェクト／インターンシップで取り組んだ業務体験内容について紹介していきます。 なお開発に利用したアバターはIZUMO.comさんのAilisを利用しております。 Fan creation of Ailis by IZUMO.com 目次 はじめに 参…

お疲れさまです！ ブログ書くまでがYAPCということでやっていきます。 yapcjapan.org 前夜祭 前夜祭ではガラナを受け取って早速北海道に来た感が出ておりました。この後アンカファレンスという形で会が始まり、序盤はmoznionさんやpasta-kさんの話を聞いてたんですが、目線が合ってしまい私も壇上に上がることに。AIとか色々重いテーマでしたが、わりかし今自分が他人と話したいことが話せてよかったかと思います。文芸的プログラミングのくだりとかまさにそうですね。 そのあとは基本的には後ろで話したり（声がもし大きかったらすみませんでした）、別室に移動してきた人と話していました。 懇親会が終…

前回は送信所と操作所の間で音声のやり取りができるところまで実装しました。今回はリモートCWキーイングを実装します。 音によるCWキーイング 操作所の電鍵でモールス符号を打鍵することで、Web Audio API の低周波発振器によりモールス信号音を発生させます。 その音声を WebRTC で送信所へ送り、送信所のブラウザがモールス信号音の有無により無線機のCWキーイングを行います。 モールス信号オシレーター モールス信号音を生成するには Web Audio API の OscillatorNode を使用します。 this.osc = audioCtx.createOscillator() t…

はじめに ウェブブラウザは単にウェブサイトのページを表示するだけでなく、様々な多くのことができるようになっています。インターネット上では様々なサービスが提供されており、メールや文書作成、映像/音声/テキストをやり取りするコミュニケーション、ゲームなどをされている方も多いのではないでしょうか。ウェブブラウザはこのような用途で使える機能以外にも、外部の機器と連携できる機能も提供しています。たとえば、一部のブラウザのみですが、シリアル通信で他のデバイスと通信することも可能です。 ウェブブラウザが提供するこれらの機能を利用して、筆者はこれまでにアマチュア無線、とくにモールス通信に関連するアプリを作成し…

最近自分が作りたいものがあり、それに必要な技術などを調査している。調査したことの整理のために、何回か分けてアウトプットする。今回はWebSocketについて WebSocketの概要 クライアントとサーバー間で双方向通信をリアルタイムで行うためのプロトコル HTTPのようなリクエスト・レスポンスの仕組みとは異なり、一度接続が確立されると、クライアントとサーバーの両方がいつでもデータを送受信することができる リアルタイム性が求められるアプリケーションに非常に適している チャットアプリ オンラインゲーム 金融取引のダッシュボード 通信が軽量である WebSocketの特徴 双方向通信: クライアン…

2024年9月16日～2024年9月22日に読んだ中で気になったニュースとメモ書きです。 [TLS WGインターネットドラフト更新] [その他のニュース] ▼RHELとPQC ▼HPKP挙動確認ページ ▼サブドメイン検索エンジン ▼DAVEプロトコル [おわりに]

9月16日にSafari 18.0がリリースされました。 リリースノートより注目の新機能を中心にご紹介します。 Safari 18.0は、iOS 18、iPadOS 18、visionOS 2、macOS 15、macOS Sonoma、およびmacOS Venturaで利用可能です。 アクセシビリティ 新機能 解決された問題 アニメーション 解決された問題 キャンバス 新機能 解決された問題 廃止 CSS 新機能 解決された問題 廃止 フォーム 新機能 解決された問題 HTML 解決された問題 画像 廃止 JavaScript 新機能 解決された問題 廃止 読み込み 解決された問題 メディア…

はじめに ActiveXサポート終了の背景と理由 セキュリティリスクの軽減 プラットフォーム依存性の問題 時代遅れの技術 HTMLとJavaScript: ActiveXの後継技術 HTMLとJavaScriptの特長 セキュリティの向上 多機能性と開発効率 その他の代替技術について 結論: HTMLとJavaScriptが後継技術として最適な理由 参考文献 はじめに ActiveXは、1990年代から2000年代にかけてMicrosoftのInternet Explorer（IE）やOffice製品でインタラクティブなコンテンツを提供するために広く使用されていた技術である。 特に、Windo…