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 Video-Bereitstellung

Wir können Audio und Video auf verschiedene Weisen im Web bereitstellen, von "statischen" Mediendateien bis hin zu adaptiven Live-Streams. Dieser Artikel ist als Ausgangspunkt gedacht, um die verschiedenen Liefermechanismen webbasierter Medien und die Kompatibilität mit beliebten Browsern zu erkunden.

Audio- und Videomanipulation

Die Schönheit des Webs liegt darin, dass Sie Technologien kombinieren können, um neue Formen zu schaffen. Wenn Audio und Video nativ im Browser vorhanden sind, können wir diese Datenströme mit Technologien wie canvas, WebGL oder Web Audio API verwenden, um Audio und Video direkt zu modifizieren, beispielsweise um Hall-/Kompressionseffekte zu Audio hinzuzufügen oder Graustufen-/Sepiafilter zu Video. Dieser Artikel bietet eine Referenz, um zu erklären, was Sie tun müssen.

Leitfaden für Autoplay für Media- und Web-Audio-APIs

Das automatische Starten der Wiedergabe von Audio (oder Videos mit Audiospuren) unmittelbar beim Laden einer Seite kann für Nutzer eine unerwünschte Überraschung sein. Obwohl das automatische Abspielen von Medien einen nützlichen Zweck erfüllt, sollte es sorgfältig und nur bei Bedarf verwendet werden. Um Nutzern Kontrolle darüber zu geben, bieten Browser häufig verschiedene Formen der Autoplay-Blockierung. In diesem Leitfaden behandeln wir die Autoplay-Funktionalität in den verschiedenen Media- und Web-Audio-APIs, einschließlich eines kurzen Überblicks darüber, wie Autoplay verwendet wird und wie Sie mit Browsern zusammenarbeiten können, um Autoplay-Blockierungen angemessen zu behandeln.

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 verwendet werden, um Audio- und/oder Videomedien im Web zu streamen, und wie Sie Ihren Code, Ihre Medien, Ihren Server und die Optionen beim Streaming optimieren können, um die bestmögliche Qualität und Leistung zu erzielen.

Verwendung von Bildern in HTML

Das HTML img-Element ermöglicht 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.