slides: 8 overflow-folien gefixt + fragmented-list-marker eingeführt
per user-feedback nach QA-render-check aller 493 folien (overflow-detector via PIL bottom-band-darkness): 223015b/01-daten-grundlagen s.036 nyquist: H1 'Nyquist-Theorem — warum 2× reicht' → 'Nyquist — warum 2× reicht' body text gekürzt, drei fälle als * statt - (marp fragmented list) 223015b/03-inhalte-bild-audio-video s.009 RGB→Y'CbCr: H1 verkürzt, bg right 50% → 45% contain, list-marker * (Y/Cb/Cr reveal) text 'unabhängig komprimiert werden' eingedampft 223015b/03-inhalte-bild-audio-video s.031 inter-frame: H1 'Inter-Frame-Kompression — die zentrale Idee' → 'Inter-Frame — die zentrale Idee' bg right 42% → 40% contain bullets I/P/B mit * (fragmented reveal) 223015b/05-distribution-metadaten s.012 EXIF-tabelle: 8 zeilen → 5 zeilen (kamera+linse zusammengelegt, belichtung kompakt, software+bearbeitung zusammengelegt) 223015b/05-distribution-metadaten s.014 EXIF-stripping: 7 plattform-zeilen → 5 (facebook+iMessage und E-mail+slack+discord zusammen) faustregel als italic-zeile statt bold-block 223015c/01-geschichte-grundlagen-html s.006 alan turing: bg right 35% (default fill) → 33% contain (verhindert dass composite-bild bis footer reicht) 3 jahres-zeilen als * bullets (fragmented reveal) dhbw/01_web_eng s.054 counter: in 2 folien gesplittet: 'Counter — Vanilla + React' und 'Counter — Vue + Svelte' pointe 'vier frameworks, dasselbe pattern: state → UI re-rendert' am ende der 2. folie dhbw/08_best_practices s.005 .gitignore: code-block gekürzt: 6 sektionen → 5, mehrere lines pro logical group zusammengezogen (pem+key zusammen, vscode+idea zusammen) github.com/github/gitignore als markdown-link bonus: wo pädagogisch sinnvoll - durch * ersetzt (marp progressive-reveal in presenter-modus). nicht überall — nur wo bullets sequenziell aufgedeckt werden sollten. klausurfolien regeneriert (223015b 27, 223015c 19)
This commit is contained in:
@@ -809,20 +809,21 @@ Spektrogramm-Folie als Anschluss: 44,1 kHz → wir können bis ~22 kHz erfassen.
|
||||
|
||||
<!-- _class: klausur -->
|
||||
|
||||
# Nyquist-Theorem — warum 2× reicht
|
||||
# Nyquist — warum 2× reicht
|
||||
|
||||

|
||||
|
||||
**Sample-Rate muss mindestens das *Doppelte* der höchsten Signal-Frequenz sein:**
|
||||
**Sample-Rate ≥ *2× höchste Signal-Frequenz.***
|
||||
|
||||
```
|
||||
f_sample ≥ 2 · f_max
|
||||
```
|
||||
|
||||
Drei Fälle:
|
||||
- **zu wenig** → Aliasing (falsche tiefere Welle)
|
||||
- **genau** → mathematisches Minimum
|
||||
- **mehr** → sichere Rekonstruktion
|
||||
|
||||
* **zu wenig** → Aliasing
|
||||
* **genau** → mathematisches Minimum
|
||||
* **mehr** → sichere Rekonstruktion
|
||||
|
||||
<!--
|
||||
Harry Nyquist (1928) + Claude Shannon (1949): Sampling-Theorem.
|
||||
|
||||
@@ -209,18 +209,17 @@ Resultat: Foto-Datei ist 10× kleiner als RAW, sieht für das Auge fast identisc
|
||||
|
||||
---
|
||||
|
||||
# Schritt 1: Farbraum-Konversion (RGB → Y'CbCr)
|
||||
# Schritt 1: RGB → Y'CbCr
|
||||
|
||||

