同时利用类型错误navigator.mediaDevices.getUserMedia

我试图取代与navigator.getUserMedia过时的navigator.mediaDevices.getUserMedia但同时努力我得到这个错误：

类型错误：未定义无法设置属性“localStream”

这是我的HTML：

   <video ref="videoPlayer" hide.bind="screenSharing" id="videoPlayer" autoplay muted></video>

我使用奥里利亚环境和我的JavaScript是这样的：

attached() {

 if (!this.localStream) {
  this.getLocalMedia();
 }
}    

getLocalMedia() {
 let constraints: MediaStreamConstraints = {
   video: true,
   audio: true
 };

navigator.mediaDevices.getUserMedia(constraints)
  .then(function (stream) {
    console.log('Got mic+video stream', stream);
    this.localStream = stream;
    this.videoPlayer.srcObject = this.localStream;
    this.videoPlayer.srcObject = stream;
   })
   .catch (function (err) {
     console.error(err);
 });
// navigator.getUserMedia(constraints, (stream) => {
//   console.log('Got mic+video stream', stream);
//   this.localStream = stream;
//   this.videoPlayer.srcObject = this.localStream;
// },
//   (err) => {
//     console.error(err);
//   }
// );

  }

有人能想象出了什么问题？我创建使用电子的应用程序。

我已经看到有这么我打印流了类似的问题互联网别人：

Got mic+video stream 
MediaStream {id: "EIGkOQeyfsaRpweVgRG8eQiZfiuJ2HV3QZqW", active: true,     onaddtrack: null, onremovetrack: null, onactive: null…}
active: true
id: "EIGkOQeyfsaRpweVgRG8eQiZfiuJ2HV3QZqW"
onactive: null
onaddtrack: null
oninactive: null
onremovetrack: null
__proto__: MediaStream

我试过也当文档准备好，但我还是有这个问题，添加一个事件监听;如果我用了过时navigator.getUserMedia一切的工作的一部分评论

您正在使用的老navigator.getUserMedia箭头功能，但使用的是有navigator.mediaDevices.getUserMedia经典功能。作为Andreas said，this是不是你想的是，该行为是这些风格不同。

同时利用类型错误navigator.mediaDevices.getUserMedia

我试图取代与navigator.getUserMedia过时的navigator.mediaDevices.getUserMedia但同时努力我得到这个错误：

类型错误：未定义无法设置属性“localStream”

这是我的HTML：

   <video ref="videoPlayer" hide.bind="screenSharing" id="videoPlayer" autoplay muted></video>

我使用奥里利亚环境和我的JavaScript是这样的：

attached() {

 if (!this.localStream) {
  this.getLocalMedia();
 }
}    

getLocalMedia() {
 let constraints: MediaStreamConstraints = {
   video: true,
   audio: true
 };

navigator.mediaDevices.getUserMedia(constraints)
  .then(function (stream) {
    console.log('Got mic+video stream', stream);
    this.localStream = stream;
    this.videoPlayer.srcObject = this.localStream;
    this.videoPlayer.srcObject = stream;
   })
   .catch (function (err) {
     console.error(err);
 });
// navigator.getUserMedia(constraints, (stream) => {
//   console.log('Got mic+video stream', stream);
//   this.localStream = stream;
//   this.videoPlayer.srcObject = this.localStream;
// },
//   (err) => {
//     console.error(err);
//   }
// );

  }

有人能想象出了什么问题？我创建使用电子的应用程序。

我已经看到有这么我打印流了类似的问题互联网别人：

Got mic+video stream 
MediaStream {id: "EIGkOQeyfsaRpweVgRG8eQiZfiuJ2HV3QZqW", active: true,     onaddtrack: null, onremovetrack: null, onactive: null…}
active: true
id: "EIGkOQeyfsaRpweVgRG8eQiZfiuJ2HV3QZqW"
onactive: null
onaddtrack: null
oninactive: null
onremovetrack: null
__proto__: MediaStream

我试过也当文档准备好，但我还是有这个问题，添加一个事件监听;如果我用了过时navigator.getUserMedia一切的工作的一部分评论

您正在使用的老navigator.getUserMedia箭头功能，但使用的是有navigator.mediaDevices.getUserMedia经典功能。作为Andreas said，this是不是你想的是，该行为是这些风格不同。