この解説文は、すでに終了したサービス「はてなキーワード」内で有志のユーザーが作成・編集した内容に基づいています。その正確性や網羅性をはてなが保証するものではありません。問題のある記述を発見した場合には、お問い合わせフォームよりご連絡ください。関連ブログタケユー・ウェブ日報•2年前Chromeでビデオ/音声入力する機能開発の時にオーディオ入力として任意のWAVファイルを使う方法タケユー・ウェブ株式会社ではWebRTCを利用したブラウザベースのライブ配信サービスの開発運営を行っています。お客様から、「ステレオ音声配信を行いたい」というご依頼があり、この機能開発を行う必要がありましたが、弊社にはステレオマイクはありません。適当なステレオ音源をマイク入力の代わりに使いたいところです。そんなときにはChromeのフェイクデバイス機能を使います。エンジニアブログこんにちは、開発チームのttです。プログラムを書くのは楽しいのですが、文章を書くのは面倒ですね。いうことで、前回のブログフォーマットを最大限に活用していってみます。ビデオキャプチャーからの映像を表示したり、スナップショットを取ったりしたい!前回はJavaScript(TypeScript)で「デスクトップや他のウインドウ」を表示しました。GWの成果物として、Reactのコンポーネントライブラリを作って公開しました。github.com私はWebRTCを使ったWebアプリケーションを時々作るのですが、デバイス選択機能を毎回自作しており、コンポーネントとしてまとめておけば、いつでも手軽に使えて嬉しいのでは?と思い、作ってみました。音声の入力・出力、映像の入力のデバイス選択機能と、映像のプレビュー表示機能を実装しました。Actionsでのリリース作業の自動化などもやったので、得られた知見を記事としてまとめておこうと思います。<p>サンプルページです。blog.kimizuka.orgしかし、若干複雑かつ、取り回しにくいコードになってしまっていたため、今回はフレーム差分を検知した際にコールバックイベントを実行するだけのシンプルめなコードを書いてみました。今、ネットワーク越しに動画データを送りたいと考えたときに、どうしてもWEBRTCがその候補に挙がってきます。WEBRTCのライブラリやサービスは山のようにあるのですが、進歩が速いことを理由に行き届かないことが多くて、どれもこれも中途半端で問題だらけです。WEBRTCが何なのかを把握するために、次の4つぐらいの区別が付くようにしとく必要が有ります。