Die Druckversion wird nicht mehr unterstützt und kann Darstellungsfehler aufweisen. Bitte aktualisiere deine Browser-Lesezeichen und verwende stattdessen die Standard-Druckfunktion des Browsers.

aiMOOC

Multimedia

QR-Code

Einleitung

Ob Lernplattform, Nachrichtenseite oder Videospiel: Multimedia verbindet mehrere Darstellungsformen, beispielsweise Text, Bild, Audio, Video und Animation. Entscheidend ist nicht die Menge der Dateien, sondern ihr sinnvoller Zusammenhang. Ein gut gestaltetes Lernvideo kann etwa eine Bewegung zeigen, erläutern und mit Untertiteln verständlich machen. Multimedia kann auch interaktiv sein: Du steuerst dann selbst, welche Inhalte du aufrufst oder wie eine Aufgabe weitergeht.

Zielgruppe: Jugendliche der Klassen 8 bis 11, insbesondere in Medienbildung, Informatik, Kunst und Deutsch. Du lernst, Medienarten zu unterscheiden, Inhalte verständlich zu kombinieren und Quellen, Nutzungsrechte sowie Barrierefreiheit zu prüfen.

Eine stilisierte Klangwelle veranschaulicht Audio als einen Baustein digitaler Medien. Quelle: Wikimedia Commons, KMpumlwana (WMF), CC0.

Medienarten und ihr Zusammenspiel

Text, Bild und Ton

Text eignet sich für genaue Begriffe, Anleitungen und nachlesbare Informationen. Fotos zeigen reale Ausschnitte; Grafiken verdeutlichen Zusammenhänge. Audio kann Sprache, Musik oder Geräusche transportieren. Die Medien erfüllen verschiedene Aufgaben: Eine gesprochene Anleitung kann das Betrachten einer Grafik begleiten. Wenn Ton und Bild einander jedoch nur störend wiederholen, kann das Verstehen schwerer werden.

Hörbeispiel einer Ogg-Vorbis-Audiodatei, aufgezeichnet von K6ka; Wikimedia Commons, CC0. Achte darauf, dass Tondateien einen abspielbaren Inhalt haben, auch wenn kein Bild sichtbar ist.

Bewegtbild, Animation und Interaktivität

Video zeigt eine Folge bewegter Bilder, häufig zusammen mit Ton. Animation erzeugt den Bewegungseindruck durch zeitlich nacheinander dargestellte Einzelbilder oder berechnete Zustände. Die Grenzen können sich überschneiden, etwa bei animierten Erklärvideos. Interaktive Medien reagieren zusätzlich auf Eingaben, zum Beispiel bei einem Lernquiz.

Schnell wechselnde Einzelbilder erzeugen einen flüssigeren Bewegungseindruck: Animation von Branko, gemeinfrei.

Dieselbe Bildfolge mit längerer Anzeigedauer verdeutlicht den Einfluss der Zeitsteuerung: Branko, gemeinfrei.

Bild, Klang und Dateiformate verstehen

Rasterbilder und Vektorgrafiken

Ein Rasterbild besteht aus Bildpunkten. Beim starken Vergrößern können einzelne Pixel sichtbar werden. Eine Vektorgrafik speichert hingegen geometrische Formen und lässt sich meist ohne solche Treppeneffekte skalieren. Typische Rasterformate sind JPEG und PNG; SVG ist ein Vektorformat. JPEG eignet sich oft für Fotografien, PNG häufig für verlustfreie Grafiken und Transparenz, SVG für Logos oder Diagramme.

Vergleich von Raster- und Vektordarstellung. Quelle: Wikimedia Commons; Fbj, Wgabrie und Perhelion; CC BY-SA 3.0.

Farben, Ton und Kompression

Bildschirme mischen Licht aus Rot, Grün und Blau (RGB). Töne werden digital als Wertefolgen gespeichert. Für die Wiedergabe digitaler Medien müssen Dateiformat und Abspielsoftware zusammenpassen. Ein Codec ist ein Verfahren zum Kodieren und Dekodieren von Ton oder Bild; ein Container kann mehrere Datenströme, etwa Video, Audio und Untertitel, zusammenfassen. Dateiendungen allein verraten daher nicht immer den verwendeten Codec.

Kompression verringert den Speicherbedarf. Verlustfreie Verfahren stellen den ursprünglichen Dateninhalt wieder her; verlustbehaftete Verfahren entfernen Informationen und können die Qualität sichtbar oder hörbar verändern. Auflösung, Bildrate und Bitrate beeinflussen Datei- und Übertragungsgröße, aber nicht allein die inhaltliche Qualität.

Das RGB-Farbmodell veranschaulicht die additive Mischung von Bildschirmlicht. Grafik: pd4u, gemeinfrei.

Geschichten planen und Medien sinnvoll gestalten

