URL-адрес BLOB-объекта неправильно сформирован в localhost с использованием узла js

Question

Я использую сервер nodejs, используя следующий код, ниже приведен скриншот, прикрепленный к полученной ошибке.

Я пытаюсь воспроизвести URL, используя элемент видео, который выдает ошибку на скриншоте выше. Пожалуйста, дайте мне знать, если чего-то не хватает.

function startRecording(){
  var canvasElt = document.querySelector('canvas');
  var videoElement  = document.querySelector('video');
  var stream = canvasElt.captureStream(25); 
  // pc.addStream(stream);
  var options = {mimeType: 'video/webm; codecs=vp9'};
  var mediaRecorder = new MediaRecorder(stream, options);
  mediaRecorder.ondataavailable = handleDataAvailable;
  mediaRecorder.start();
  var recordedChunks = []
  function handleDataAvailable(event) {
     if (event.data.size > 0) {
       console.log("inside recorded chunks");
       recordedChunks.push(event.data);
     } else {
       // ...
       console.log("inside events");
     }
  }
  setTimeout(function(){
    console.log("player stopped");
    console.log(recordedChunks);
    mediaRecorder.stop();
    videoElement.src = null;
    console.log(videoElement)   
    var superBuffer = new Blob(recordedChunks,{type: 'video/webm'});
    videoElement.src= URL.createObjectURL(superBuffer);
    console.log(videoElement.src);          
  }, 10000);
 }