WebRTCのgetUserMediaでビデオ出力する方法

公開日: : JavaScript

チャットワークのビデオ会議機能で使われている技術ということで調べてみました。
WebRTC(Web Realtime Communications)はHTML5のビデオチャットを可能にするAPIで、これを使うとパソコンにつながってるカメラやマイクから情報を受け取って出力できるそうです。

 

ソースコードとデモ

[CodePen height=300 show=result href=Bsrtn user=iw3 ]

たったこれだけのソースコードで実現できるってすごいですね。

 

サポート状況

今のところChromeとFirefoxで実装が進められているそうです。

◯ : Google Chrome 27, Firefox 21
△ : Opera 12(映像のみ出力され音声はダメでした)
✕ : Internet Explorer, Safari

 

ad

関連記事

By: Edwart Visser

jQuery UI のダイアログで jQuery Validation を使う方法

リアルタイムフォームバリデーションが行えるjQuery Validationを使ってみました。 発生

記事を読む

By: Chris Lott

FullCalendarにGoogleカレンダーを読み込む方法

FullCalendarにGoogleカレンダーのイベントを読み込んでみました。   g

記事を読む

pics 006

JavaScriptからASP.NETのWebMethod(PageMethod)を呼び出す方法

ジェネリックハンドラー(.ashx)やWCFサービス(.svc)を試してみましたが、PageMeth

記事を読む

By: Bex Walton

閏年(うるうどし)を調べる関数

Wikipediaの情報を参考に閏年を判定する関数を作成してみました。   仕様 西

記事を読む

8937324062_e417d7866f_o

台湾の女子学生制服マップの写真を並べてみた

ロケットニュース24で絶賛されている台湾の女子学生の写真をjQuery Masonryプラグインを使

記事を読む

By: USAG- Humphreys

JavaScriptライブラリーのCDN利用、フォールバック対応しました

かぶめもで使用しているJavaScriptライブラリーのCDN利用、フォールバック対応を行いました。

記事を読む

ad

Message

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code class="" title="" data-url=""> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre class="" title="" data-url=""> <span class="" title="" data-url="">

ad

By: cea +
24時を超えた時刻を入力できるテキストフィールドを作ってみた

時刻を入力するためのフィールドをVaadinのTextFieldを継承

By: GotCredit
Vaadin+Spring Bootでログイン画面を作成

Spring BootをベースにVaadinでログイン画面を作ってみま

lombok cant find ide
Spring Tool SuiteへLombokをインストールする方法

下記のURLから"lombok.jar"をダウンロードします。 ht

Spring Tool Suite
Spring Tool Suiteのインストールと日本語化

 Spring Tool Suiteのインストール 下記のURLから

spotlight -> terminal
ターミナルの起動方法

Spotlightから起動する "control"キーを押しな

→もっと見る

PAGE TOP ↑