Ziel, Aufbau und Storyboard

Kläre vor der Gestaltung drei Fragen: Für wen? Was sollen die Menschen verstehen? Welche Medienform hilft dabei? Ein Storyboard ordnet Szenen oder Bildschirme: Was wird gezeigt, gesagt, eingeblendet und anschließend getan? Ein klarer Einstieg, kurze Abschnitte und eine verständliche Reihenfolge erleichtern die Orientierung.

Beispiel: Du erklärst den Wasserkreislauf. Ein Schaubild zeigt die Stationen, eine Animation die Bewegung des Wassers, ein kurzer Sprechertext benennt die Vorgänge und eine interaktive Frage überprüft den Zusammenhang. Jede Medienform übernimmt dabei eine erkennbare Aufgabe.

Gestaltung ohne Überlastung

Eine begrenzte Zahl gut ausgewählter Elemente ist oft hilfreicher als gleichzeitig laufende Videos, Musik, große Textblöcke und blinkende Effekte. Sorge für lesbare Schrift, deutliche Kontraste, sinnvolle Pausen und eine erkennbare Blickführung. Verwende Musik nur, wenn sie wirklich unterstützt und Sprache nicht überdeckt. Lass Lernenden Kontrolle über Start, Pause und Lautstärke.

Beispiel für Motion Design: Bewegte grafische Elemente können Aufmerksamkeit lenken. Quelle: Piper2020, Wikimedia Commons, CC BY-SA 4.0.

Produktion, Quellen und Nutzungsrechte

Ein einfacher Produktionsablauf

Eine Medienproduktion durchläuft meist Recherche, Konzept, Materialauswahl, Gestaltung, Prüfung und Veröffentlichung. Halte Quellen schon bei der Recherche fest. Unterscheide eigene Aufnahmen, gemeinfreie Werke, offen lizenzierte Dateien und Inhalte, die nur unter bestimmten Bedingungen genutzt werden dürfen. Prüfe, ob Personen auf Bildern der Veröffentlichung zugestimmt haben und ob sensible Daten sichtbar sind.

Creative Commons richtig verwenden

Creative Commons bietet standardisierte Lizenzen. CC BY verlangt unter anderem die korrekte Namensnennung; CC BY-SA ergänzt bei Bearbeitungen die Weitergabe unter gleichen oder kompatiblen Lizenzbedingungen. CC0 ist eine weitreichende Rechtefreigabe. Nicht alles, was im Internet frei sichtbar ist, darf kopiert oder verändert werden. Für die Quellenangabe helfen Titel, Urheber, Fundstelle, Lizenzlink und ein Hinweis auf Bearbeitungen.

Wichtig bei YouTube: Ein Video im offiziellen Player einzubetten ist nicht dasselbe, wie es herunterzuladen, zu verändern oder neu hochzuladen. Eine gewöhnliche YouTube-Veröffentlichung ist keine automatische Creative-Commons-Freigabe. Beachte außerdem die Datenschutzhinweise beim Laden externer Videos.

Erklärvideo zu Creative Commons (alpha Lernen / So geht MEDIEN; deutsch; über einen öffentlichen österreichischen Bildungsleitfaden nachgewiesen):

Barrierefreiheit und Medienkritik

Alle Menschen erreichen

Barrierearme Multimedia-Angebote bieten für informative Bilder sinnvolle Alternativtexte, für Sprachvideos korrekte Untertitel und für Audioinhalte Transkripte. Wichtige rein visuelle Abläufe sollten auch hörbar beschrieben werden. Bedienelemente müssen möglichst mit Tastatur und Hilfstechnologien nutzbar sein. Untertitel sollen auch bedeutsame Geräusche wiedergeben. Prüfe nicht nur, ob ein Text vorhanden ist, sondern ob er den Inhalt richtig vermittelt.

Video mit Untertiteln: „Töne sehen, Bilder hören – Barrierefreiheit im Video“, Hochschulbüro für ChancenVielfalt und ZQS/elsa, Leibniz Universität Hannover.

Vergleichsversion mit Audiodeskription: Dasselbe Hochschulprojekt erklärt, was sehende Menschen aus Bildern erfahren können.

Informationen kritisch prüfen

Multimediale Gestaltung kann überzeugen, aber auch täuschen. Eine eindrucksvolle Musikspur ist kein Beleg; ein professionell aussehendes Video garantiert keine richtige Aussage. Unterscheide Beobachtung, Behauptung und Quelle. Prüfe Urheber, Datum, Kontext und unabhängige Belege. Bei bearbeiteten Aufnahmen hilft die Frage, ob Ausschnitt, Ton oder Bildfolge eine falsche Wirkung erzeugen. Veröffentliche keine vertraulichen personenbezogenen Daten.

Interaktive Aufgaben

Quiz: Teste dein Wissen

