Dieser Inhalt wurde automatisch aus dem Englischen übersetzt, und kann Fehler enthalten. Erfahre mehr über dieses Experiment.

View in English Always switch to English

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 gebräuchlichen Medientypen

Auf fundamentaler Ebene können Sie den Typ einer Mediendatei durch die Angabe eines grundlegenden MIME-Typs spezifizieren, wie video/mp4 oder audio/mpeg. Viele Medientypen, insbesondere solche, die Videospuren unterstützen, profitieren jedoch von der Möglichkeit, das Format der darin enthaltenen Daten präziser zu beschreiben. Beispielsweise sagt die Beschreibung eines Videos in einer MPEG-4-Datei mit dem MIME-Typ video/mp4 nichts über das genaue Format der darin enthaltenen Medien aus.

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.

Konzepte digitaler Audiosignale

Die digitale Darstellung von Audio umfasst mehrere Schritte und Verfahren. Sowohl für die rohen Audiodaten als auch für das codierte oder komprimierte Audio, das im Web verwendet wird, stehen verschiedene Formate zur Verfügung. Dieser Leitfaden gibt einen Überblick darüber, wie Audio digital dargestellt wird und wie Codecs Audio für die Verwendung im Web codieren und decodieren.

Leitfaden für Web-Videocodecs

Dieser Leitfaden stellt die Videocodecs vor, denen Sie im Web am häufigsten begegnen oder die Sie in Erwägung ziehen, ihre Fähigkeiten und eventuelle Kompatibilitäts- und Nutzungsprobleme zusammenfasst und Ratschläge gibt, die Ihnen helfen, den richtigen Codec für das Video Ihres Projekts auszuwählen.

Leitfaden zu Bilddateitypen und -formaten

In diesem Leitfaden behandeln wir die Bilddateitypen, die Webbrowser im Allgemeinen unterstützen. Außerdem erhalten Sie Informationen, die Ihnen helfen, die am besten geeigneten Formate für die Bilder Ihrer Website auszuwählen.

Leitfaden zu Web-Audiocodecs

Selbst Stereoton mit nur mäßig hoher Qualität kann erheblichen Speicherplatz beanspruchen. Für Webentwickler ist die Netzwerkbandbreite, die zum Übertragen von Audio benötigt wird, oft ein noch größeres Problem – unabhängig davon, ob das Audio gestreamt oder zur Verwendung während eines Spiels heruntergeladen wird. Die Verarbeitung von Audiodaten beim Kodieren und Dekodieren übernimmt ein Audio-Codec (COder/DECoder). Dieser Artikel behandelt Audiocodecs, mit denen Audio im Web komprimiert und dekomprimiert wird. Er beschreibt ihre Fähigkeiten und Einsatzgebiete und hilft Ihnen bei der Auswahl eines Codecs für Ihre Inhalte.

Mediencontainerformate (Dateitypen)

Ein Mediencontainer ist ein Dateiformat, das einen oder mehrere Medienstreams (etwa Audio oder Video) zusammen mit Metadaten enthält, sodass sie gemeinsam gespeichert und wiedergegeben werden können. Das Format von Audio- und Videodateien wird durch mehrere Komponenten bestimmt: die verwendeten Audio- und/oder Videocodecs, das Mediencontainerformat (oder den Dateityp) und gegebenenfalls weitere Elemente wie Untertitel-Codecs oder Metadaten. In diesem Leitfaden betrachten wir die im Web am häufigsten verwendeten Containerformate. Dabei behandeln wir die Grundlagen ihrer Spezifikationen sowie ihre Vorteile, Einschränkungen und geeigneten Einsatzbereiche.

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 Websites und Apps, über die Benutzer in Echtzeit per Audio und/oder Video sowie optional über Daten und andere Informationen kommunizieren können. Damit die Kommunikation funktioniert, müssen sich die beiden Geräte für jeden Track auf einen Codec einigen, den beide verstehen. Dieser Leitfaden behandelt die Codecs, die Browser implementieren müssen, sowie weitere Codecs, die einige oder alle Browser für WebRTC unterstützen.

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.