Vuejs MediaStream становится пустым, когда установлено в переменную - PullRequest
0 голосов
/ 26 апреля 2020

Я пытаюсь написать приложение 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 переменные выглядят следующим образом

Я, наверное, упустил из виду ключевой принцип, в любом случае спасибо за вашу помощь!

...