Medienleitfäden

Diese Seite listet Leitfäden für Medien im Web auf. Sie sollen Ihnen helfen zu verstehen, welche Arten von Dingen mit Medien möglich sind.

Audio- und Videomanipulation

Die Schönheit des Webs liegt darin, dass Sie Technologien kombinieren können, um neue Formen zu schaffen. Durch native Audio- und Video-Unterstützung im Browser können wir diese Datenströme mit Technologien wie canvas, WebGL oder der Web Audio API nutzen, um Audio und Video direkt zu modifizieren. Beispielsweise können Hall-/Kompressionseffekte zu Audio oder Grau-/Sepia-Filter zu Video hinzugefügt werden. Dieser Artikel bietet eine Referenz zur Erklärung der notwendigen Schritte.

Audio- und Videoübertragung

Wir können Audio und Video im Web auf verschiedene Arten übertragen, von "statischen" Mediendateien bis hin zu adaptiven Live-Streams. Dieser Artikel soll als Einstiegspunkt in die verschiedenen Übertragungsmechanismen webbasierter Medien und deren Kompatibilität mit gängigen Browsern dienen.

Bilder in HTML verwenden

Das HTML img-Element ermöglicht es Ihnen, Bilder in ein HTML-Dokument einzubetten, während das picture-Element responsive Bilder unterstützt. In diesem Leitfaden finden Sie Links zu Ressourcen, die sich mit dem Hinzufügen von Bildern zu Websites befassen. Diese Artikel bieten Anleitungen zur Auswahl und Konfiguration von Bildtypen.

Leitfaden für Autoplay von Medien und Web Audio APIs

Das automatische Starten der Wiedergabe von Audio (oder Videos mit Audiotracks) direkt beim Laden der Seite kann für Nutzer eine unerwartete Überraschung sein. Während Autoplay von Medien einen nützlichen Zweck erfüllt, sollte es mit Bedacht und nur dann verwendet werden, wenn es notwendig ist. Um den Nutzern die Kontrolle darüber zu geben, bieten Browser oft verschiedene Formen der Autoplay-Blockierung an. In diesem Leitfaden werden wir die Autoplay-Funktionalität in den verschiedenen Medien- und Web Audio APIs behandeln, einschließlich eines kurzen Überblicks über die Nutzung von Autoplay und wie Sie mit Browsern zusammenarbeiten, um die Autoplay-Blockierung elegant zu handhaben.

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.

Streaming von Audio und Video

In diesem Leitfaden werden wir die Techniken untersuchen, die zum Streamen von Audio- und/oder Videomedien im Web verwendet werden, und wie Sie Ihren Code, Ihre Medien, Ihren Server und die von Ihnen verwendeten Optionen optimieren können, um die bestmögliche Qualität und Leistung zu erzielen.