Woran erkennst du ein sinnvolles Multimedia-Angebot? (Es verbindet mehrere Medienformen mit einem gemeinsamen Informationsziel) (!Es besteht immer nur aus einem langen Video) (!Es zeigt möglichst viele Effekte gleichzeitig) (!Es braucht grundsätzlich keine Texte)

Welcher Vorteil trifft typischerweise auf Vektorgrafiken zu? (Geometrische Formen lassen sich ohne Rastertreppen vergrößern) (!Jedes Foto wird automatisch zur Vektorgrafik) (!Sie enthalten ausschließlich Ton) (!Sie können grundsätzlich keine Farben darstellen)

Welche drei Lichtfarben nutzt das RGB-Farbmodell? (Rot Grün und Blau) (!Cyan Magenta und Gelb) (!Schwarz Weiß und Grau) (!Rot Gelb und Schwarz)

Was ist ein Beispiel für Audio? (Eine aufgenommene gesprochene Erklärung) (!Ein unbewegtes Diagramm ohne Ton) (!Eine reine Texttabelle) (!Eine Fotografie ohne Geräusche)

Wie entsteht bei einer einfachen Animation der Bewegungseindruck? (Durch aufeinanderfolgende Bilder oder Zustände) (!Durch eine einzige unveränderte Grafik) (!Nur durch den Namen der Datei) (!Allein durch besonders viele Wörter)

Wofür verwendest du ein Storyboard? (Zur Planung einer Abfolge von Szenen und Medien) (!Zum Löschen aller Quellenangaben) (!Als Ersatz für jede inhaltliche Recherche) (!Zur automatischen Prüfung von Urheberrechten)

Welche Aussage über Datenkompression ist richtig? (Sie kann Dateien kleiner machen und je nach Verfahren Informationen verlieren) (!Sie verdoppelt immer die Bildauflösung) (!Sie macht jede Tonaufnahme fehlerfrei) (!Sie ersetzt grundsätzlich die Quellenprüfung)

Wozu dienen Untertitel bei einem Video mit Sprache? (Sie machen gesprochene und wichtige akustische Informationen lesbar) (!Sie ersetzen jede Beschreibung rein visueller Informationen) (!Sie erhöhen automatisch die Bildrate) (!Sie vergeben eine freie Lizenz)

Welche Aussage über YouTube ist richtig? (Ein öffentlich abrufbares Video ist nicht automatisch frei weiterverwendbar) (!Jedes Video darf ohne Erlaubnis neu hochgeladen werden) (!Alle Videos besitzen die Lizenz CC0) (!Eine Einbettung überträgt das Urheberrecht)

Was ist bei einer Bearbeitung eines Werkes unter CC BY-SA zu beachten? (Urheber nennen und eine passende Weitergabelizenz einhalten) (!Den ursprünglichen Namen grundsätzlich entfernen) (!Die Lizenz bei jeder Veröffentlichung ignorieren) (!Das Werk automatisch als eigenes Original ausgeben)

Memory-Spiel

Finde zu jedem Fachbegriff die richtige Erklärung.

Storyboard	Plan mit der Abfolge einzelner Szenen
Pixel	Einzelner Bildpunkt einer Rastergrafik
Vektor	Mathematisch beschriebene grafische Form
Codec	Verfahren zum Kodieren und Dekodieren von Medien
Transkript	Schriftliche Fassung eines Hörinhalts
Audiodeskription	Gesprochene Beschreibung wichtiger Bildinformationen

Drag and Drop

Ordne jeder Maßnahme ihren Zweck zu.

Passende Maßnahme	Zweck
Alternativtext	Inhalt eines informativen Bildes zugänglich beschreiben
Untertitel	Sprachinformationen im Video lesbar machen
Kompression	Umfang digitaler Daten verkleinern
Storyboard	Bildfolge und Sprechertext vorab planen
Quellenangabe	Herkunft und Nutzungsbedingungen offenlegen

Kreuzworträtsel

Finde sechs Fachbegriffe aus den Kapiteln.

Pixel	Wie heißt ein einzelner Bildpunkt?
Vektor	Wie heißt eine geometrisch beschriebene Bildform?
Audio	Wie heißt eine hörbare Medienform?
Video	Wie heißt eine Medienform mit bewegten Bildern?
Codec	Wie nennt man ein Verfahren zum Kodieren und Dekodieren?
Lizenz	Wie heißt eine rechtliche Nutzungserlaubnis?

LearningApps

Weitere interaktive Übungen zum Thema:

Lückentext

Offene Aufgaben

Leicht

