mediaDevices.getUserMedia无法在iOs 11中使用Safari 11（视频为黑色）

我找不到对此的解释。从我阅读的内容来看，Safari 11似乎正在与iOs 11的getUserMedia API配合使用。因此，我不明白此代码有什么问题（我的目标是在实时流中获取QR代码，但此处被阻止）：

控制者

function BarcodeReaderQRCtrl($scope) {
  /* widget controller */
  var c = this;
  var constraints = { audio: true, video: { width: 640, height: 480 } };

  c.startMedia = function() {
    navigator.mediaDevices
      .getUserMedia(constraints)
      .then(function(mediaStream) {
        var video = document.getElementById('idvideo');
        video.srcObject = mediaStream;
        video.onloadedmetadata = function(e) {
          video.play();
        };
      })
      .catch(function(err) {
        console.log(err.name + ': ' + err.message);
      });
  };
}

的HTML

<div>
  <a class="btn btn-default" href="#" role="button" ng-click="c.startMedia()">Start</a>
  <div>
    <video id="idvideo"></video>
  </div>
</div>

有什么建议么？