メモログ

JavascriptでWebカメラを動かす

Stream Your Webcam to a Browser in JavaScriptという Sitepoint の記事で、Opera がバージョン 12 で getUserMedia に対応したという話が掲載されていて、サンプルの Javascript が載っていたので試してみました。シンプルな Javascript で Web カメラが動くというところが面白い。

getUserMedia の仕様はW3C のサイトを参照。良く分からなかったけど…

上述のサイトを参考にすると、第一引数に使用するメディアのタイプを指定して、第二引数に getUserMedia の実行に成功した場合に実行される処理が入り、第三引数に失敗した場合に実行される処理が入る。

getUserMedia を実行するときにはユーザーに Web カメラを使用するための許可が求められる(Prompts the user for permission to use their Web cam or other video or audio input)。ので、ユーザーが使用を許可した場合は第二引数の処理が動き、拒否した場合は第三引数の処理が動く、のが典型的な動きになる。

navigator.getUserMedia(constraints, success, failure)

see also Bruce Lawson’s personal site  : Specifying which camera in getUserMedia

私について

Yutaka Yamaguchi
東京在住。TypeScript, Node.js, Reactなどフロンエンドが主力。Perlも書く。SwiftやRubyも過去には使ってた。過去のTOEIC 860くらい。