Medientypen und -formate für Bild-, Audio- und Videoinhalte

Seit nahezu ihrem Anfang unterstützt das Web die Präsentation von visuellen Medien in irgendeiner Form. Ursprünglich waren diese Fähigkeiten begrenzt und haben sich organisch erweitert, wobei verschiedene Browser eigene Lösungen für die Aufnahme von Stand- und Bewegtbildern im Web fanden. Das moderne Web bietet leistungsstarke Funktionen zur Unterstützung der Präsentation und Manipulation von Medien, mit mehreren medienbezogenen APIs, die verschiedene Arten von Inhalten unterstützen. Im Allgemeinen liegt die Unterstützung von Medienformaten ganz in den Händen der Browser-Entwickler, was die Arbeit eines Webentwicklers erschweren kann.

Dieser Leitfaden bietet einen Überblick über die Mediendateitypen, Codecs und Algorithmen, die Medien für das Web bilden können. Er bietet zudem Informationen zur Browser-Kompatibilität für verschiedene Kombinationen dieser und Vorschläge zur Priorisierung von Formaten sowie darüber, welche Formate sich für bestimmte Arten von Inhalten besonders eignen.

Leitfäden

Codecs in üblichen Medientypen

Auf einer grundlegenden Ebene können Sie den Typ einer Mediendatei mithilfe eines einfachen MIME-Typs angeben, wie video/mp4 oder audio/mpeg. Viele Medientypen – insbesondere solche, die Videospuren unterstützen – können jedoch von der Möglichkeit profitieren, das Datenformat innerhalb dieser Dateien präziser zu beschreiben. Beispielsweise sagt die Beschreibung eines Videos in einer MPEG-4 Datei mit dem MIME-Typ video/mp4 nichts darüber aus, welches Format das tatsächliche Medium innerhalb davon einnimmt.

Digitale Audiokonzepte

Die Darstellung von Audio in digitaler Form erfordert eine Reihe von Schritten und Prozessen, wobei mehrere Formate sowohl für das Roh-Audio als auch für das kodierte oder komprimierte Audio zur Verfügung stehen, das tatsächlich im Web verwendet wird. Dieser Leitfaden bietet einen Überblick darüber, wie Audio digital dargestellt wird und wie Codecs verwendet werden, um Audio für die Nutzung im Web zu kodieren und zu dekodieren.

Digitale Videokonzepte

In diesem Artikel erläutern wir wichtige Konzepte, die nützlich sind, um zu verstehen, wie man effektiv mit Video im Web arbeitet.

Konfiguration von Servern für Ogg-Medien

HTML audio- und video-Elemente ermöglichen die Medienpräsentation, ohne dass der Benutzer Erweiterungen oder andere Software installieren muss. Dieser Leitfaden behandelt die Serverkonfiguration, die möglicherweise erforderlich ist, um Ogg-Mediendateien korrekt zu liefern. Diese Informationen können auch nützlich sein, wenn Sie auf andere Medientypen stoßen, die Ihr Server noch nicht erkennt.

Leitfaden für Web-Audio-Codecs

Selbst moderat hochwertige, hochauflösende Stereotöne können erheblichen Speicherplatz beanspruchen. Für Webentwickler ist eine noch größere Sorge die Netzbandbreite, die zum Übertragen von Audio erforderlich ist, sei es zum Streamen oder zum Herunterladen für die Verwendung während des Spielens. Die Verarbeitung von Audiodaten zur Codierung und Decodierung wird von einem Audio-Codec (Encoder/Decoder) übernommen. In diesem Artikel betrachten wir die auf dem Web verwendeten Audio-Codecs zur Komprimierung und Dekomprimierung von Audio, deren Fähigkeiten und Anwendungsfälle und geben Hinweise zur Auswahl von Audiocodecs für Ihre Inhalte.

Leitfaden zu Bilddateitypen und -formaten

In diesem Leitfaden behandeln wir die Bilddateitypen, die allgemein von Webbrowsern unterstützt werden, und bieten Einblicke, die Ihnen helfen, die am besten geeigneten Formate für die Bilder Ihrer Website auszuwählen.

Leitfaden zu Web-Video-Codecs

Dieser Leitfaden stellt die Video-Codecs vor, die Sie wahrscheinlich im Web verwenden oder in Erwägung ziehen werden. Er enthält Zusammenfassungen ihrer Fähigkeiten, eventuelle Kompatibilitäts- und Nutzungsbedenken sowie Ratschläge, die Ihnen helfen, den richtigen Codec für das Video Ihres Projekts auszuwählen.

Mediencontainerformate (Dateitypen)

Ein Mediencontainer ist ein Dateiformat, das einen oder mehrere Medienströme (wie Audio oder Video) zusammen mit Metadaten kapselt und es ermöglicht, diese gemeinsam zu speichern und wiederzugeben. Das Format von Audio- und Videodateien wird durch mehrere Komponenten definiert, einschließlich der verwendeten Audio- und/oder Videocodecs, des Mediencontainerformats (oder Dateityps) und optional anderer Elemente wie Untertitelcodecs oder Metadaten. In diesem Leitfaden betrachten wir die im Internet am häufigsten verwendeten Containerformate und decken Grundlagen zu deren Spezifikationen sowie deren Vorteile, Einschränkungen und idealen Anwendungsfällen ab.

Umgang mit Medienunterstützungsproblemen in Webinhalten

Eine der Realitäten bei der Arbeit mit Audio- und Videopräsentation und -manipulation im Web ist, dass es eine Vielzahl von Medienformaten gibt, die unterschiedliche Beliebtheit und Fähigkeiten besitzen. Die Verfügbarkeit von Auswahlmöglichkeiten ist für den Benutzer gut, da er das Format wählen kann, das seinen Bedürfnissen am besten entspricht. Es gibt jedoch einen Nachteil: Da es so viele Formate gibt, die mit unterschiedlichen Lizenzen und Designprinzipien verbunden sind, bleibt es jedem Webbrowser-Entwickler überlassen, zu entscheiden, welche Mediendateitypen und Codecs unterstützt werden.

Von WebRTC verwendete Codecs

Die WebRTC API ermöglicht es, Websites und Apps zu entwickeln, die es Benutzern ermöglichen, in Echtzeit zu kommunizieren, unter Verwendung von Audio und/oder Video sowie optionalen Daten und anderen Informationen. Damit die Kommunikation funktioniert, müssen die beiden Geräte sich auf einen gemeinsam verstandenen Codec für jeden Track einigen, um die gemeinsame Medieninhalte erfolgreich zu kommunizieren und zu präsentieren. Dieser Leitfaden bietet einen Überblick über die Codecs, die Browser implementieren müssen, sowie über andere Codecs, die von einigen oder allen Browsern für WebRTC unterstützt werden.

Lernen: HTML-Video und -Audio

Dieses Tutorial führt in die Nutzung von Medien im Web ein und erläutert diese im Detail.

Siehe auch

Media Capabilities API

Die Media Capabilities API ermöglicht es Ihnen, die Fähigkeiten zur Kodierung und Dekodierung des Geräts, auf dem Ihre App oder Website ausgeführt wird, zu entdecken. So können Sie in Echtzeit Entscheidungen darüber treffen, welche Formate wann verwendet werden sollen.