MP4 file missing all meta info

[aviramroi]

Im downloading file from the blobUrl and I missing some meta info on the left the file downloaded using the media recorder, in the right some mp4 file.

usage:

  const handleStop = (blobUrl: any, blob: any) => {
    var a = window.document.createElement("a");
    a.href = blobUrl;
    a.download = "vide.mp4";
    document.body.appendChild(a);
    a.click();
    document.body.removeChild(a);
}


  const {
    status,
    startRecording,
    pauseRecording,
    resumeRecording,
    stopRecording,
    mediaBlobUrl,
    muteAudio,
    isAudioMuted,
  } = useReactMediaRecorder({
    blobPropertyBag: {
      type: "video/mp4",
    },
    audio: router.query.m === "true",
    video: false,
    screen: true,
    onStop: handleStop,
  });

[RNZ01]

+1 I can confirm this issue, somehow the mp4 file cannot be played on iPhone nor mac QuickTime, Only VLC is able to play it.

[marviobezerra]

I faced that too. Safari is the only browser (at least that I know) that records using MP4 format, all other browsers (like Chrome) records using WebM format.

My solution was implementing a video converter on the serve for all videos not recorded by safari.

[veewoo]

Hello everyone, I've run into this issue too

[shomerj]

Hi everyone, I am running into the same issue. It seems like the encoder is not properly storing metadata. Attached is the output of ffprobe -i

[flexingCode]

same issue, the problem is that if i want to get the duration into the code i got Infinity by the missing metadata, you found some fix?

[codingforpleasure]

Same issue here, I can't get neither frame size or duration of the video. Hey all, any suggestions? Therefore I can't even start re-scaling the video.