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.

Anleitung zur automatischen Wiedergabe für Medien und Web Audio APIs

Das automatische Starten der Wiedergabe von Audio (oder Videos mit Audiospuren) unmittelbar nach dem Laden einer Seite kann für Nutzer eine unwillkommene Überraschung darstellen. Während die automatische Wiedergabe von Medien einen nützlichen Zweck erfüllt, sollte sie sorgfältig und nur bei Bedarf eingesetzt werden. Um den Nutzern Kontrolle darüber zu geben, bieten Browser häufig verschiedene Formen der Blockierung der automatischen Wiedergabe an. In diesem Leitfaden werden wir die Funktionalität der automatischen Wiedergabe in den verschiedenen Medien- und Web Audio APIs behandeln, einschließlich einer kurzen Übersicht darüber, wie man die Funktion der automatischen Wiedergabe nutzt und wie man mit Browsern arbeitet, um der Blockierung der automatischen Wiedergabe gerecht zu werden.

Audio- und Videolieferung

Wir können Audio und Video im Web auf verschiedene Arten bereitstellen, von 'statischen' Mediendateien bis hin zu adaptiven Live-Streams. Dieser Artikel soll als Ausgangspunkt dienen, um die verschiedenen Bereitstellungsmechanismen von web-basierten Medien und die Kompatibilität mit populären Browsern zu erkunden.

Audio- und Videomanipulation

Die Schönheit des Webs liegt darin, dass Sie Technologien kombinieren können, um neue Formen zu erschaffen. Da 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. Zum Beispiel, indem wir Nachhall-/Kompressionseffekte zu Audio hinzufügen oder Grau-/Sepia-Filter zu Video. Dieser Artikel bietet eine Referenz, um zu erklären, was Sie tun müssen.

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.

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.