Try mp4

src/Client/Common/Dom.js

@@ -97,4 +97,6 @@ export async function subscribe_(registration) {
 
 export function isMediaTypeSupported_(mt) {
       return MediaRecorder.isTypeSupported(mt);
-}
+}
+
+

src/Client/Common/Dom.purs

@@ -213,5 +213,5 @@ acceptedAudioCodec = do
       isIt ← EU.runEffectFn1 isMediaTypeSupported_ appleShit
       if isIt then pure appleShit else pure webm
       where
-      appleShit = "audio/aac"
+      appleShit = "video/mp4;codecs=avc1"
       webm = "audio/webm"

src/Client/Im/Record.js

@@ -3,7 +3,7 @@ let mediaRecorder,
     chunks = [];
 
 function st(options, handler) {
-    return function(stream) {
+    return function (stream) {
         mediaRecorder = new MediaRecorder(stream, options);
         mediaRecorder.start();
 
@@ -23,7 +23,7 @@ function st(options, handler) {
 }
 
 export function start_(constraints, options, handler) {
-    navigator.mediaDevices.getUserMedia(constraints).then(st(options, handler), e => console.log(e));
+    navigator.mediaDevices.getUserMedia(constraints).then(st(options, handler), e => alert(e)).catch(a => alert(a));
 }
 
 export function stop_() {

src/Server/File.js

@@ -1,21 +1,30 @@
 import imageType from 'image-type';
 
-//webm and aac for audio files
+//webm and mp4 for audio files
 function webm(buffer) {
     return buffer[0] === 26 &&
         buffer[1] === 69 &&
         buffer[2] === 223 &&
         buffer[3] === 163 ? 'webm' : '';
 }
 
-function aac(buffer) {
-    console.log(buffer[0], buffer[1]);
-    return buffer[0] === 255 && (buffer[1] === 241 || buffer[1] === 249) ? 'aac' : '';
+//apple shit
+function mp4(buffer) {
+    console.log(buffer[0], buffer[1], buffer[2], buffer[3], buffer[4], buffer[5], buffer[6], buffer[7], buffer[8]);
+    return buffer[0] === 102 &&
+        buffer[1] === 116 &&
+        buffer[2] === 121 &&
+        buffer[3] === 112 &&
+        buffer[4] === 112 &&
+        (buffer[5] === 105 || buffer[5] === 77) &&
+        (buffer[6] === 115 || buffer[6] === 83) &&
+        (buffer[7] === 111 || buffer[7] === 78) &&
+        (buffer[8] === 109 || buffer[8] === 86) ? 'mp4' : '';
 }
 
 export function realFileExtension_(buffer) {
     return async function () {
         let r = await imageType(buffer);
-        return r.ext || webm(buffer) || aac(buffer) || '';
+        return r.ext || webm(buffer) || mp4(buffer) || '';
     }
 }

src/Shared/Resource.purs

@@ -12,7 +12,7 @@ import Data.Set as DS
 import Environment (production)
 
 allowedMediaTypes ∷ HashMap String String
-allowedMediaTypes = DH.fromFoldable <<< DA.zip [ "data:image/png;base64", "data:image/jpeg;base64", "data:image/tiff;base64", "data:image/bmp;base64", "data:image/gif;base64", "data:audio/webm;base64" ] $ DS.toUnfoldable allowedExtensions
+allowedMediaTypes = DH.fromFoldable <<< DA.zip [ "data:image/png;base64", "data:image/jpeg;base64", "data:image/tiff;base64", "data:image/bmp;base64", "data:image/gif;base64", "data:audio/webm;base64", "data:video/mp4;base64" ] $ DS.toUnfoldable allowedExtensions
 
 allowedExtensions ∷ Set String
 allowedExtensions = DS.fromFoldable [ ".png", ".jpg", ".tiff", ".bmp", ".gif", ".webm" ]