mediaRecorder.ondataavailable не работает в угловых 4

Question

Я пытаюсь отправить данные потокового вещания на сервер nodeJS с angular 4, поэтому я использую socket.io и webRtc для потоковой передачи.

constructor(private _chatService: ChatService) {}

  ngOnInit(): void {

    this.video = document.querySelector('video');
    navigator.mediaDevices.getUserMedia(this.constraints).then(
      stream => {
        this.video.srcObject = stream;
        const mediaRecorder = new MediaRecorder(stream);
        console.log(mediaRecorder);  // it produces result 
        mediaRecorder.ondataavailable = function (e) {
          console.log('Data', e.data); // but it is not working
        };

      },
      error => {
        console.log('Error: ' + error);
      });
  }

Мой код мне подходит, но я этого не делаюзнаю, почему mediaRecorder.ondataavailable не работает.Я использую console.log() внутри ondataavailable метода, но этот console никогда не запускается.