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 Videobearbeitung: Die Schönheit des Webs besteht darin, dass Sie Technologien kombinieren können, um neue Formen zu schaffen. Mit nativen Audio- und Videofunktionen im Browser können wir diese Datenströme mit Technologien wie canvas, WebGL oder der Web Audio API verwenden, um Audio und Video direkt zu modifizieren, zum Beispiel Hall-/Kompressions-Effekte zu Audio hinzufügen oder Graustufen-/Sepia-Filter zu Video. Dieser Artikel bietet eine Referenz, um zu erklären, was Sie tun müssen.
Audio- und Videobereitstellung: Wir können Audio und Video auf dem Web auf verschiedene Arten bereitstellen, von "statischen" Mediendateien bis hin zu adaptiven Live-Streams. Dieser Artikel soll als Ausgangspunkt zur Erkundung der verschiedenen Bereitstellungsmechanismen von webbasierter Medien und der Kompatibilität mit beliebten Browsern dienen.
Autoplay-Leitfaden für Medien und Web-Audio-APIs: Das automatische Starten der Wiedergabe von Audio (oder Videos mit Audiotracks) unmittelbar nach dem Laden der Seite kann für die Nutzer eine unerwünschte Überraschung darstellen. Während das Autoplay von Medien einen nützlichen Zweck erfüllt, sollte es vorsichtig und nur bei Bedarf verwendet werden. Um den Nutzern die Kontrolle darüber zu geben, bieten Browser häufig verschiedene Formen der Autoplay-Sperrung an. In diesem Leitfaden behandeln wir die Autoplay-Funktionalität in den verschiedenen Medien- und Web-Audio-APIs, einschließlich eines kurzen Überblicks darüber, wie Autoplay verwendet wird und wie man mit Browsern arbeitet, um die Autoplay-Sperrung elegant zu handhaben.
DASH Adaptive Streaming für HTML-Video: Dynamic Adaptive Streaming over HTTP (DASH) ist ein adaptives Streaming-Protokoll. Das bedeutet, dass es einem Videostream ermöglicht wird, zwischen Bitraten auf der Grundlage der Netzwerkleistung zu wechseln, um die Wiedergabe des Videos aufrechtzuerhalten.
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 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 Webseiten beschäftigen. Diese Artikel bieten Anleitungen zur Auswahl und Konfiguration von Bildtypen.