Я пытаюсь написать приложение WebRT C с VueJS. В хане mount () я хочу получить MediaStream и сохранить его в переменной:
mounted() {
this.socket = io("ws://" + window.location.hostname + ":8888");
this.socket.on("connect", this.getEndpoints);
// eslint-disable-next-line no-unused-vars
navigator.mediaDevices.getUserMedia({audio: true})
.then(stream => this.mediaStream = stream);
}
Теоретически объект MediaStream должен храниться в this.mediaStream:
data() {
return {
endpoints: null,
socket: null,
rtcConnection: null,
mediaStream: null,
}
}
Однако объект становится пустым, и когда я пытаюсь добавить дорожки потока в объект RTCPeerConnection, он просто ничего не делает. В отладчике VueJS переменные выглядят следующим образом
Я, наверное, упустил из виду ключевой принцип, в любом случае спасибо за вашу помощь!