Para un proyecto, quiero grabar personas usando sus cámaras web. Dado que esto puede crear archivos de video grandes, upload_max_filesize y post_max_size de mi php.ini a 500M . Todo funciona muy bien en navegadores basados en cromo en todos los sistemas operativos.

Sin embargo, en Firefox que se ejecuta en macOS, aparece un error cuando el archivo de video supera los 20 MB, lo que hace que el video no se cargue. Sin embargo, Firefox en Windows y Linux (Ubuntu) no provoca este error.

El mensaje de error en la consola de Firefox es: TypeError: NetworkError when attempting to fetch resource.

Creé una demostración mínima aquí: https://ccp-odc.eva.mpg.de/modal-recorder/demo/example.html

¡SÉ CONSCIENTE! Si presiona Cargar video grabado, ¡los videos se almacenan en mi servidor! ¡No te grabes!

Pasos para reproducir: 0. Abra la pestaña de red

1. Click StartRecorder() (paso 5) (acepte el consentimiento): bajo el capó, esto iniciará la API de MediaRecorder y creará un blob en el objeto de la ventana.
2. Espere al menos 2 minutos (para alcanzar al menos 20 MB)
3. Presiona el botón Cargar video grabado (ver la pestaña de red y la consola): bajo el capó, creo un nuevo objeto FormData() y le agrego el blob. Luego, uso fetch/POST para enviar esto al punto final de PHP

para su información; Esta demostración es la versión incluida de este repositorio: https://github.com/ccp-eva/media-recorder

Los tres archivos importantes son el archivo HTML, el archivo JavaScript correspondiente y el endoint de PHP. Usted multa los tres archivos aquí:

• https://github.com/ccp-eva/media-recorder/blob/main/public/example.html#L94
• https://github.com/ccp-eva/media-recorder/blob/main/src/components/uploadVideo.js
• https://github.com/ccp-eva/media-recorder/blob/main/public/upload_video.php

Así que realmente parece que este es un problema específico de macOS/Firefox. ¿Alguien sabe por qué sucede esto en Firefox?