default to 4 / 3 aspect ratio for videos

This also sets the default window size to adhere to the default aspect
ratio

js/src/features/compose/use-recorder.ts

@@ -62,7 +62,9 @@ export function useRecorder({
   const startRecording = useCallback(async () => {
     try {
       const constraints =
-        mode === "video" ? { video: true, audio: true } : { audio: true };
+        mode === "video"
+          ? { video: { aspectRatio: { ideal: 4 / 3 } }, audio: true }
+          : { audio: true };
 
       const mediaStream =
         await navigator.mediaDevices.getUserMedia(constraints);

js/src/main.ts

@@ -25,9 +25,9 @@ if (process.platform === 'darwin' && !app.isPackaged) {
 const createWindow = () => {
   // Create the browser window.
   const mainWindow = new BrowserWindow({
-    width: 715,
-    height: 550,
-    resizable: false,
+    width: 800,
+    height: 600,
+    resizable: true,
     fullscreenable: true,
     frame: false,
     webPreferences: {