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 allgemeinen Medientypen
Auf einer fundamentalen Ebene können Sie den Typ einer Mediendatei durch einen einfachen MIME-Typ angeben, wie
video/mp4oderaudio/mpeg. Allerdings können viele Medientypen – insbesondere solche, die Videospuren unterstützen – von der Möglichkeit profitieren, das Format der darin enthaltenen Daten präziser zu beschreiben. Beispielsweise sagt das einfache Beschreiben eines Videos in einer MPEG-4-Datei mit dem MIME-Typvideo/mp4nichts über das Format der eigentlichen Medieninhalte aus.- Codecs used by WebRTC
Die WebRTC API macht es möglich, Websites und Apps zu erstellen, die es Benutzern ermöglichen, in Echtzeit zu kommunizieren, mit Audio und/oder Video sowie optionalen Daten und anderen Informationen. Um zu kommunizieren, müssen die beiden Geräte einen gemeinsamen Codec für jede Spur vereinbaren können, um erfolgreich kommunizieren und das geteilte Medium präsentieren zu können. Dieser Leitfaden überprüft die Codecs, die Browser implementieren müssen, sowie andere Codecs, die einige oder alle Browser für WebRTC unterstützen.
- 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- undvideo-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 zu Bilddateitypen und -formaten
In diesem Leitfaden behandeln wir die Bilddateitypen, die von Webbrowsern allgemein unterstützt werden, und geben Einblicke, die Ihnen helfen, die am besten geeigneten Formate für die Bilder Ihrer Website auszuwählen.
- Media-Container-Formate (Dateitypen)
Ein Media-Container ist ein Dateiformat, das einen oder mehrere Medienstreams (wie Audio oder Video) zusammen mit Metadaten kapselt, sodass sie gemeinsam gespeichert und wiedergegeben werden können. Das Format der Audio- und Videodateien wird von mehreren Komponenten definiert, darunter die verwendeten Audio- und/oder Videocodecs, das Media-Container-Format (oder Dateityp) und optional andere Elemente wie Untertitel-Codecs oder Metadaten. In diesem Leitfaden betrachten wir die am häufigsten im Web verwendeten Containerformate und geben einen Überblick über ihre Spezifikationen sowie ihre Vorteile, Einschränkungen und idealen Anwendungsfälle.
- 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.
- Web-Audio-Codec-Leitfaden
Selbst Sound in bescheidener Qualität und in hochauflösendem Stereo kann einen beträchtlichen Speicherplatz beanspruchen. Für Webentwickler ist ein noch größeres Anliegen die Netzwerkbandbreite, die erforderlich ist, um Audio zu übertragen, sei es zum Streaming oder um es zum späteren Gebrauch im Spiel herunterzuladen. Die Verarbeitung von Audiodaten zur Kodierung und Dekodierung erfolgt durch einen Audio-Codec (COder/DECoder). In diesem Artikel betrachten wir Audio-Codecs, die im Web verwendet werden, um Audio zu komprimieren und zu dekomprimieren, was ihre Fähigkeiten und Anwendungsfälle sind und geben Anleitungen, welche Audio-Codecs Sie für Ihre Inhalte auswählen sollten.
- Web-Video-Codec-Leitfaden
Dieser Leitfaden stellt die Video-Codecs vor, denen Sie am wahrscheinlichsten im Web begegnen oder die Sie in Betracht ziehen könnten zu verwenden. Er enthält Zusammenfassungen ihrer Fähigkeiten, eventueller Kompatibilitäts- und Nützlichkeitsprobleme sowie Ratschläge, die Ihnen helfen, den richtigen Codec für das Video Ihres Projekts auszuwählen.
- 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.