ワイズリマインダー

iOSのカメラに対応させる

DEMO

とりあえずウェブカメラを表示してみたでは、iOSに対応していないようだった
window.onload内に設置してみた

window.onload = function(){
  if(navigator.mediaDevices === undefined) navigator.mediaDevices = {};
  if(navigator.mediaDevices.getUserMedia === undefined){
    navigator.mediaDevices.getUserMedia = function(constraints){
      var getUserMedia = (navigator.webkitGetUserMedia
                       || navigator.mozGetUserMedia
                       || navigator.msGetUserMedia
                       || navigator.getUserMedia);
      if(!getUserMedia) return Promise.reject(new Error('非対応ブラウザ'));
      return new Promise(function(resolve, reject){
        getUserMedia.call(navigator, constraints, resolve, reject);
      });
    };
  };

  navigator.mediaDevices.getUserMedia({ audio: false, video: true })
  .then(function(stream){
    var video = document.getElementById('myVideo');
    if("srcObject" in video) video.srcObject = stream;
    else video.src = window.URL.createObjectURL(stream);
    video.onloadedmetadata = function(e){
      video.play();
    };
  })
  .catch(function(err){ console.log(err.name + ": " + err.message); });
};

コメントを残す

メールアドレスが公開されることはありません。

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください