slides/2026-01-09-termin-2-bild-audio-video.md

@@ -1,3 +1,26 @@
+---
+marp: true
+theme: gaia
+paginate: true
+backgroundColor: #fff
+header: "Dateiformate, Schnittstellen, Speichermedien & Distributionswege"
+footer: "Michael Czechowski – HdM Stuttgart – WS 2025/26"
+title: Dateiformate, Schnittstellen, Speichermedien & Distributionswege
+---
+
+<style>
+section {
+  font-size: 1.7rem;
+}
+h2 {
+  color: var(--color-dimmed);
+}
+</style>
+
+<!-- _class: invert -->
+
+![bg fit](./assets/digital-landscape.png)
+
 ---
 
 <!-- _class: lead -->
@@ -7,9 +30,12 @@
 
 ---
 
+<!-- _header: '' -->
+<!-- _footer: '' -->
+
 ![bg](./assets/photo-comparison.png)
 
-<!-- 
+<!--
 Links: Hochauflösend
 Rechts: Stark komprimiert (JPEG-Artefakte sichtbar)
 Instagram-Effekt
@@ -80,9 +106,12 @@ Dateierweiterungen: .jpg, .jpeg, .jfif (alle gleich)
 
 ---
 
+<!-- _header: '' -->
+<!-- _footer: '' -->
+
 ![bg](./assets/jpeg-artifacts.png)
 
-<!-- 
+<!--
 Beispiel: Stark komprimiertes JPEG
 Blocking (8×8-Blöcke sichtbar)
 Ringing (Geister um Kanten)
@@ -153,9 +182,12 @@ Photoshop "Save for Web": Standard ist 60
 
 ---
 
+<!-- _header: '' -->
+<!-- _footer: '' -->
+
 ![bg](./assets/gif-animation.png)
 
-<!-- 
+<!--
 GIF-Animation (z.B. Meme)
 256 Farben, aber Animationen möglich
 -->
@@ -236,9 +268,12 @@ JPEG bleibt dominant (Kompatibilität!)
 
 ---
 
+<!-- _header: '' -->
+<!-- _footer: '' -->
+
 ![bg](./assets/instagram-quality-loss.png)
 
-<!-- 
+<!--
 Vorher/Nachher: Hochauflösend vs. Instagram-Upload
 Sichtbare Qualitätsverluste
 -->
@@ -318,6 +353,9 @@ Forum: Austausch über Ergebnisse
 
 ---
 
+<!-- _header: '' -->
+<!-- _footer: '' -->
+
 ![bg](./assets/netflix-4k.png)
 
 <!-- 
@@ -370,6 +408,9 @@ Ein MP4 kann H.264, H.265 oder AV1 enthalten
 
 ---
 
+<!-- _header: '' -->
+<!-- _footer: '' -->
+
 ![bg](./assets/container-codec-diagram.png)
 
 <!-- 
@@ -430,6 +471,9 @@ Wenn du vorspulst: Sucht nach nächstem I-Frame
 
 ---
 
+<!-- _header: '' -->
+<!-- _footer: '' -->
+
 ![bg](./assets/iframe-pframe-diagram.png)
 
 <!-- 
@@ -512,6 +556,9 @@ Fragmentierung verzögert Adoption
 
 ---
 
+<!-- _header: '' -->
+<!-- _footer: '' -->
+
 ![bg](./assets/youtube-vp9.png)
 
 <!-- 
@@ -545,6 +592,9 @@ Hardware-Decoder erst ab ~2016 (langsame Adoption)
 
 ---
 
+<!-- _header: '' -->
+<!-- _footer: '' -->
+
 ![bg](./assets/av1-logo.png)
 
 <!-- 
@@ -606,6 +656,9 @@ Player misst Bandbreite, wechselt live
 
 ---
 
+<!-- _header: '' -->
+<!-- _footer: '' -->
+
 ![bg](./assets/streaming-quality-switch.png)
 
 <!-- 
@@ -677,10 +730,30 @@ Encoding-Zeit: H.265 deutlich langsamer als H.264
 
 **Bonus:** AV1-Encoding (Warnung: SEHR langsam!)
 
-<!-- 
+<!--
 MediaInfo oder ffprobe für Analyse
 HandBrake für Konvertierung (einfacher als CLI)
 Encoding-Zeit: H.265 ~5x langsamer, AV1 ~50x langsamer
 Qualität: Bei gleicher Bitrate H.265 > H.264
 -->
 
+---
+
+<!-- _class: lead -->
+
+# Fragen & Diskussion
+
+**Kontakt:** czechowski@hdm-stuttgart.de
+**Folien:** Online verfügbar unter https://hdm.librete.ch
+
+---
+
+# Lizenz & Attribution
+
+Diese Präsentation ist lizenziert unter **Creative Commons Attribution-ShareAlike 4.0 International (CC BY-SA 4.0)**
+
+- Erlaubt Teilen & Anpassen mit Namensnennung
+- Adaptionen müssen unter gleicher Lizenz geteilt werden
+
+Vollständige Lizenz: https://creativecommons.org/licenses/by-sa/4.0/
+