From ec639471f4f6d6212be1bc29c946676948224914 Mon Sep 17 00:00:00 2001
From: Philipp Hancke <phancke@microsoft.com>
Date: Fri, 3 Nov 2023 08:24:10 +0100
Subject: [PATCH] mediarecorder: improved support for MP4

fixes #1635
---
 src/content/getusermedia/record/js/main.js | 19 +++++++++++++++----
 1 file changed, 15 insertions(+), 4 deletions(-)

diff --git a/src/content/getusermedia/record/js/main.js b/src/content/getusermedia/record/js/main.js
index ec4c87d40..9bf3b28e1 100644
--- a/src/content/getusermedia/record/js/main.js
+++ b/src/content/getusermedia/record/js/main.js
@@ -46,12 +46,13 @@ playButton.addEventListener('click', () => {
 
 const downloadButton = document.querySelector('button#download');
 downloadButton.addEventListener('click', () => {
-  const blob = new Blob(recordedBlobs, {type: 'video/webm'});
+  const mimeType = codecPreferences.options[codecPreferences.selectedIndex].value.split(';', 1)[0];
+  const blob = new Blob(recordedBlobs, {type: mimeType});
   const url = window.URL.createObjectURL(blob);
   const a = document.createElement('a');
   a.style.display = 'none';
   a.href = url;
-  a.download = 'test.webm';
+  a.download = mimeType === 'video/mp4' ? 'test.mp4' : 'test.webm';
   document.body.appendChild(a);
   a.click();
   setTimeout(() => {
@@ -80,11 +81,21 @@ function getSupportedMimeTypes() {
   });
 }
 
-function startRecording() {
+async function startRecording() {
   recordedBlobs = [];
   const mimeType = codecPreferences.options[codecPreferences.selectedIndex].value;
   const options = {mimeType};
-
+  if (mimeType.split(';', 1)[0] === 'video/mp4') {
+    // Adjust sampling rate to 48khz.
+    const track = window.stream.getAudioTracks()[0];
+    const {sampleRate} = track.getSettings();
+    if (sampleRate != 48000) {
+      track.stop();
+      window.stream.removeTrack(track);
+      const newStream = await navigator.mediaDevices.getUserMedia({audio: {sampleRate: 48000}});
+      window.stream.addTrack(newStream.getTracks()[0]);
+    }
+  }
   try {
     mediaRecorder = new MediaRecorder(window.stream, options);
   } catch (e) {