update termin 2 slides with expanded content

This commit is contained in:
2025-12-17 18:07:57 +01:00
parent b39ed32cad
commit 45869a1e11
+78 -5
View File
@@ -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 --> <!-- _class: lead -->
@@ -7,9 +30,12 @@
--- ---
<!-- _header: '' -->
<!-- _footer: '' -->
![bg](./assets/photo-comparison.png) ![bg](./assets/photo-comparison.png)
<!-- <!--
Links: Hochauflösend Links: Hochauflösend
Rechts: Stark komprimiert (JPEG-Artefakte sichtbar) Rechts: Stark komprimiert (JPEG-Artefakte sichtbar)
Instagram-Effekt Instagram-Effekt
@@ -80,9 +106,12 @@ Dateierweiterungen: .jpg, .jpeg, .jfif (alle gleich)
--- ---
<!-- _header: '' -->
<!-- _footer: '' -->
![bg](./assets/jpeg-artifacts.png) ![bg](./assets/jpeg-artifacts.png)
<!-- <!--
Beispiel: Stark komprimiertes JPEG Beispiel: Stark komprimiertes JPEG
Blocking (8×8-Blöcke sichtbar) Blocking (8×8-Blöcke sichtbar)
Ringing (Geister um Kanten) Ringing (Geister um Kanten)
@@ -153,9 +182,12 @@ Photoshop "Save for Web": Standard ist 60
--- ---
<!-- _header: '' -->
<!-- _footer: '' -->
![bg](./assets/gif-animation.png) ![bg](./assets/gif-animation.png)
<!-- <!--
GIF-Animation (z.B. Meme) GIF-Animation (z.B. Meme)
256 Farben, aber Animationen möglich 256 Farben, aber Animationen möglich
--> -->
@@ -236,9 +268,12 @@ JPEG bleibt dominant (Kompatibilität!)
--- ---
<!-- _header: '' -->
<!-- _footer: '' -->
![bg](./assets/instagram-quality-loss.png) ![bg](./assets/instagram-quality-loss.png)
<!-- <!--
Vorher/Nachher: Hochauflösend vs. Instagram-Upload Vorher/Nachher: Hochauflösend vs. Instagram-Upload
Sichtbare Qualitätsverluste Sichtbare Qualitätsverluste
--> -->
@@ -318,6 +353,9 @@ Forum: Austausch über Ergebnisse
--- ---
<!-- _header: '' -->
<!-- _footer: '' -->
![bg](./assets/netflix-4k.png) ![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) ![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) ![bg](./assets/iframe-pframe-diagram.png)
<!-- <!--
@@ -512,6 +556,9 @@ Fragmentierung verzögert Adoption
--- ---
<!-- _header: '' -->
<!-- _footer: '' -->
![bg](./assets/youtube-vp9.png) ![bg](./assets/youtube-vp9.png)
<!-- <!--
@@ -545,6 +592,9 @@ Hardware-Decoder erst ab ~2016 (langsame Adoption)
--- ---
<!-- _header: '' -->
<!-- _footer: '' -->
![bg](./assets/av1-logo.png) ![bg](./assets/av1-logo.png)
<!-- <!--
@@ -606,6 +656,9 @@ Player misst Bandbreite, wechselt live
--- ---
<!-- _header: '' -->
<!-- _footer: '' -->
![bg](./assets/streaming-quality-switch.png) ![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!) **Bonus:** AV1-Encoding (Warnung: SEHR langsam!)
<!-- <!--
MediaInfo oder ffprobe für Analyse MediaInfo oder ffprobe für Analyse
HandBrake für Konvertierung (einfacher als CLI) HandBrake für Konvertierung (einfacher als CLI)
Encoding-Zeit: H.265 ~5x langsamer, AV1 ~50x langsamer Encoding-Zeit: H.265 ~5x langsamer, AV1 ~50x langsamer
Qualität: Bei gleicher Bitrate H.265 > H.264 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/