Medienarten: Suche drei öffentliche Beispiele mit unterschiedlichen Medienformen und erkläre jeweils ihre Funktion.
Bildbeschreibung: Beschreibe eine der eingebundenen Commons-Grafiken in zwei präzisen Sätzen als Alternativtext.
Animation: Vergleiche die beiden Ballanimationen und beschreibe den Einfluss der Bildwechsel auf den Bewegungseindruck.
Audio: Höre das Ogg-Beispiel an und protokolliere Inhalt, Verständlichkeit und mögliche Nutzung im Unterricht.

Standard

Storyboard: Entwirf sechs Szenen für eine multimediale Erklärung eines selbst gewählten Unterrichtsthemas.
Dateiformat: Vergleiche JPEG, PNG und SVG für Foto, Schaubild und Logo und begründe deine Auswahl.
Creative Commons: Finde auf Wikimedia Commons zwei geeignete Dateien und dokumentiere Urheber, Quelle, Lizenz und Nutzungsbedingungen.
Untertitel: Vergleiche ein Video mit Untertiteln und eines mit Audiodeskription; halte Unterschiede der Zugänglichkeit fest.

Schwer

Medienkonzept: Plane ein barrierearmes Lernangebot mit Text, Bild, Ton und einer überprüfbaren Lernfrage.
Medienkritik: Untersuche eine öffentliche audiovisuelle Behauptung anhand von Primärquelle, Ausschnitt und zwei unabhängigen Belegen.
Lizenzprüfung: Entwerfe einen vollständigen Rechte- und Quellenplan für eine gemeinsame schulische Veröffentlichung ohne personenbezogene Daten.
Usability: Erstelle Prüfkriterien für Navigation, Tastaturbedienbarkeit, Kontrast, Alternativtexte und Mediensteuerung und bewerte damit ein öffentliches Angebot.

Lernkontrolle

Multimedia: Erläutere anhand eines konkreten Beispiels, warum die Verbindung von Text, Bild und Ton einen Mehrwert schaffen kann und wann sie eher ablenkt.
Digitale Bilder: Begründe die Wahl zwischen einer Raster- und einer Vektordatei für einen skalierbaren Lehrplan.
Kompression: Erkläre den Zielkonflikt zwischen Dateigröße und Wiedergabequalität bei einem Video für langsame Internetverbindungen.
Barrierefreiheit: Entwickle Ergänzungen für ein Erklärvideo, das bisher weder Untertitel noch Beschreibungen wichtiger Bildinformationen enthält.
Urheberrecht: Prüfe eine gedachte CC BY-SA-Grafikbearbeitung auf erforderliche Urheber-, Lizenz- und Änderungsangaben.
Medienkompetenz: Zeige, wie du eine überzeugend geschnittene, aber unbelegte Aussage kritisch untersuchst.

Lernnachweis

Du kannst deinen Lernerfolg anhand eines Medienportfolios zeigen: eine fachlich korrekte Begriffsübersicht, ein Storyboard, eine begründete Auswahl unterschiedlicher Dateiformate, ein Zugänglichkeitscheck und ein Quellen- und Lizenzverzeichnis. Besonders wichtig ist, dass du Medien gezielt nach ihrer Funktion auswählst, Grenzen erkennst, keine fremden Rechte unterstellst und die Informationen auch ohne einzelne Sinneskanäle möglichst verständlich anbietest.

OER und Wikipedia

Sachquellen und Unterrichtsgrundlagen:

Wikipedia: Multimedia – Überblick über Begriff und Formen (deutsch).
Internet-ABC: Multimedia – altersgerechte Definition.
W3C WAI: Making Audio and Video Media Accessible – verlässliche Empfehlungen zur Barrierefreiheit (englisch).
Creative Commons Deutschland: FAQs – Lizenzbausteine und Nachnutzung.
YouTube-Hilfe: Lizenztypen – Unterschied zwischen Standardlizenz und Creative Commons.

Geprüfte Wikimedia-Commons-Medien und Rechteangaben: Die Dateinamen entsprechen den eingebundenen Dateien; die Links führen zu Beschreibungen und Lizenzhinweisen. Alle Medien werden unverändert gezeigt.

Medium	Quelle	Urheber	Lizenz und Nutzungsbedingungen
File:Colour soundwave.svg	Wikimedia Commons	KMpumlwana (WMF)	CC0 1.0
File:Example sound file in Ogg Vorbis format.ogg	Wikimedia Commons	K6ka	CC0 1.0
File:Animexample.gif	Wikimedia Commons	Branko	Gemeinfrei nach Dateibeschreibung
File:Animexample2.gif	Wikimedia Commons	Branko	Gemeinfrei nach Dateibeschreibung
File:Bitmap vs vector.svg	Wikimedia Commons	Fbj, Wgabrie, Perhelion	CC BY-SA 3.0
File:RGB color model.svg	Wikimedia Commons	pd4u	Gemeinfrei nach Dateibeschreibung
File:Motion-gif.gif	Wikimedia Commons	Piper2020	CC BY-SA 4.0