Multimedia

HTML diente ursprünglich nur der Textauszeichnung. MIt HTML2 konnte man ab 1995 im img-Tag externe Grafiken in seine Webseiten einbinden.

In HTML5 gibt es spezifische Elemente zur Einbindung von Audio- und Video-Dateien. Für diese können eine oder mehrere Quellen bzw. verschiedene Formate hinterlegt werden, aus denen der Browser dann ein für ihn verständliches Format auswählt. Die Mediendatei wird dabei per progressivem Download in den Cache des Browsers geladen.

• 

  Audio und Video
  • Steuerung mit controls
  • untersützte Formate
  • mehrere Versionen mit source einbinden
  • Vorschaubild mit poster
   
• Hintergrundvideo
  • prefers-reduced-motion
   
• Playlists und mehr
  • Media API
  • Erstellen und Wiedergabe von Playlists
   

Siehe auch

• 

  Sprachausgabe

  Wie hört sich meine Webseite im Screenreader an?

   
• 

  Web Speech
  text-to-speech mit
  3 Zeilen JavaScript
   
• 

  SVG
  • Einstieg in SVG
  • Warum SVG nutzen?

  
  Fotos werden als Rastergrafiken ge­speichert - für alles andere wie Logos, Icons, Diagramme, etc gibt es SVG!

   
• Aktive Inhalte einbinden

  Videos, Animationen und mehr

  • iframe
  • object
  • embed
   
• 

  Canvas

  Mit JavaScript Grafiken erzeugen und animieren, die dann auf der Zeichenfläche des canvas-Elements dargestellt werden.

   

• WebGL
• SELF-Blog: Multimedia - Wie viel ist zu viel? vom 01.08.2021