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 Videobearbeitung

Die Schönheit des Webs besteht darin, dass Sie Technologien kombinieren können, um neue Formen zu schaffen. Die native Unterstützung von Audio und Video im Browser bedeutet, dass wir diese Datenströme mit Technologien wie canvas, WebGL oder Web Audio API direkt bearbeiten können, z.B. durch Hinzufügen von Hall-/Kompressionseffekten zu Audio oder Graustufen-/Sepiafiltern zu Video. Dieser Artikel bietet eine Referenz, um zu erklären, was Sie tun müssen.

Audio- und Videowiedergabe

Wir können Audio und Video im Web auf verschiedene Arten bereitstellen, von 'statischen' Mediendateien bis hin zu adaptiven Live-Streams. Dieser Artikel soll ein Einstiegspunkt sein, um die verschiedenen Bereitstellungsmechanismen webbasierter Medien und deren Kompatibilität mit gängigen Browsern zu erkunden.

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.