MediaRecorder-Unterstützung prüfen

Jeder MediaRecorder-MIME-Typ, den dieser Browser akzeptiert, und welcher zuerst zu wählen ist.

Läuft in Ihrem Browser
Keine Uploads
Kein Konto

Ihr Browser-Tool wird geladen…

Was MediaRecorder-Unterstützung prüfen macht

Wer im Browser einen Recorder baut, steht zuerst vor einer lästigen Frage: Welchen mimeType-String akzeptiert dieser Browser? Der Bericht führt MediaRecorder.isTypeSupported() für 14 gängige Video- und Audiotypen aus, von WebM mit VP9 oder VP8 bis MP4 mit H.264 und AAC, dazu AV1, HEVC, MP3 und WAV.

Danach nennt er das beste Video- und Audioformat in der Reihenfolge, in der ein Recorder sie probieren sollte, mit MP4 an erster Stelle in Safari, und prüft die Recorder-Funktionen, auf die Sie sich voraussichtlich verlassen: pause() und resume(), requestData() und Canvas-captureStream() für Einblendungen. „Kopieren“ fügt den Bericht in ein Issue oder eine Kompatibilitätsnotiz ein.

Beispiel

Ihre Umgebung

Aktuelles Chrome auf einem Desktop-Computer

Der Bericht zeigt

MediaRecorder: Verfügbar
Bestes Videoformat: WebM (VP9 + Opus)
video/webm;codecs=vp9,opus
Bestes Audioformat: WebM-Audio (Opus)
audio/webm;codecs=opus

Anleitung: MediaRecorder-Unterstützung prüfen

Öffnen Sie die Seite in dem Browser, für den Sie entwickeln.
Lesen Sie oben die besten Formate und die Spalte „Aufnahme möglich“ für jeden MIME-Typ.
Klicken Sie auf „Kopieren“, um die Ergebnisse für Ihre Kompatibilitätsnotizen zu sichern.

Gut zu wissen

Die Liste ist fest. Um einen anderen String zu testen, führen Sie MediaRecorder.isTypeSupported('video/x-matroska;codecs=avc1') in der Browserkonsole aus.
Ein „Ja“ garantiert weder Bitrate noch Auflösung noch einen Hardware-Encoder. Testen Sie eine echte Aufnahme in der benötigten Größe.
MP3 und WAV sind enthalten, damit Sie das „Nein“ sehen. Browser kodieren sie nicht mit MediaRecorder.

Fragen zu MediaRecorder-Unterstützung prüfen

Welche Formate kann MediaRecorder aufnehmen?

Das hängt vom Browser ab. Chromium-Browser und Firefox nehmen WebM mit Opus-Audio und VP8- oder VP9-Video auf. Safari nimmt MP4 mit H.264 und AAC auf. Neuere Chrome-Versionen akzeptieren auch einige MP4-Typen; diese Seite zeigt genau, welche auf Ihrem Gerät.

Wie wähle ich im Code einen mimeType?

Führen Sie eine Vorzugsliste, gehen Sie sie in einer Schleife durch und verwenden Sie den ersten Typ, den isTypeSupported() akzeptiert. Passt keiner, erstellen Sie den Recorder ohne mimeType und lesen danach recorder.mimeType, um zu erfahren, was der Browser gewählt hat.

Warum hat meine WebM-Aufnahme keine Dauer?

MediaRecorder schreibt WebM als Live-Stream, ohne Gesamtlänge und ohne Suchindex, daher zeigen Player keine Dauer an und können nicht spulen. Ergänzen Sie die Dauer nach der Aufnahme oder verwenden Sie einen Recorder, der die Datei fertigstellt, etwa den Bildschirm-Recorder auf dieser Website.