ブラウザで映像と音声を自在に操ろう、そして録画もね（CanvasとWebAuidoを使って） - Qiita
はじめに この記事は、「WebRTCを試すときにオッサンが映り続ける問題に対処する」、「WebRTCオッサン問題を超えて。ローカルファイルを自在に操りたい」の続編です。 また、Web Music Demo Party #1 のLT用の記事でもあります。 自己紹介 @massie_g （まっしー） WebRTC Meetup Tokyo の主催者の一人です デモ 環境 GitHub pages https://mganeko.github.io/webrtcexpjp/tool/switch_to_stream_rec.html ソースコード https://github.com/mganeko/webrtcexpjp/blob/master/tool/switch_to_stream_rec.html デモに使った映像は http://動画素材.com/ のものを利用させていただきました
WebRTCを試すときにオッサンが映り続ける問題に対処する - Qiita
はじめに WebRTCを使ったアプリを作る際に、切っても切れないのがカメラ映像の取得です。ノート型のPCで作業したりすると、延々と自分の顔を見続けなければなりません。そこで、自分の顔の替わりに好きな動画をメディアストリームとして流すサンプルを作って見ました。 仕組み 動画ファイルの変換 ユーザにローカルの動画ファイルを指定してもらう（ファイル選択 or ドラッグ＆ドロップ） FileオブジェクトからURLを生成 (window.URL.createObjectURLを利用） それをVideoタグで再生 継続的にCanvasタグに転写 (window.requestAnimationFrameを利用） CanvasタグからMediaStreamを取り出す (Canvas.captureStreamを利用） 音声ファイルの変換 ユーザにローカルの音声ファイルを指定してもらう（ファイル選択 or
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