|
||||

|
||||
|
||||
**Trick:** Helligkeit von Farbe **trennen**.
|
||||
|
||||
- **Y** (Luminanz) = wie hell ist der Pixel
|
||||
- **Cb** = blau-gelb-Differenz
|
||||
- **Cr** = rot-grün-Differenz
|
||||
* **Y** = Luminanz (Helligkeit)
|
||||
* **Cb** = blau-gelb-Differenz
|
||||
* **Cr** = rot-grün-Differenz
|
||||
|
||||
Das Auge sieht **Luminanz scharf**, **Chrominanz grob**.
|
||||
Durch Trennung können beide unabhängig komprimiert werden.
|
||||
Auge sieht **Y scharf**, **Cb/Cr grob.** Beide werden unabhängig komprimiert.
|
||||
|
||||
<!--
|
||||
Diese Trennung ist verlustfrei — mathematische Umrechnung zwischen Farbräumen.
|
||||
@@ -725,18 +724,17 @@ Konkrete Tools:
|
||||
|
||||
---
|
||||
|
||||
# Inter-Frame-Kompression — die zentrale Idee
|
||||
# Inter-Frame — die zentrale Idee
|
||||
|
||||

|
||||

|
||||
|
||||
Aufeinanderfolgende Frames sehen sich **sehr ähnlich** (Kamera bewegt sich kaum, Person redet — Hintergrund bleibt fast gleich).
|
||||
|
||||
**Statt jedes Frame komplett zu speichern**, speichere nur die *Differenz* zum vorigen.
|
||||
Aufeinanderfolgende Frames sind **fast gleich**. Statt jedes ganz speichern: nur **Differenz**.
|
||||
|
||||
Drei Frame-Typen:
|
||||
- **I-Frame** (Intra): ganzes Bild als JPEG-ähnliches Standalone
|
||||
- **P-Frame** (Predicted): Differenz zum vorigen Frame
|
||||
- **B-Frame** (Bidirectional): Differenz zu vorigem UND nächstem Frame
|
||||
|
||||
* **I** (Intra) — ganzes Bild
|
||||
* **P** (Predicted) — Diff zum vorigen
|
||||
* **B** (Bidirectional) — Diff zu vorigem + nächstem
|
||||
|
||||
<!--
|
||||
Inter-Frame ist DER Trick, der Video-Kompression überhaupt möglich macht.
|
||||
|
||||
@@ -331,14 +331,11 @@ Typische EXIF-Daten in einem Smartphone-Foto:
|
||||
|
||||
| Feld | Beispiel |
|
||||
|------|----------|
|
||||
| Kamera-Hersteller | Apple |
|
||||
| Kamera-Modell | iPhone 15 Pro |
|
||||
| Linse, Brennweite | 24 mm, ƒ/1.78 |
|
||||
| Belichtung, ISO | 1/250 s, ISO 100 |
|
||||
| **Aufnahme-Zeitstempel** | 2026-04-12 18:47:12 +02:00 |
|
||||
| Kamera | Apple iPhone 15 Pro · 24 mm · ƒ/1.78 |
|
||||
| Belichtung | 1/250 s · ISO 100 |
|
||||
| **Aufnahme-Zeitstempel** | 2026-04-12 · 18:47:12 +02:00 |
|
||||
| **GPS-Koordinaten** | 48.7847°N 9.1825°E (Stuttgart, Königstraße) |
|
||||
| Software-Version | iOS 18.4.1 |
|
||||
| Bearbeitungs-Spuren | Photoshop CC 2025 |
|
||||
| Software | iOS 18.4.1 · Photoshop CC 2025 |
|
||||
|
||||
<!--
|
||||
EXIF macht Fotos detektiv-tauglich.
|
||||
@@ -385,19 +382,17 @@ McAfee hat sich danach öffentlich darüber lustig gemacht ("yes that was the ac
|
||||
|
||||
---
|
||||
|
||||
# Social-Media-EXIF-Stripping (Übersicht)
|
||||
# Social-Media-EXIF-Stripping
|
||||
|
||||
| Plattform | Stripped EXIF? | Vorbehalte |
|
||||
|-----------|----------------|------------|
|
||||
| **Instagram** | Ja | (komplett entfernt + neu komprimiert) |
|
||||
| **Facebook** | Ja | |
|
||||
| **Twitter / X** | Ja | nur bei Foto-Upload, nicht bei Direktnachricht |
|
||||
| **WhatsApp** | Ja, *wenn als Foto* gesendet | NEIN bei "Dokument senden" |
|
||||
| **iMessage** | Ja | |
|
||||
| **E-Mail (Outlook, GMail)** | Nein | Original-Datei bleibt original |
|
||||
| **Slack / Discord** | Nein bzw. teilweise | Original-Datei bleibt original |
|
||||
| Plattform | Stripped? | Vorbehalt |
|
||||
|-----------|-----------|-----------|
|
||||
| **Instagram** | Ja | neu komprimiert |
|
||||
| **Facebook · iMessage** | Ja | — |
|
||||
| **Twitter / X** | Ja | nicht bei Direktnachricht |
|
||||
| **WhatsApp** | Ja als Foto | NEIN bei „Dokument senden" |
|
||||
| **E-Mail · Slack · Discord** | Nein | Original bleibt |
|
||||
|
||||
**Faustregel:** Plattform-Upload = wahrscheinlich Stripped. Datei direkt teilen = unsicher.
|
||||
*Plattform-Upload = meist Stripped. Datei direkt teilen = unsicher.*
|
||||
|
||||
<!--
|
||||
Diese Tabelle ist nicht klausurrelevant, aber lebensweltlich wichtig.
|
||||
|
||||
@@ -312,18 +312,19 @@ Spektrogramm-Folie als Anschluss: 44,1 kHz → wir können bis ~22 kHz erfassen.
|
||||
<!-- _footer: "" -->
|
||||
|
||||
|
||||
# Nyquist-Theorem — warum 2× reicht
|
||||
# Nyquist — warum 2× reicht
|
||||
|
||||

|
||||
|
||||
**Sample-Rate muss mindestens das *Doppelte* der höchsten Signal-Frequenz sein:**
|
||||
**Sample-Rate ≥ *2× höchste Signal-Frequenz.***
|
||||
|
||||
```
|
||||
f_sample ≥ 2 · f_max
|
||||
```
|
||||
|
||||
Drei Fälle:
|
||||
- **zu wenig** → Aliasing (falsche tiefere Welle)
|
||||
|
||||
- **zu wenig** → Aliasing
|
||||
- **genau** → mathematisches Minimum
|
||||
- **mehr** → sichere Rekonstruktion
|
||||
|
||||
@@ -480,17 +481,7 @@ Trick-Frage 2: warum nicht WAV für Spotify? → Daten-Volumen zu hoch fürs Str
|
||||
<!-- _footer: "" -->
|
||||
|
||||
|
||||
# Container ≠ Codec
|
||||
|
||||

|
||||
|
||||
**Container** = die *Verpackung*: hält Video-Spur, Audio-Spur, Untertitel, Metadaten zusammen.
|
||||
*Beispiele:* MP4, MKV, WebM, AVI
|
||||
|
||||
**Codec** = der *Komprimierer*: wie wird Bild/Audio gespeichert?
|
||||
*Beispiele:* H.264, H.265, AV1, VP9 (Video) · AAC, MP3, Opus (Audio)
|
||||
|
||||
**Eine `.mp4`-Datei kann verschiedene Codecs enthalten.**
|
||||

|
||||
|
||||
<!--
|
||||
Das ist DER zentrale Missverständnis-Punkt bei Video. Studis denken oft, „MP4" oder „MKV" sei das Format des Videos. Stimmt nicht. Es ist nur die Hülle.
|
||||
|
||||
Reference in New Issue
Block a user