PC 瀏覽器調取音頻視頻設備注意事項

• Chrome 47以後，getUserMedia API只能允許來自“安全可信”的客戶端的視頻音頻請求，如HTTPS和本地的Localhost。 例如：https://192.168.1.2:8080…
• localhost是唯一不用https的域名。
• 因此，解決這個問題一個方法是讓自己的Web支持HTTPS，還有一個方法使用舊版本的Chrome。如Chrome 46等。

//瀏覽器兼容處理

//老的瀏覽器可能根本沒有實現 mediaDevices，所以我們可以先設置一個空的對象
if (navigator.mediaDevices === undefined) {
    console.log("navigator.mediaDevices === undefined");
  navigator.mediaDevices = {};
}

// 一些瀏覽器部分支持 mediaDevices。我們不能直接給對象設置 getUserMedia 
// 因爲這樣可能會覆蓋已有的屬性。這裏我們只會在沒有getUserMedia屬性的時候添加它。
if (navigator.mediaDevices.getUserMedia === undefined) {
    console.log("navigator.mediaDevices.getUserMedia === undefined");
  navigator.mediaDevices.getUserMedia = function(constraints) {

    // 首先，如果有getUserMedia的話，就獲得它
    var getUserMedia = navigator.webkitGetUserMedia || navigator.mozGetUserMedia;

    // 一些瀏覽器根本沒實現它 - 那麼就返回一個error到promise的reject來保持一個統一的接口
    if (!getUserMedia) {
      return Promise.reject(new Error('getUserMedia is not implemented in this browser'));
    }

    // 否則，爲老的navigator.getUserMedia方法包裹一個Promise
    return new Promise(function(resolve, reject) {
      getUserMedia.call(navigator, constraints, resolve, reject);
    });
  }
}