Verificador de suporte a MediaRecorder

Todos os tipos MIME do MediaRecorder que este navegador aceita e qual tentar primeiro.

Roda no seu navegador
Sem uploads
Sem conta

Carregando a ferramenta no navegador…

O que faz: Verificador de suporte a MediaRecorder

Criar um gravador no navegador começa com uma pergunta chata: qual string de mimeType este navegador vai aceitar? O relatório executa MediaRecorder.isTypeSupported() em 14 tipos comuns de vídeo e áudio, de WebM com VP9 ou VP8 a MP4 com H.264 e AAC, além de AV1, HEVC, MP3 e WAV.

Depois ele indica o melhor formato de vídeo e de áudio na ordem em que um gravador deve tentá-los, colocando MP4 primeiro no Safari, e verifica os recursos do gravador de que você provavelmente vai depender: pause() e resume(), requestData() e captureStream() de canvas para sobreposições. Copiar cola o relatório em uma issue ou em uma nota de compatibilidade.

Exemplo

Sua configuração

Chrome atual em um computador

O relatório mostra

API MediaRecorder: Disponível
Melhor formato de vídeo: WebM (VP9 + Opus)
video/webm;codecs=vp9,opus
Melhor formato de áudio: Áudio WebM (Opus)
audio/webm;codecs=opus

Como usar: Verificador de suporte a MediaRecorder

Abra a página no navegador para o qual você está desenvolvendo.
Leia os melhores formatos no topo e a coluna Pode gravar de cada tipo MIME.
Clique em Copiar para salvar os resultados nas suas notas de compatibilidade.

Bom saber

A lista é fixa. Para testar outra string, execute MediaRecorder.isTypeSupported('video/x-matroska;codecs=avc1') no console do navegador.
Um Sim não garante taxa de bits, resolução nem codificador de hardware. Teste uma gravação real no tamanho de que você precisa.
MP3 e WAV estão incluídos para você ver o Não. Os navegadores não os codificam com o MediaRecorder.

Perguntas sobre Verificador de suporte a MediaRecorder

Quais formatos o MediaRecorder consegue gravar?

Depende do navegador. Navegadores Chromium e o Firefox gravam WebM com áudio Opus, usando vídeo VP8 ou VP9. O Safari grava MP4 com H.264 e AAC. Versões recentes do Chrome também aceitam alguns tipos MP4; esta página mostra exatamente quais na sua máquina.

Como escolher um mimeType no código?

Mantenha uma lista de preferência, percorra-a e use o primeiro tipo que isTypeSupported() aceitar. Se nenhum servir, crie o gravador sem mimeType e leia recorder.mimeType depois para saber o que o navegador escolheu.

Por que minha gravação WebM não tem duração?

O MediaRecorder grava o WebM como uma transmissão ao vivo, sem duração total nem índice de busca, então os players não mostram a duração e não permitem avançar e voltar. Acrescente a duração depois de gravar ou use um gravador que finaliza o arquivo, como o gravador de tela deste site.