getUserMediaについて

昔はnavigator.getUserMedia()とかnavigator.webkitGetUserMedia()とかベンダープリフィックスついてた。しかし今は違うようです。

今はnavigator.mediaDevices.getUserMediaを使うのが正しいようです。ただちょっと古いブラウザだとだめみたいChrome51以降じゃないとだめぽい。

なんで新旧同じように扱うには以下のようにするのが良さそうです。

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13


navigator.getUserMedia  = navigator.getUserMedia || navigator.mozGetUserMedia || navigator.msGetUserMedia　|| navigator.webkitGetUserMedia;

function getUserMedia(options) {

  if ('getUserMedia' in navigator.mediaDevices) {
    return navigator.mediaDevices.getUserMedia(options)
  }

  return new Promise(function(resolve, reject){
    navigator.getUserMedia(options, resolve, reject)
  });

}

チュートリアルが動いていなくて残念な気分になってしまった・・・
Capturing Audio & Video in HTML5